:root{--bg:oklch(18% .006 80);--text:oklch(92% .014 85);--muted:oklch(73% .012 85);--gutter:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Geologica,Helvetica Neue,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}button:active{transform:scale(.97)}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--bg);padding:16px}.skip:focus{top:16px}header{position:absolute;top:0;left:0;width:100%;z-index:5;padding:32px var(--gutter);display:flex;justify-content:space-between;align-items:center}.logo{width:144px;height:auto}nav{display:flex;gap:36px;font-size:14px}nav a{padding:12px 0}.header-right{display:flex;align-items:center;gap:36px}.locale-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.locale-toggle a{padding:12px 0}.locale-toggle a:hover,.locale-toggle [aria-current=true]{color:var(--text)}.locale-toggle .locale-sep{opacity:.4}.entrance{height:190svh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:transparent}.scene,.shade{position:absolute;inset:0}.scene img,.scene video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.scene video{opacity:0}.shade{background:linear-gradient(90deg,rgba(22,23,23,.5),rgba(22,23,23,.18) 30%,transparent 58%),linear-gradient(0deg,rgba(22,23,23,.36),transparent 35%);pointer-events:none}.intro{position:absolute;left:var(--gutter);top:31%;max-width:38%}.eyebrow{font-size:12px;letter-spacing:.035em;color:var(--muted);margin:0 0 32px}h1{font-size:clamp(64px,7.4vw,120px);font-weight:300;line-height:.99;letter-spacing:-.065em;margin:0 0 32px}.description{font-size:clamp(15px,1.25vw,20px);line-height:1.7;color:var(--muted);margin:0}.stage-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.stage-foot a{padding:12px 0}.stage-foot span{margin-left:32px}.stage-foot button{background:none;border:0;padding:12px;cursor:pointer;color:var(--muted)}.work{position:relative;background:var(--bg);padding:100px var(--gutter) 120px}.work-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:64px}.work-heading .eyebrow{padding-top:20px}h2{font-size:clamp(48px,6vw,92px);line-height:1.06;letter-spacing:-.055em;font-weight:300;margin:0 0 28px}.work-heading p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7;margin:0}figure{margin:0}.image-wrap{padding:40px;background:#1c1a17}figure img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:20px;font-size:12px;line-height:1.6;color:var(--muted)}.work-note{font-size:clamp(28px,4vw,56px);line-height:1.2;letter-spacing:-.03em;margin:100px 0 0 33.333%}.studio{padding:100px var(--gutter);background:#1c1a17}.studio p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:40px}.studio a{display:inline-block;padding:12px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:32px var(--gutter);font-size:12px;color:var(--muted)}.popcorn-link{display:inline-block;margin-top:24px;padding:8px 0;font-size:14px}.popcorn-demo{padding:80px var(--gutter) 104px;background:#22231f}.popcorn-demo>*{position:relative;z-index:2}.demo-heading{margin-bottom:48px}.demo-heading .eyebrow{margin-bottom:24px}.demo-heading h2{font-size:clamp(40px,5vw,72px);margin:0}.popcorn-demo .image-wrap{padding:clamp(12px,2.5vw,40px);background:#2b2d26;box-shadow:0 24px 60px #0003}.image-wrap mux-video{display:block;width:100%;aspect-ratio:16/9;background:#111310;--media-object-fit:contain}.image-wrap mux-video:focus-within{outline:2px solid var(--text);outline-offset:6px}.popcorn-video-fallback{height:100%;object-fit:contain}.image-wrap mux-video:defined .popcorn-video-fallback{display:none}@media(max-width:800px){.popcorn-demo{padding-top:64px;padding-bottom:64px}.demo-heading{margin-bottom:32px}}@media(min-width:1700px){.scene img,.scene video{object-fit:cover}}@media(max-width:800px){header{padding-top:24px}.logo{width:112px}nav{gap:20px;font-size:12px}.header-right{gap:20px}.locale-toggle{font-size:12px;gap:8px}.entrance{height:165svh}.scene{top:45%;bottom:auto;height:auto;aspect-ratio:16/9;width:140%;left:-38%}.scene img,.scene video{object-fit:contain}.stage{background:transparent}.shade{background:linear-gradient(180deg,rgba(22,23,23,.25),transparent 42%,rgba(22,23,23,.15))}.intro{top:15%;max-width:none;right:24px}h1{font-size:64px;line-height:1;margin-bottom:16px}.intro .eyebrow{display:none}.description{font-size:14px;position:static;max-width:none}.stage-foot{bottom:20px}.work{padding-top:64px;padding-bottom:72px}.work-heading{grid-template-columns:1fr;gap:0;margin-bottom:36px}.work-heading .eyebrow{padding:0;margin-bottom:24px}.work-heading p:not(.eyebrow){font-size:16px}.image-wrap{padding:12px}figcaption{flex-direction:column;gap:4px}.work-note{margin:56px 0 0}.studio{padding-top:72px;padding-bottom:72px}.studio p:not(.eyebrow){font-size:16px}footer{flex-wrap:wrap}.desktop{display:none}}@media(min-width:600px)and (max-width:800px){.scene{width:110%;left:-18%;top:34%}}@media(max-width:400px){nav{gap:14px}.header-right{gap:14px}.logo{width:94px}h1{font-size:58px}.description{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entrance{height:100svh}.stage{position:relative}.intro{opacity:1!important;transform:none!important}.scene video{opacity:0!important}.scene .poster{opacity:1!important}}.project{padding:96px var(--gutter) 104px;overflow:clip}.project-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:56px}.project-heading .eyebrow{padding-top:16px}.project-heading p:not(.eyebrow),.fleet-intro p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);margin:0}.project img{max-height:none;object-fit:contain}.project-caption{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.6;color:var(--muted);margin-top:28px}.designbox{background:#292722}.designbox-arrangement{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px}.designbox-main{grid-column:1/11;grid-row:1;padding:18px;background:#454036}.designbox-detail{grid-column:7/13;grid-row:1;margin-top:43%;padding:10px;background:#645947;z-index:1}.designbox-spec{grid-column:2/7;grid-row:2;margin-top:-12%;padding:10px;background:#37352f}.designbox-arrangement figure{box-shadow:0 18px 45px #0003}.partnership{padding:88px var(--gutter) 68px;background:#191c1b}.partnership h2{font-size:clamp(64px,10vw,156px);margin-bottom:20px}.partnership p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7}.partnership-line{display:flex;justify-content:space-between;padding-top:28px;margin-top:56px;box-shadow:0 -1px #ffffff20;font-size:12px;color:var(--muted)}.pos{background:#191c1b;padding-top:64px}.pos-arrangement{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:40px}.pos-main{background:#313631;padding:24px}.pos-detail{padding:12px;background:#242926;margin-top:18%}.pos-detail figcaption{padding:0 8px 8px}.fleet{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:40px;background:#202522;align-items:center}.fleet-intro h2{font-size:clamp(48px,5.7vw,88px)}.fleet-arrangement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;padding:28px 0 44px}.fleet-phone{padding:6px;background:#121713;border-radius:22px;overflow:hidden;box-shadow:0 20px 40px #0003}.fleet-phone img{border-radius:17px}.fleet-one{margin-top:56px}.fleet-three{margin-top:100px}.fleet .project-caption{grid-column:1/-1;margin-top:4px}.supershop{background:#252725}.shop-arrangement{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}.shop-main{grid-column:1/11;grid-row:1;padding:20px;background:#393b33}.shop-detail{grid-column:1/9;grid-row:2;padding:14px;background:#33362f;margin-left:8%}.shop-mobile{grid-column:10/13;grid-row:1 / span 2;margin-top:75%;padding:7px;background:#161a14;z-index:1;box-shadow:0 22px 48px #0004;border-radius:16px;overflow:hidden}.shop-mobile img{border-radius:10px}[data-reveal],.reveal-item{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.reveal-pending[data-reveal]{opacity:0;transform:translateY(24px)}.reveal-pending .reveal-item{opacity:0;transform:translateY(32px)}.reveal-item:nth-child(2){transition-delay:80ms}.reveal-item:nth-child(3){transition-delay:.16s}.designbox-arrangement.reveal-pending .designbox-main{transform:translate(-16px,24px)}.designbox-arrangement.reveal-pending .designbox-detail{transform:translate(20px,32px)}.designbox-arrangement.reveal-pending .designbox-spec{transform:translate(-12px,24px)}.shop-arrangement.reveal-pending .reveal-item{transform:translateY(24px) scale(.98)}@media(max-width:1000px){.fleet{grid-template-columns:1fr}.fleet-intro h2 br{display:none}.fleet-arrangement{width:min(100%,740px);margin:auto}.fleet-three{margin-top:80px}.pos-arrangement{gap:24px}}@media(max-width:800px){.project{padding-top:64px;padding-bottom:64px}.project-heading{grid-template-columns:1fr;gap:0;margin-bottom:36px}.project-heading .eyebrow{padding:0;margin-bottom:24px}.project-heading p:not(.eyebrow),.fleet-intro p:not(.eyebrow){font-size:16px}.project-caption{flex-direction:column;gap:4px;margin-top:24px}.designbox-arrangement{gap:16px}.designbox-main{grid-column:1/-1;padding:10px}.designbox-detail{grid-row:2;grid-column:4/-1;margin-top:-8%;padding:7px}.designbox-spec{grid-row:3;grid-column:1/10;margin-top:-5%;padding:7px}.partnership{padding:64px var(--gutter) 40px}.partnership p:not(.eyebrow){font-size:16px}.partnership-line{margin-top:36px}.pos-arrangement{grid-template-columns:1fr;gap:24px}.pos-main{padding:12px}.pos-detail{width:76%;margin-top:0;margin-left:auto;padding:8px}.fleet{gap:24px}.fleet-arrangement{gap:10px;padding:4px 0 12px}.fleet-phone{padding:4px;border-radius:13px}.fleet-phone img{border-radius:9px}.fleet-one{margin-top:28px}.fleet-three{margin-top:52px}.shop-arrangement{gap:16px}.shop-main{grid-column:1/-1;padding:10px}.shop-detail{grid-column:1/10;margin-left:0;padding:8px}.shop-mobile{grid-column:9/13;grid-row:2;margin-top:26%;padding:4px;border-radius:10px}.shop-mobile img{border-radius:7px}}@media(prefers-reduced-motion:reduce){[data-reveal],.reveal-item{transition:none!important;opacity:1!important;transform:none!important}}.studio-intro{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:72px var(--gutter) 64px}.studio-intro>*{position:relative;z-index:2}.studio-intro-label{padding-top:10px}.studio-intro-label .eyebrow{margin:22px 0 0}.studio-intro-copy h2{font-size:clamp(30px,3.15vw,48px);line-height:1.2;letter-spacing:-.035em;margin:0 0 26px;text-wrap:pretty}.studio-intro-copy h2 span{color:#c6bba2}.studio-intro-copy>p{max-width:600px;margin:0;font-size:16px;line-height:1.75;color:var(--muted);text-wrap:pretty}.assembly-mark{display:flex;align-items:center;gap:7px;width:44px;height:24px}.assembly-mark i{display:block;width:16px;height:24px;box-shadow:inset 2px 0 #c6bba2,inset 0 2px #c6bba2,inset 0 -2px #c6bba2;transition:transform .3s cubic-bezier(.16,1,.3,1)}.assembly-mark i:last-child{transform:rotate(180deg);opacity:.6}.studio-intro-label.reveal-pending .assembly-mark i:first-child{transform:translateY(-6px)}.studio-intro-label.reveal-pending .assembly-mark i:last-child{transform:translateY(6px) rotate(180deg)}.studio-intro [data-reveal]{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),filter .3s cubic-bezier(.16,1,.3,1)}.studio-intro .reveal-pending[data-reveal]{transform:translateY(12px);filter:blur(4px)}@media(max-width:800px){.studio-intro{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:44px}.studio-intro-label{display:flex;align-items:center;gap:16px;padding:0}.studio-intro-label .eyebrow{margin:0}.studio-intro-copy h2{font-size:30px;margin-bottom:24px}.studio-intro-copy>p{font-size:15px}}@media(prefers-reduced-motion:reduce){.studio-intro [data-reveal]{filter:none!important}.assembly-mark i{transition:none!important}}.workshop-world{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:1;contain:strict;--world-warmth:0;mask-image:linear-gradient(90deg,#000 0%,#000 7%,#0009 16%,transparent 30%,transparent 73%,#0009 89%,#000 100%)}.world-part{position:absolute;left:0;top:0;width:clamp(360px,37vw,720px);transform-origin:center;will-change:transform;filter:drop-shadow(15px 30px 18px #0006)}.world-frame{transform:translate3d(-22vw,48vh,0) rotate(-24deg) scale(.82)}.world-bridge{transform:translate3d(85vw,4vh,0) rotate(22deg) scale(.85)}.world-ceramic{transform:translate3d(98vw,58vh,0) rotate(-18deg) scale(.64)}.world-part svg{display:block;width:100%;height:auto}.world-bridge{width:clamp(430px,45vw,820px)}.world-ceramic{width:clamp(130px,16vw,310px);opacity:.66}.world-light{position:absolute;inset:0;background:linear-gradient(110deg,rgba(176,133,73,.12),transparent 32%,transparent 72%,rgba(199,167,112,.16));opacity:var(--world-warmth)}.work>*,.project>*,.partnership>*,.studio>*,footer>*{position:relative;z-index:2}.stage{z-index:3;background:radial-gradient(ellipse at 61% 48%,rgba(166,171,160,.1),transparent 68%)}header{z-index:5}.studio{position:relative}.studio>p,.studio>h2{max-width:75%}.world-still{opacity:.65!important}.world-still .world-frame{transform:translate3d(-26vw,35vh,0) rotate(-15deg)!important}.world-still .world-bridge{transform:translate3d(88vw,5vh,0) rotate(20deg)!important}.world-still .world-ceramic{display:none}@media(max-width:800px){.workshop-world{mask-image:linear-gradient(90deg,#000 0%,#0007 6%,transparent 18%,transparent 86%,#0009 97%,#000 100%)}.world-part{width:65vw;filter:drop-shadow(8px 15px 10px #0004)}.world-bridge{width:70vw}.world-ceramic{display:none}.studio>p,.studio>h2{max-width:none}}@media(prefers-reduced-motion:reduce){.world-part{will-change:auto}.workshop-world{opacity:.65}.world-frame{transform:translate3d(-26vw,35vh,0) rotate(-15deg)}.world-bridge{transform:translate3d(88vw,5vh,0) rotate(20deg)}.world-ceramic{display:none}}.locale-banner{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.75rem .75rem .75rem 1.25rem;background:#191919f0;border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 10px 40px #0006;font-size:.875rem;letter-spacing:-.005em;white-space:nowrap}.locale-banner[hidden]{display:none}.locale-banner a{font-weight:500;text-decoration:underline;text-underline-offset:3px}.locale-banner button{background:none;border:0;padding:4px 8px;font:inherit;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1}.locale-banner button:hover{color:var(--text)}@media(max-width:800px){.locale-banner{bottom:1rem;font-size:.8125rem;white-space:normal;border-radius:20px}}