@font-face{font-family:"Urbanist";src:url("assets/fonts/Urbanist-Thin.otf") format("opentype");font-style:normal;font-weight:100;font-display:swap}
@font-face{font-family:"Urbanist";src:url("assets/fonts/Urbanist-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}

:root{--black:#111111;--orange:#d64129;--cream:#f6ede6;--cream-ink:#332b27;--line:rgba(246,237,230,.22);--shell:min(1440px,100% - 9vw)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;overflow-x:hidden;background:var(--black);color:var(--cream);font-family:"Urbanist",Arial,sans-serif;font-weight:100;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}
button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.shell{width:var(--shell);margin:0 auto}

.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.5vw;transition:height .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
.site-header.is-solid{height:48px;background:rgba(17,17,17,.88);border-color:rgba(246,237,230,.14);backdrop-filter:blur(12px)}
.brand{justify-self:start;width:68px;transition:width .35s cubic-bezier(.22,1,.36,1)}.site-header.is-solid .brand{width:42px}.brand img{width:100%;height:auto}
.site-navigation{display:flex;gap:28px;font:100 11px "Urbanist",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.site-navigation a,.header-contact{transition:color .2s ease}.site-navigation a:hover,.header-contact:hover{color:var(--orange)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:24px}.language-switcher{display:flex;align-items:center;gap:7px;font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.13em}.language-switcher button{padding:4px 0;border:0;background:transparent;opacity:.5;cursor:pointer;transition:opacity .2s ease,color .2s ease}.language-switcher button:hover,.language-switcher button.is-active{color:var(--orange);opacity:1}.language-switcher span{color:rgba(246,237,230,.38)}.header-contact{font:100 11px "Urbanist",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.header-contact b{color:var(--orange);font-size:14px;font-weight:100}.site-navigation a,.header-contact{transition:color .2s ease}.site-navigation a:hover,.header-contact:hover{color:var(--orange)}.menu-toggle{display:none}

.hero{position:relative;min-height:100svh;isolation:isolate;background:#1a1817}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{z-index:-2;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.05) brightness(.74);transform:scale(1.01)}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(17,17,17,.87),rgba(17,17,17,.35) 49%,rgba(17,17,17,.14)),linear-gradient(0deg,rgba(17,17,17,.75),transparent 42%)}
.hero-content{display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:clamp(130px,19vh,210px) 0 7vh}.eyebrow,.section-mark{margin:0;font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--cream)}
h1,h2,h3{margin:0;font-family:"Urbanist",Arial,sans-serif;font-weight:700}h1{max-width:12ch;margin-top:26px;font-size:clamp(60px,8.25vw,142px);line-height:.84;letter-spacing:-.05em}h1 em,h2 em{color:var(--orange);font-style:normal}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(58px,11vh,135px)}.hero-bottom>p{width:min(30rem,65vw);margin:0;font-size:clamp(14px,1.3vw,18px);line-height:1.45}.round-link{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:142px;padding:12px 0;border-bottom:1px solid var(--cream);font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:color .2s,border-color .2s}.round-link:hover{color:var(--orange);border-color:var(--orange)}.round-link b{font-size:17px;font-weight:100}.hero-index{position:absolute;right:4.5vw;bottom:7vh;margin:0;color:rgba(246,237,230,.8);font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.14em}

.introduction{position:relative;isolation:isolate;overflow:hidden;padding:clamp(100px,16vw,240px) 0;background:var(--black);color:var(--cream)}.introduction:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.82) 0%,rgba(17,17,17,.62) 47%,rgba(17,17,17,.30) 100%),linear-gradient(0deg,rgba(17,17,17,.28),rgba(17,17,17,.02)),url("assets/render-1.png") center/cover no-repeat}.introduction .section-mark{color:var(--orange)}.introduction-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.7fr);gap:10vw;align-items:end;margin-top:clamp(74px,13vw,175px)}.introduction h2{font-size:clamp(42px,6.6vw,112px);line-height:.86;letter-spacing:-.05em}.introduction h2 em{color:var(--orange);font-style:normal}.introduction-grid>p{max-width:29rem;margin:0 0 .5em;font-size:clamp(16px,1.45vw,21px);line-height:1.48;color:rgba(246,237,230,.86)}

