@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;--ink:#20251d}*{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,.92);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)}
.playground-hero{position:relative;display:flex;align-items:flex-end;min-height:82svh;padding:0 max(4.5vw,calc((100vw - 1440px)/2));overflow:hidden;background:radial-gradient(circle at 76% 68%,rgba(214,65,41,.24),transparent 20%),radial-gradient(circle at 85% 20%,rgba(214,65,41,.13),transparent 17%),linear-gradient(135deg,#1d1b19,#111 65%)}.hero-content{position:relative;z-index:1;width:min(1180px,100%);padding:clamp(132px,18vh,220px) 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:12ch;margin:26px 0 0;font-size:clamp(64px,10vw,172px);line-height:1.06;letter-spacing:-.02em}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(58px,10vh,126px)}.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:152px;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)}.scroll-cue b{font-size:17px;font-weight:100}.orbit{position:absolute;border:1px solid rgba(214,65,41,.38);border-radius:50%;pointer-events:none}.orbit-one{width:min(48vw,720px);height:min(48vw,720px);right:-10vw;bottom:-25vw}.orbit-two{width:min(28vw,420px);height:min(28vw,420px);right:17vw;top:12vh;border-color:rgba(246,237,230,.14)}
.theme-archive{padding:clamp(112px,16vw,228px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black)}.archive-heading{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:4vw;max-width:1250px;margin:0 auto clamp(70px,10vw,130px)}.archive-heading .portfolio-mark{padding-top:10px}.archive-heading>div{max-width:790px}.archive-heading h2{margin:0;font-size:clamp(54px,7.6vw,130px);line-height:1.06;letter-spacing:-.02em}.archive-heading>div>p{max-width:34rem;margin:38px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.48;color:#514f45}.playground-gallery{max-width:1440px;margin:0 auto}.system-view,.image-card{min-width:0;margin:0}.system-view{margin-bottom:clamp(64px,11vw,158px)}.system-view img,.image-card img{display:block;width:100%;height:auto;background:#f3f3f2}.system-view img{box-shadow:0 22px 52px rgba(17,17,17,.11)}.system-view figcaption,.image-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(17,17,17,.28)}.system-view figcaption span,.image-card figcaption span{color:var(--orange);font-size:10px;letter-spacing:.14em}.system-view figcaption strong,.image-card figcaption strong{font-size:clamp(21px,2.15vw,34px);line-height:1.06;letter-spacing:-.02em}.feature-spread{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(18px,2.6vw,42px);margin-top:clamp(70px,11vw,150px)}.feature-spread-reverse .feature-card{order:2}.feature-spread-reverse .side-stack{order:1}.side-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(34px,5vw,70px)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,8vw,108px) clamp(18px,2.6vw,42px);margin-top:clamp(70px,11vw,150px)}
.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)/1.06 "Urbanist",Arial,sans-serif;letter-spacing:-.02em}.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){.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}.playground-hero{min-height:74svh;padding:0 6vw}.hero-content{padding-top:120px;padding-bottom:5.5svh}h1{font-size:clamp(55px,14.2vw,92px)}.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}.orbit-one{width:88vw;height:88vw;right:-30vw;bottom:-40vw}.orbit-two{width:55vw;height:55vw;right:10vw;top:17vh}.theme-archive{padding:100px 6vw}.archive-heading{grid-template-columns:1fr;gap:20px;margin-bottom:56px}.archive-heading .portfolio-mark{padding-top:0}.archive-heading h2{font-size:clamp(48px,12.4vw,82px)}.archive-heading>div>p{margin-top:28px;font-size:16px}.system-view{margin-bottom:70px}.system-view figcaption,.image-card figcaption{margin-top:12px;padding-top:11px}.system-view figcaption strong,.image-card figcaption strong{font-size:clamp(23px,6.4vw,32px)}.feature-spread,.detail-grid{grid-template-columns:1fr;gap:48px;margin-top:70px}.feature-spread-reverse .feature-card,.feature-spread-reverse .side-stack{order:initial}.side-stack{gap:48px}.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}.portfolio-header{transition:none}}