@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:#111;--orange:#d64129;--cream:#f6ede6;--shell:min(1440px,100% - 9vw)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;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}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.portfolio-header{position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.5vw;border-bottom:1px solid transparent;transition:height .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease}.portfolio-header.is-solid{height:48px;background:rgba(17,17,17,.9);border-color:rgba(246,237,230,.14);backdrop-filter:blur(12px)}.portfolio-brand{width:68px;transition:width .35s cubic-bezier(.22,1,.36,1)}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-brand img{display:block;width:100%}.portfolio-back{font-size:10px;letter-spacing:.15em;text-transform:uppercase;transition:color .2s ease}.portfolio-back:hover{color:var(--orange)}.portfolio-language{justify-self:end;display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.13em}.portfolio-language button{border:0;padding:4px 0;background:none;opacity:.52;cursor:pointer}.portfolio-language button.is-active,.portfolio-language button:hover{color:var(--orange);opacity:1}.portfolio-language span{color:rgba(246,237,230,.4)}
.product-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100svh;overflow:hidden;background:#191715}.product-hero-video,.product-hero-shade{position:absolute;inset:0}.product-hero-video{z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.76) contrast(1.06) brightness(.72);transform:scale(1.012)}.product-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(17,17,17,.83),rgba(17,17,17,.3) 52%,rgba(17,17,17,.07)),linear-gradient(0deg,rgba(17,17,17,.8),transparent 47%)}.product-hero-content{width:var(--shell);margin:0 auto;padding:clamp(124px,17vh,190px) 0 7vh}.portfolio-mark{margin:0;color:var(--orange);font-size:10px;letter-spacing:.16em;text-transform:uppercase}h1,h2,strong{font-family:"Urbanist",Arial,sans-serif;font-weight:700}h1{max-width:11ch;margin:26px 0 0;font-size:clamp(64px,10vw,172px);line-height:.79;letter-spacing:-.065em}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(62px,10vh,132px)}.hero-footer p{width:min(31rem,64vw);margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.48}.scroll-cue{display:flex;gap:28px;min-width:140px;padding:12px 0;border-bottom:1px solid var(--cream);font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:color .2s,border-color .2s}.scroll-cue:hover{color:var(--orange);border-color:var(--orange)}.hero-count{position:absolute;right:4.5vw;bottom:7vh;margin:0;font-size:10px;letter-spacing:.14em}
.archive-intro{display:grid;grid-template-columns:.7fr 1.55fr .75fr;gap:5vw;align-items:start;padding:clamp(110px,16vw,230px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black)}.archive-intro>div{grid-column:2}.archive-intro h2{margin:0;font-size:clamp(50px,7.2vw,118px);line-height:.82;letter-spacing:-.06em}.archive-intro p{max-width:29rem;margin:42px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.5;color:#4d423b}.archive-promise{display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black);border-top:1px solid var(--orange)}.promise-item{min-height:270px;padding:22px 24px 32px 0;border-right:1px solid var(--orange);display:flex;flex-direction:column}.promise-item+.promise-item{padding-left:24px}.promise-item:last-child{padding-right:0;border-right:0}.promise-item>span{color:var(--orange);font-size:10px;letter-spacing:.14em}.promise-item strong{margin-top:auto;font-size:clamp(27px,3vw,48px);letter-spacing:-.055em}.promise-item p{margin:20px 0 0;font-size:14px;color:#655750}.portfolio-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;min-height:40svh;padding:clamp(44px,8vw,110px) 4.5vw 28px;background:var(--black);color:var(--cream)}.portfolio-footer>a{font:700 clamp(33px,5vw,78px)/.9 "Urbanist",Arial,sans-serif;letter-spacing:-.055em}.portfolio-footer>a:hover{color:var(--orange)}.portfolio-footer a span{color:var(--orange);font-size:.55em}.portfolio-footer p{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,237,230,.65)}
@media(max-width:850px){:root{--shell:min(1440px,100% - 12vw)}.portfolio-header{height:70px;padding:0 6vw;grid-template-columns:1fr auto 1fr}.portfolio-header.is-solid{height:46px}.portfolio-brand{width:58px}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-back{justify-self:center;font-size:9px}.portfolio-language{font-size:9px}.product-hero-shade{background:linear-gradient(90deg,rgba(17,17,17,.75),rgba(17,17,17,.15)),linear-gradient(0deg,rgba(17,17,17,.84),transparent 54%)}.product-hero-content{padding-top:120px;padding-bottom:5.5svh}h1{font-size:clamp(57px,15vw,96px)}.hero-footer{margin-top:auto;padding-top:60px}.hero-footer p{font-size:15px}.scroll-cue{min-width:auto;gap:12px}.scroll-cue span{display:none}.hero-count{right:6vw;bottom:5.8svh}.archive-intro{grid-template-columns:1fr;gap:30px;padding:100px 6vw}.archive-intro>div{grid-column:auto}.archive-intro h2{font-size:clamp(47px,12.2vw,78px)}.archive-intro p{margin-top:38px}.archive-promise{grid-template-columns:1fr 1fr;padding:0 6vw}.promise-item{min-height:220px;padding:18px 16px 26px 0}.promise-item+.promise-item{padding-left:16px}.promise-item:nth-child(2){border-right:0;padding-right:0}.promise-item:nth-child(n+3){border-top:1px solid var(--orange);padding-top:20px}.promise-item strong{font-size:clamp(27px,7.5vw,42px)}.portfolio-footer{min-height:34svh;padding:54px 6vw 24px;flex-direction:column;align-items:flex-start}.portfolio-footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-hero-video{display:none}.product-hero{background:linear-gradient(135deg,#3a211c,var(--black))}}

/* Product archive */
.portfolio-directory{display:grid;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);gap:clamp(42px,9vw,170px);padding:clamp(108px,15vw,205px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black)}.directory-intro h2,.story-heading h2,.object-shelf h2{margin:24px 0 0;font-size:clamp(48px,6.2vw,106px);line-height:.82;letter-spacing:-.065em}.directory-intro>p:last-child,.story-heading>div>p,.object-shelf-copy>p:last-child{max-width:28rem;margin:36px 0 0;font-size:clamp(15px,1.28vw,19px);line-height:1.5;color:#51453e}.project-directory-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--orange)}.project-directory-list li{border-bottom:1px solid var(--orange)}.project-directory-list a{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;min-height:68px;transition:padding .28s cubic-bezier(.22,1,.36,1),background .28s ease,color .28s ease}.project-directory-list a:hover{padding:0 18px;background:var(--orange);color:var(--cream)}.project-directory-list span{font-size:10px;letter-spacing:.14em;color:var(--orange);transition:color .28s ease}.project-directory-list a:hover span{color:var(--cream)}.project-directory-list strong{font-size:clamp(20px,2.1vw,33px);letter-spacing:-.055em}.project-directory-list i{font-size:19px;font-style:normal}.project-story{position:relative;overflow:hidden;padding:clamp(92px,12vw,176px) max(4.5vw,calc((100vw - 1440px)/2))}.project-story--cream{background:var(--cream);color:var(--black)}.project-story--dark{background:#111;color:var(--cream)}.story-heading{display:grid;grid-template-columns:minmax(160px,.46fr) minmax(0,1fr);gap:4vw;max-width:1150px;margin:0 auto clamp(54px,7vw,100px)}.story-heading--offset{max-width:1260px}.story-heading .portfolio-mark{padding-top:9px}.story-heading h2{font-size:clamp(53px,7.6vw,130px)}.story-heading>div>p{margin-bottom:0}.story-heading--dark>div>p{color:rgba(17,17,17,.68)}.project-story--dark .story-heading>div>p{color:rgba(246,237,230,.67)}.story-image{position:relative;overflow:hidden;margin:0;background:#27211e}.story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.story-image:hover img{transform:scale(1.026)}.story-image--landscape{max-width:1440px;aspect-ratio:1.95/1;margin:0 auto}.story-pair{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(14px,2vw,30px);max-width:1130px;margin:clamp(15px,2vw,30px) auto 0}.story-pair .story-image:first-child{aspect-ratio:1.8/1}.story-pair .story-image:last-child{aspect-ratio:1.7/1}.project-story--nest{padding-bottom:0}.nest-stage{position:relative;max-width:1500px;margin:0 auto}.nest-stage .story-image{aspect-ratio:1.78/1}.stage-note{position:absolute;right:24px;bottom:22px;color:var(--cream);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nest-contrast{width:min(58vw,890px);aspect-ratio:1.78/1;margin:-6vw 4vw 0 auto;transform:translateY(16%);box-shadow:0 25px 60px rgba(0,0,0,.5)}.project-story--laundry{background:#eec83d;color:#111;padding-bottom:clamp(82px,11vw,150px)}.laundry-hero{max-width:1440px;aspect-ratio:1.78/1;margin:0 auto}.laundry-strip{display:grid;grid-template-columns:1.08fr 1fr .72fr;gap:clamp(13px,1.6vw,26px);max-width:1230px;margin:clamp(15px,2vw,30px) auto 0}.laundry-strip .story-image{aspect-ratio:1.13/1}.laundry-strip .story-image:last-child{background:#f9f7f5}.project-story--play{padding-bottom:0}.play-hero{max-width:1320px;aspect-ratio:1.78/1;margin:0 auto}.play-collage{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(14px,2vw,28px);max-width:1170px;margin:clamp(15px,2vw,30px) auto 0;transform:translateY(18%)}.play-collage .story-image{aspect-ratio:1.32/1}.project-story--hedef{padding-bottom:clamp(100px,14vw,205px)}.hedef-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(14px,3vw,60px);max-width:1400px;margin:0 auto}.hedef-grid .story-image{aspect-ratio:1.78/1}.hedef-grid .story-image:last-child{transform:translateY(18%);box-shadow:0 24px 50px rgba(17,17,17,.18)}.project-story--games{padding:0;background:#1a1918;color:var(--cream)}.game-story{padding:clamp(86px,12vw,166px) max(4.5vw,calc((100vw - 1440px)/2));border-bottom:1px solid rgba(246,237,230,.22)}.game-story>.story-image{max-width:1370px;aspect-ratio:1.78/1;margin:0 auto}.game-media-row{display:grid;grid-template-columns:1.1fr .62fr;align-items:center;gap:clamp(20px,5vw,96px);max-width:1120px;margin:clamp(16px,2vw,30px) auto 0}.game-media-row .story-image{aspect-ratio:1.38/1}.game-media-row p{max-width:26rem;margin:0;font-size:clamp(17px,1.55vw,23px);line-height:1.45}.game-media-row--reverse{grid-template-columns:.62fr 1.1fr}.project-story--desk{padding-bottom:clamp(100px,14vw,190px)}.desk-hero{max-width:1450px;aspect-ratio:1.78/1;margin:0 auto}.desk-details{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(14px,2vw,30px);max-width:1170px;margin:clamp(16px,2vw,30px) auto 0}.desk-details .story-image{aspect-ratio:1.45/1}.object-shelf{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cream);color:var(--black)}.object-shelf article{display:flex;flex-direction:column;min-height:720px;padding:clamp(30px,4vw,66px) clamp(18px,3vw,50px) 0;border-right:1px solid var(--orange)}.object-shelf article:last-child{border-right:0}.object-shelf h2{font-size:clamp(40px,4.45vw,76px)}.object-shelf .story-image{aspect-ratio:1.42/1;margin-top:auto;transform:translateY(10%)}.project-story--safari{background:#d5b17c;color:#111}.safari-hero{max-width:1440px;aspect-ratio:1.78/1;margin:0 auto}.project-story--care-cart{background:#dce1e1;color:#111;padding-bottom:clamp(102px,13vw,186px)}.care-cart-hero{width:min(75vw,1080px);aspect-ratio:1/1;margin:0 auto;background:#f8f7f3}.project-story[data-project-reveal],.portfolio-directory [data-project-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.project-story[data-project-reveal].is-visible,.portfolio-directory [data-project-reveal].is-visible{opacity:1;transform:none}
@media(max-width:850px){.portfolio-directory{grid-template-columns:1fr;padding:100px 6vw;gap:62px}.directory-intro h2,.story-heading h2,.object-shelf h2{font-size:clamp(47px,12.2vw,78px)}.project-directory-list a{grid-template-columns:38px 1fr auto;min-height:60px}.project-story{padding:92px 6vw}.story-heading{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.story-heading .portfolio-mark{padding-top:0}.story-heading h2{font-size:clamp(50px,13vw,86px)}.story-heading>div>p{margin-top:28px}.story-image--landscape{aspect-ratio:1.2/1}.story-pair{grid-template-columns:1fr;margin-top:14px}.story-pair .story-image{aspect-ratio:1.28/1!important}.nest-stage .story-image{aspect-ratio:1.17/1}.stage-note{right:14px;bottom:14px}.nest-contrast{width:88%;margin:-20px 0 0 auto;transform:translateY(17%)}.laundry-hero{aspect-ratio:1.02/1}.laundry-strip{grid-template-columns:1fr 1fr;margin-top:14px}.laundry-strip .story-image{aspect-ratio:1/1}.laundry-strip .story-image:last-child{grid-column:1/-1;aspect-ratio:1.7/1}.play-hero{aspect-ratio:1.1/1}.play-collage{grid-template-columns:1fr;margin-top:14px;transform:translateY(9%)}.play-collage .story-image{aspect-ratio:1.18/1}.hedef-grid{grid-template-columns:1fr;gap:14px}.hedef-grid .story-image{aspect-ratio:1.12/1}.hedef-grid .story-image:last-child{transform:none}.game-story{padding:88px 6vw}.game-story>.story-image{aspect-ratio:1.08/1}.game-media-row,.game-media-row--reverse{grid-template-columns:1fr;gap:22px;margin-top:14px}.game-media-row .story-image{aspect-ratio:1.18/1}.game-media-row--reverse p{order:2}.desk-hero{aspect-ratio:1.08/1}.desk-details{grid-template-columns:1fr;margin-top:14px}.desk-details .story-image{aspect-ratio:1.15/1}.object-shelf{grid-template-columns:1fr}.object-shelf article{min-height:auto;padding:60px 6vw 0;border-right:0;border-bottom:1px solid var(--orange)}.object-shelf .story-image{margin-top:45px;transform:translateY(8%)}.safari-hero{aspect-ratio:1.08/1}.care-cart-hero{width:100%;aspect-ratio:1/1}.project-story[data-project-reveal],.portfolio-directory [data-project-reveal]{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){.project-story[data-project-reveal],.portfolio-directory [data-project-reveal]{opacity:1;transform:none;transition:none}.story-image img{transition:none}}