.capabilities{padding:clamp(100px,14vw,205px) 0;background:var(--black)}.section-heading{display:grid;grid-template-columns:.7fr 1.55fr .75fr;gap:5vw;align-items:end}.section-heading h2{font-size:clamp(50px,7.3vw,122px);line-height:.83;letter-spacing:-.055em}.section-heading>p:last-child{max-width:22rem;margin:0 0 .3em;font-size:15px;line-height:1.5;color:rgba(246,237,230,.72)}
.capability-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(70px,11vw,150px);border-top:1px solid var(--line)}.capability{min-height:390px;padding:20px 24px 28px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.capability+ .capability{padding-left:24px}.capability:last-child{border-right:0;padding-right:0}.capability span{color:var(--orange);font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.15em}.capability h3{margin-top:auto;font-size:clamp(26px,2.35vw,40px);line-height:.92;letter-spacing:-.045em}.capability p{min-height:73px;margin:26px 0 0;font-size:14px;line-height:1.48;color:rgba(246,237,230,.68)}

.work{padding:clamp(100px,14vw,205px) 0;background:var(--cream);color:var(--black)}.work .section-mark{color:var(--orange)}.work-heading{grid-template-columns:.7fr 2fr}.work-index{margin-top:clamp(68px,11vw,145px);border-top:1px solid rgba(17,17,17,.2)}.work-index a{display:grid;grid-template-columns:80px minmax(160px,1fr) minmax(170px,.7fr) auto;align-items:center;gap:18px;min-height:102px;border-bottom:1px solid rgba(17,17,17,.2);transition:padding .25s ease,background .25s ease,color .25s ease}.work-index a:hover{padding:0 18px;background:var(--orange);color:var(--cream)}.work-index span{font:100 11px "Urbanist",Arial,sans-serif;letter-spacing:.13em}.work-index strong{font:700 clamp(25px,3.3vw,54px) "Urbanist",Arial,sans-serif;letter-spacing:-.045em}.work-index i{font-style:normal;font-size:14px;color:var(--cream-ink)}.work-index b{font-size:21px;font-weight:400}.work-note{max-width:330px;margin:30px 0 0 auto;font-size:13px;line-height:1.5;color:#655750}

.studio{padding:clamp(100px,15vw,220px) 0;background:var(--orange);color:var(--black)}.studio-grid{display:grid;grid-template-columns:.7fr 1.5fr .65fr;gap:5vw;align-items:start}.studio .section-mark{color:rgba(17,17,17,.7)}.studio-copy h2{font-size:clamp(52px,7.4vw,122px);line-height:.82;letter-spacing:-.06em}.studio-copy h2 em{color:var(--cream);font-style:normal}.studio-copy>p{max-width:30rem;margin:clamp(42px,7vw,90px) 0 0;font-size:clamp(16px,1.5vw,21px);line-height:1.48}.studio-statement{padding-top:10px;border-top:1px solid rgba(17,17,17,.45)}.studio-statement span{font:700 clamp(38px,4.8vw,76px) "Urbanist",Arial,sans-serif;letter-spacing:-.08em}.studio-statement p{margin:34px 0 0;font:100 10px/1.7 "Urbanist",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,28px);margin-top:clamp(88px,12vw,170px);padding-top:20px;border-top:1px solid rgba(17,17,17,.42)}.team-card{min-width:0;margin:0}.team-portrait{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:999px;background:#1b1715;box-shadow:0 16px 38px rgba(17,17,17,.17)}.team-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.12),rgba(17,17,17,.46));pointer-events:none}.team-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.03);transition:transform .6s cubic-bezier(.22,1,.36,1),filter .35s ease}.team-card:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.02)}.team-card:nth-child(1) img{object-position:46% 33%}.team-card:nth-child(2) img{object-position:50% 28%}.team-card:nth-child(3) img{object-position:68% 38%}.team-card:nth-child(4) img{object-position:50% 46%}.team-caption{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;color:var(--cream);text-shadow:0 2px 14px rgba(0,0,0,.45)}.team-caption strong{font:700 clamp(17px,1.65vw,26px)/.95 "Urbanist",Arial,sans-serif;letter-spacing:-.035em}.team-caption span{font:100 9px "Urbanist",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--cream)}

.references{padding:clamp(100px,14vw,205px) 0;background:var(--cream);color:var(--black)}.references-heading{display:grid;grid-template-columns:.7fr 1.55fr .75fr;gap:5vw;align-items:end}.references .section-mark{color:var(--orange)}.references-heading>div{grid-column:2}.references-heading h2{font:700 clamp(50px,7.3vw,122px)/.83 "Urbanist",Arial,sans-serif;letter-spacing:-.055em}.references-heading h2 em{color:var(--orange);font-style:normal}.references-heading p:last-child{max-width:25rem;margin:30px 0 0;font-size:15px;line-height:1.5;color:#655750}.reference-grid{display:grid;grid-template-columns:repeat(5,1fr);margin:clamp(66px,10vw,132px) 0 0;padding:0;list-style:none;border-top:1px solid var(--orange);border-left:1px solid var(--orange)}.reference{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(118px,12vw,174px);padding:clamp(18px,2vw,32px);overflow:hidden;background:transparent;border-right:1px solid var(--orange);border-bottom:1px solid var(--orange);text-align:center;transition:background .3s ease}.reference:focus-within,.reference:hover{background:var(--orange)}.reference img{display:block;box-sizing:border-box;max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.06) brightness(.63);transition:transform .35s cubic-bezier(.22,1,.36,1),filter .3s ease;will-change:transform}.reference-landscape img{width:min(100%,178px);max-height:54px}.reference-symbol img{width:auto;max-width:78px;max-height:76px}.reference:hover img{transform:scale(1.045);filter:brightness(0) invert(1) opacity(1)}

.contact{padding:clamp(100px,14vw,205px) 0;background:var(--black)}.contact-grid{display:grid;grid-template-columns:.7fr 1.5fr .65fr;gap:5vw;align-items:end}.contact-link{font:700 clamp(42px,6.1vw,103px) "Urbanist",Arial,sans-serif;letter-spacing:-.06em;line-height:.88;word-break:break-word;color:var(--cream);transition:color .2s ease}.contact-link:hover{color:var(--orange)}.contact-link span{color:var(--orange);font-size:.6em}.contact-copy{max-width:18rem;margin:0;font-size:15px;line-height:1.5;color:rgba(246,237,230,.72)}

.site-footer{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;overflow:hidden;padding:30px 0;background:radial-gradient(ellipse at center,rgba(214,65,41,.08),transparent 58%),var(--cream);color:var(--black)}.dust-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.footer-brand{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:70px 10vw}.footer-brand img{width:min(325px,58vw);height:auto;filter:drop-shadow(0 14px 30px rgba(17,17,17,.1))}.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;margin-top:0;padding-top:18px;border-top:1px solid rgba(17,17,17,.25);font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.footer-bottom a:hover{color:var(--orange)}

.has-js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.has-js [data-reveal].is-revealed{opacity:1;transform:none}.has-js .capability:nth-child(2){transition-delay:.08s}.has-js .capability:nth-child(3){transition-delay:.16s}.has-js .capability:nth-child(4){transition-delay:.24s}

@media(max-width:850px){
  :root{--shell:min(1440px,100% - 12vw)}.site-header{grid-template-columns:1fr auto auto;height:70px;padding:0 6vw}.site-header.is-solid{height:46px}.brand{width:58px}.site-header.is-solid .brand{width:42px}.header-actions{grid-column:2;grid-row:1;gap:0}.header-contact{display:none}.language-switcher{gap:6px;font-size:10px}.menu-toggle{display:block;grid-column:3;grid-row:1;margin-left:18px;padding:8px 0;border:0;background:none;font:100 10px "Urbanist",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.site-navigation{position:absolute;top:69px;left:6vw;right:6vw;display:none;gap:0;padding:8px 20px 13px;background:var(--black);border:1px solid rgba(246,237,230,.16);border-top:0;flex-direction:column}.site-header.is-solid .site-navigation{top:45px}.site-navigation.is-open{display:flex}.site-navigation a{padding:13px 0;border-bottom:1px solid rgba(246,237,230,.14)}.site-navigation a:last-child{border-bottom:0}
  .hero-shade{background:linear-gradient(90deg,rgba(17,17,17,.76),rgba(17,17,17,.19)),linear-gradient(0deg,rgba(17,17,17,.84),transparent 50%)}.hero-content{padding-top:120px;padding-bottom:5.5svh}h1{margin-top:18px;font-size:clamp(51px,13.5vw,88px);line-height:.86}.hero-bottom{margin-top:auto;padding-top:60px}.hero-bottom>p{font-size:15px}.round-link{min-width:86px;gap:13px}.round-link span{display:none}.hero-index{right:6vw;bottom:5.8svh}
  .introduction{padding:100px 0}.introduction-grid,.section-heading,.studio-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.introduction-grid{margin-top:74px}.introduction h2,.section-heading h2,.studio-copy h2{font-size:clamp(44px,12.3vw,78px)}.introduction-grid>p{max-width:32rem}.section-heading>p:last-child{margin:0;max-width:30rem}
  .capabilities,.work,.studio,.references,.contact{padding:100px 0}.capability-list{grid-template-columns:1fr 1fr;margin-top:70px}.capability{min-height:280px;padding:18px 16px 22px 0}.capability+ .capability{padding-left:16px}.capability:nth-child(2){border-right:0;padding-right:0}.capability:nth-child(n+3){border-top:1px solid var(--line);padding-top:20px}.capability h3{font-size:clamp(26px,7.5vw,42px)}.capability p{min-height:auto;margin-top:20px;font-size:13px}
  .work-heading{grid-template-columns:1fr}.work-index{margin-top:68px}.work-index a{grid-template-columns:32px 1fr auto;gap:12px;min-height:76px}.work-index i{display:none}.work-index strong{font-size:clamp(22px,6.4vw,36px)}.work-index a:hover{padding:0 10px}.work-note{margin-left:0}.studio-statement{max-width:300px;margin-top:38px}.studio-copy>p{margin-top:46px}.contact-grid{gap:35px}.contact-link{font-size:clamp(38px,10vw,62px)}.contact-copy{font-size:15px}
  .team-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:72px}.team-portrait{aspect-ratio:2/3}.references-heading{grid-template-columns:1fr;gap:30px}.references-heading>div{grid-column:auto}.references-heading h2{font-size:clamp(44px,12.3vw,78px)}.reference-grid{grid-template-columns:repeat(2,1fr);margin-top:68px}.reference{min-height:128px;padding:18px}.reference>span{font-size:clamp(20px,6vw,32px)}.reference small{font-size:8px}.reference-balikesir span,.reference-panoteknik span,.reference-medikal span{font-size:16px}.reference-inox span{font-size:22px}
  .site-footer{min-height:100svh;padding:20px 0}.footer-brand{padding:72px 10vw 42px}.footer-brand img{width:min(260px,68vw)}.footer-bottom{flex-wrap:wrap;margin-top:0;font-size:9px}.footer-bottom span:nth-child(2){order:3;flex-basis:100%}
}

@media(max-width:440px){.hero-bottom>p{max-width:14rem}.capability{min-height:254px}.capability h3{font-size:25px}.capability p{font-size:12px}.work-index a{min-height:70px}.footer-bottom{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.has-js [data-reveal]{opacity:1;transform:none;transition:none}}