@font-face{font-family:Renner;src:url('fonts/renner-book.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#2c3178;--accent:#eed912;--paper:#f8f7f2;--text:#57575e;--line:#deddd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Renner,Arial,sans-serif;font-weight:400;font-synthesis:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.wrap{width:min(1280px,calc(100% - 104px));margin-inline:auto}.header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:block;width:112px;height:48px;object-fit:contain}.header nav{display:flex;gap:34px;font-family:Renner,Arial,sans-serif;font-size:17px}.header nav a{padding:13px 0}.header a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:76px;align-items:center;padding:30px 0 34px}h1{font-size:clamp(40px,4.15vw,59px);letter-spacing:-.035em;line-height:1.08;text-wrap:balance}h1 em{font-style:normal;box-shadow:inset 0 -.11em var(--accent)}.hero-copy>p{font-size:16px;line-height:1.65;color:var(--text);max-width:610px;margin-top:25px}.contact{padding:24px 26px 18px;border:1px solid var(--line);border-radius:4px;background:#fdfcf8}.contact h2{font-size:29px;line-height:1.12;letter-spacing:-.025em}.contact>p{font-size:14px;line-height:1.5;color:var(--text);margin:10px 0 15px}.contact input{display:block;width:100%;min-width:0;height:42px;margin-top:9px;padding:10px 13px;border:1px solid #d9d8d4;border-radius:3px;background:#ffffff66;color:var(--ink);font-size:16px}.contact input::placeholder{font-size:13px;color:#696a72;opacity:1}.submit{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:42px;margin-top:14px;padding:10px 16px;border:0;border-radius:3px;background:var(--ink);color:#fff;font-size:14px}.submit:hover{background:#22265f}.submit span{font-size:19px}.contact .form-note{font-size:12px;line-height:1.4;margin:10px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.references{border-top:1px solid var(--line);padding:25px 0 40px}.references>h2,.eyebrow{font-family:Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;font-weight:400}.references>h2{margin-bottom:15px}.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}.reference{position:relative;min-width:0}.reference>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:125px;padding:14px 20px;border:0;border-bottom:1px solid var(--line);border-radius:3px;background:transparent}.reference>button:hover,.reference>button[aria-expanded=true]{background:#eeede8}.reference img{width:100%;max-width:218px;height:92px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.9}.reference-info{position:absolute;top:calc(100% - 2px);left:0;width:245px;max-width:calc(100vw - 40px);padding:18px;background:#f1f0ed;border:1px solid #dddcd7;box-shadow:0 8px 20px #00000010;border-radius:4px;z-index:5;color:#44454b}.reference:nth-child(4n) .reference-info{left:auto;right:0}.reference-info h3{font-size:20px}.reference-info p{font-size:14px;line-height:1.5;margin-top:8px}.services{padding:26px 0 54px;border-top:1px solid var(--line)}.services-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:90px}.services-heading h2{font-size:42px;line-height:1.06;letter-spacing:-.025em;margin-top:14px}.section-intro{color:var(--text);font-size:16px;line-height:1.5;padding-bottom:8px;max-width:400px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:38px}.service-grid article{padding:0 28px;border-left:1px solid var(--line)}.service-grid article:first-child{padding-left:0;border:0}.service-grid article:last-child{padding-right:0}.number{display:flex;gap:16px;align-items:center;font-size:13px;letter-spacing:.1em;margin-bottom:18px}.number:after{content:'';height:1px;background:#cdced4;width:48px}.service-grid h3{font-size:25px;line-height:1.16;letter-spacing:-.025em;min-height:60px;margin-bottom:12px;text-wrap:balance}.service-grid p{font-size:15px;line-height:1.55;color:var(--text);text-wrap:pretty}.studio{display:grid;grid-template-columns:1fr 1fr;background:#eeece6;border-block:1px solid var(--line)}.studio-content{padding:34px 36px 38px max(52px,calc((100vw - 1280px)/2));align-self:center}.studio-content>.eyebrow{font-size:11px}.studio-logo{display:block;width:min(330px,100%);height:auto;max-height:65px;object-fit:contain;object-position:left;margin:17px 0 19px}.studio-content h3{font-family:Arial,sans-serif;font-size:18px;line-height:1.4;letter-spacing:-.02em;color:#232735}.studio-content>p:not(.eyebrow){font-size:15px;color:var(--text);line-height:1.5;margin-top:14px;max-width:530px}.studio-content>a{display:inline-flex;align-items:center;gap:26px;border:1px solid #3c4053;border-radius:3px;font-size:14px;color:#242839;padding:12px 19px;margin-top:21px}.studio-photo{position:relative;min-height:345px;overflow:hidden}.studio-photo>img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.studio-words{position:absolute;right:12%;top:32px;font-size:12px;line-height:1.5;letter-spacing:.18em;color:white;text-shadow:0 1px 8px #0008}.footer{padding-top:30px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:0;padding-bottom:27px}.footer-top>div{padding:0 22px;border-left:1px solid var(--line)}.footer-top>div:first-child{padding-left:0;border:0}.footer-top>div:last-child{padding-right:0}.footer .logo{margin-bottom:10px}.footer p,.footer address,.footer a{font-size:13px;line-height:1.6;color:var(--text);font-style:normal}.footer-brand>p{max-width:220px}.partner-badge{display:block;width:155px;height:auto;max-height:80px;object-fit:contain;object-position:left;margin-top:17px}.footer h2,.footer h3{font-family:Arial,sans-serif;font-size:14px;color:#242839;line-height:1.4;font-weight:400}.footer h2{margin-bottom:10px}.footer h3{margin-bottom:6px}.bursa{padding-top:30px!important}.footer #footer-iletisim a{display:block;overflow-wrap:anywhere;margin-bottom:4px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;font-size:12px;color:var(--text)}.skip{position:absolute;top:-100px;z-index:20;padding:12px;background:var(--accent)}.skip:focus{top:0}
@media(min-width:901px) and (max-height:740px){.header{height:70px}.hero{padding-block:22px;gap:60px}h1{font-size:clamp(39px,3.65vw,53px)}.contact{padding:18px 22px 15px}.contact h2{font-size:27px}.hero-copy>p{margin-top:20px;line-height:1.55}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;grid-template-columns:1.15fr 1fr}.contact{padding:20px}.service-grid article{padding:0 18px}.service-grid h3{font-size:23px;min-height:90px}.services-heading{gap:45px}.studio-content{padding-left:32px}.footer-top>div{padding-inline:15px}}
@media(max-width:900px){.header nav{gap:22px}.hero{gap:28px}h1{font-size:40px}.contact h2{font-size:25px}.service-grid{grid-template-columns:1fr 1fr;row-gap:32px}.service-grid article:nth-child(3){border-left:0;padding-left:0}.service-grid article:nth-child(2){padding-right:0}.service-grid h3{min-height:56px}.services-heading h2{font-size:36px}.logo-grid{gap:0 14px}.reference>button{padding:12px 5px}.reference img{height:78px}.studio-content{padding:30px}.footer-top{grid-template-columns:1.2fr 1fr;gap:26px}.footer-top>div:nth-child(3){border:0;padding:0!important}.footer-top>div:nth-child(4){padding-left:15px}.bursa{padding-top:0!important}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:92px;padding:12px 0;gap:6px;flex-direction:column}.header .logo{width:95px;height:40px}.header nav{width:100%;justify-content:space-between;gap:8px;font-size:15px}.header nav a{padding:6px 0}.hero{grid-template-columns:1fr;gap:25px;padding:26px 0 30px}h1{font-size:42px;max-width:570px}.hero-copy>p{font-size:16px;line-height:1.6;margin-top:20px}.contact{padding:23px}.contact h2{font-size:28px}.logo-grid{grid-template-columns:1fr 1fr;gap:0 20px}.reference>button{min-height:113px;padding:12px 4px}.reference img{height:80px;max-width:200px}.reference:nth-child(2n) .reference-info{right:0;left:auto}.references{padding-bottom:30px}.services-heading{grid-template-columns:1fr;gap:18px}.services-heading h2{font-size:36px}.section-intro{max-width:100%;padding:0}.service-grid{margin-top:28px}.service-grid article{padding-inline:15px}.service-grid h3{font-size:22px;min-height:103px}.service-grid p{font-size:14px;line-height:1.6}.studio{grid-template-columns:1fr}.studio-content{padding:30px 20px}.studio-photo{min-height:300px}.studio-logo{width:280px}.studio-words{right:10%;top:25px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:nth-child(2){border:0;padding-left:0}.footer-top>div:nth-child(3){border-left:1px solid var(--line);padding-left:15px!important}.footer-top>div:last-child{grid-column:1/-1;padding:0;border:0}.partner-badge{width:145px}.footer p,.footer address,.footer a{font-size:14px}}
@media(max-width:380px){h1{font-size:37px}.header nav{font-size:14px}.service-grid{grid-template-columns:1fr;gap:26px}.service-grid article{border-left:0;padding:0 0 22px;border-bottom:1px solid var(--line)}.service-grid h3{min-height:0}.footer-top{grid-template-columns:1fr}.footer-top>div:nth-child(3){border:0;padding:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Opening screen: references begin below the viewport. */
.hero{position:relative;min-height:calc(100vh - 82px);min-height:calc(100svh - 82px);padding-top:clamp(32px,6vh,76px);padding-bottom:94px;align-content:center;column-gap:76px}
.hero h1{font-size:clamp(42px,4.15vw,60px);max-width:660px;line-height:1.12}
.hero-copy>p{margin-top:30px;line-height:1.7}
.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#777883;border-radius:50%}
.scroll-cue:hover{color:var(--ink);background:#eeede7}.scroll-cue svg{animation:scroll-nudge 2.6s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(min-width:901px) and (min-height:741px){.contact{padding:30px 30px 24px}.contact input{height:46px;margin-top:12px}.submit{min-height:46px;margin-top:18px}.contact>p{margin-bottom:19px}}
@media(min-width:901px) and (max-height:740px){.hero{min-height:calc(100vh - 70px);min-height:calc(100svh - 70px);padding-top:30px;padding-bottom:82px;column-gap:60px}.hero h1{font-size:clamp(40px,3.9vw,56px)}.hero-copy>p{margin-top:26px;line-height:1.65}.scroll-cue{bottom:17px}}
@media(min-width:701px) and (max-width:1100px){.hero{column-gap:32px}}
@media(max-width:700px){.hero{min-height:calc(100svh - 105px);padding:34px 0 26px;gap:30px}.hero h1{font-size:42px;line-height:1.12}.hero-copy>p{margin-top:24px}.scroll-cue{position:static;transform:none;justify-self:center;margin-top:4px}.scroll-cue svg{animation-duration:3s}}
@media(max-width:380px){.hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}}
/* Give the form a more generous vertical rhythm. */
@media(min-width:701px){
 .contact{padding:36px 30px 30px}
 .contact>p{margin:14px 0 22px}
 .contact input{height:48px;margin-top:14px}
 .submit{min-height:48px;margin-top:22px}
 .contact .form-note{margin-top:15px;line-height:1.5}
}
@media(min-width:901px) and (max-height:740px){
 .contact{padding:28px 26px 24px}
 .contact>p{margin:12px 0 18px}
 .contact input{height:45px;margin-top:12px}
 .submit{min-height:46px;margin-top:18px}
 .contact .form-note{margin-top:13px}
}
@media(max-width:700px){
 .contact{padding:30px 24px 27px}
 .contact>p{margin:14px 0 20px}
 .contact input{height:46px;margin-top:13px}
 .submit{min-height:46px;margin-top:20px}
 .contact .form-note{margin-top:14px}
}
/* Fixed navigation keeps its original layout space as it contracts. */
html{scroll-padding-top:104px}
.header-space{height:82px}
.header{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;margin:0;background:var(--paper);transition:width .28s ease,height .28s ease,top .28s ease,padding .28s ease,border-radius .28s ease,background-color .28s ease,box-shadow .28s ease}
.header .logo{transition:width .28s ease,height .28s ease}
.header.is-scrolled{top:12px;width:min(1120px,calc(100% - 64px));height:62px;padding:0 25px;border:1px solid #deddd780;border-radius:40px;background:rgba(248,247,242,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 18px #20223d0b}
.header.is-scrolled .logo{width:94px;height:40px}
@media(min-width:901px) and (max-height:740px){.header-space{height:70px}}
@media(min-width:701px) and (max-width:900px){.header.is-scrolled{width:calc(100% - 40px);padding-inline:20px}.header.is-scrolled nav{gap:20px}}
@media(max-width:700px){
 .header-space{height:105px}
 .header{height:105px}
 .header.is-scrolled{top:8px;width:calc(100% - 24px);height:86px;min-height:0;padding:7px 16px;border-radius:20px;gap:3px}
 .header.is-scrolled .logo{width:80px;height:33px}
 .header.is-scrolled nav{font-size:14px;gap:6px}
 .header.is-scrolled nav a{padding-block:5px}
 html{scroll-padding-top:112px}
}
@media(max-width:380px){.header.is-scrolled{padding-inline:12px}.header.is-scrolled nav{font-size:13px}}
@media(prefers-reduced-motion:reduce){.header,.header .logo{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header.is-scrolled{background:rgba(248,247,242,.97)}}
/* References: quiet, self-contained logo tiles. */
.header.is-scrolled{background:rgba(248,247,242,.54);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header.is-scrolled{background:rgba(248,247,242,.78)}}
.references{padding-top:64px;padding-bottom:64px}
.references-heading{text-align:center;margin:0 auto 42px}
.references-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.5vw,62px);font-weight:400;line-height:1.15;letter-spacing:-.035em;color:#28282d}
.references-heading p{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.5;color:#53535b;margin-top:20px}
.logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.reference{isolation:isolate;border-radius:10px;background:#efeeea}
.reference>button{height:190px;min-height:190px;border:0;padding:26px 22px;border-radius:10px;background:transparent}
.reference>button:hover,.reference>button[aria-expanded=true]{background:transparent}
.reference img{width:100%;max-width:178px;height:80px;opacity:.88;transition:filter .2s ease,opacity .2s ease}
.reference.is-open img{filter:grayscale(1) blur(5px);opacity:.22}
.reference .reference-info,.reference:nth-child(n) .reference-info{position:absolute;inset:0;width:auto;max-width:none;height:auto;padding:16px 15px;border:0;border-radius:10px;box-shadow:none;background:rgba(248,247,242,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-align:center;overflow:hidden;pointer-events:none;z-index:2}
.reference-info:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center}
.reference-info h3{font-size:21px;line-height:1.15;letter-spacing:-.02em;color:#30303a}
.reference-info p{font-size:14px;line-height:1.4;color:#4d4d55;margin-top:9px}
@media(max-width:1100px) and (min-width:901px){.logo-grid{gap:12px}.reference>button{padding-inline:14px}.reference .reference-info{padding-inline:10px}.reference-info h3{font-size:20px}.reference-info p{font-size:13px}}
@media(max-width:900px){.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reference>button{height:185px;min-height:185px}}
@media(max-width:700px){.references{padding-top:42px;padding-bottom:42px}.references-heading{margin-bottom:28px}.references-heading h2{font-size:42px}.references-heading p{font-size:17px;margin-top:14px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference>button{height:190px;min-height:190px;padding:20px 13px}.reference img{max-width:150px;height:70px}.reference .reference-info{padding:14px 10px}.reference-info h3{font-size:20px}.reference-info p{font-size:13px}.reference:last-child{grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}}
@media(prefers-reduced-motion:reduce){.reference img{transition:none}}
/* Final desktop content refinements. */
.contact .privacy-note{font-size:12px;line-height:1.5}
.privacy-note a{text-decoration:underline;text-underline-offset:2px}
#form-status[hidden]{display:none}
ul.logo-grid{list-style:none;margin:0;padding:0}
.reference figure{display:flex;align-items:center;justify-content:center;margin:0;height:190px;padding:26px 22px}
.reference img{transition:none;filter:grayscale(1);opacity:.88}
.studio{min-height:448.5px}
.studio-photo{min-height:448.5px}
.studio-content>p:not(.eyebrow){color:#363a46;font-size:16px;line-height:1.65}
.footer-top{grid-template-columns:1.15fr .72fr 2.35fr 1fr;gap:26px;align-items:start}
.footer-top>div,.footer-top>div:first-child,.footer-top>div:last-child{padding:0;border:0;grid-column:auto}
.footer .footer-brand .logo{width:125px;height:54px}
.footer .footer-partner{padding-top:16px;display:flex;justify-content:center}
.footer .partner-badge{width:112px;max-width:100%;height:auto;margin:0}
.footer .footer-offices{padding-left:23px;border-left:1px solid var(--line)}
.footer h2{font-family:Renner,Arial,sans-serif;font-size:26px;line-height:1.2;margin:0 0 22px;color:var(--ink)}
.footer .office-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.footer h3{font-size:14px;margin:0 0 9px;color:#323640}
.footer #footer-iletisim{padding-left:23px;border-left:1px solid var(--line)}
@media(max-width:1100px){.footer-top{gap:18px;grid-template-columns:1fr .65fr 2.1fr 1fr}.footer .office-grid{gap:18px}.footer .footer-offices,.footer #footer-iletisim{padding-left:16px}}
@media(max-width:900px){.reference figure{height:185px;padding:20px 16px}.footer-top{grid-template-columns:1fr 1fr}.footer .footer-partner{justify-content:flex-start}.footer .footer-offices{grid-column:1/-1;padding:0;border:0}.footer #footer-iletisim{padding:0;border:0}}
@media(max-width:700px){.reference figure{height:190px;padding:20px 13px}.studio{min-height:0}.studio-photo{min-height:390px}.footer-top>div:first-child{grid-column:auto}.footer .footer-partner{padding-top:12px}.footer .office-grid{gap:22px}.footer h2{font-size:25px;margin-bottom:18px}}
@media(max-width:380px){.footer .office-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}}

/* Optical balancing for logos with generous SVG whitespace. */
.reference img[src$="bengodi.svg"]{transform:scale(1.85)}
.reference img[src$="ıhg.svg"]{transform:scale(1.45)}
.hero h1 em{box-decoration-break:clone;-webkit-box-decoration-break:clone}