:root{--orange:#ff582c;--wine:#510b09;--cream:#ffffe9;--ink:#0b0b0a;--panel:#171716;--muted:#a3a29b;--line:#30302c;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark;font-family:'DM Sans',sans-serif;color:var(--cream);background:var(--ink);scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3,figure{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}::selection{background:var(--orange);color:var(--ink)}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);color:var(--ink);padding:14px}.skip:focus{top:20px}
.section-wrap{width:min(1176px,calc(100% - 112px));margin-inline:auto}.floating-dock{position:fixed;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:50;animation:dock-in .9s .15s var(--ease) both}.floating-dock nav{display:flex;padding:6px;gap:4px;border:1px solid #ffffff30;border-radius:14px;background:#43190f63;box-shadow:0 8px 30px #0002,inset 0 1px 0 #ffffff0e;backdrop-filter:blur(20px);transition:background .45s,border-color .45s}.floating-dock.on-dark nav{background:#20201de0;border-color:#ffffff15}.dock-item{height:47px;padding:0 17px;display:flex;align-items:center;gap:9px;border-radius:8px;color:#ffffe9b0;transition:background .25s,color .25s,transform .3s}.dock-item span{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.04em}.dock-item svg{width:17px;height:17px}.dock-item:hover,.dock-item.active{background:#ffffe920;color:var(--cream)}.dock-item:hover{transform:translateY(-2px)}.sound-wrap{position:relative}.sound-button{display:grid;place-items:center;width:59px;height:59px;border:1px solid #ffffff30;background:#43190f63;border-radius:14px;backdrop-filter:blur(20px);transition:background .25s,transform .25s}.on-dark .sound-button{background:#20201de0;border-color:#ffffff15}.sound-button:hover{background:#ffffe928;transform:translateY(-2px)}.sound-button[aria-pressed=true]{color:var(--orange);background:#181816}.sound-tip{position:absolute;top:71px;right:0;background:var(--ink);color:var(--cream);white-space:nowrap;font:9px 'IBM Plex Mono',monospace;padding:10px 12px;border:1px solid #ffffff22;border-radius:5px;pointer-events:none;transition:opacity .3s,transform .3s;animation:tip-in .8s 1.5s both}.sound-tip:before{content:'';position:absolute;right:23px;top:-5px;transform:rotate(45deg);width:8px;height:8px;background:var(--ink);border-left:1px solid #ffffff22;border-top:1px solid #ffffff22}.sound-wrap.engaged .sound-tip{animation:none;opacity:0;transform:translateY(-5px)}
.hero{height:100svh;min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:var(--orange);color:var(--ink)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#8e280714 1px,transparent 1px),linear-gradient(90deg,#8e280714 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent 95%);transform:translateY(calc(var(--hero-scroll,0px)*-.25));z-index:-1}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#ff936526,transparent 65%);z-index:-1}.hero-copy{position:relative;z-index:3;text-align:center;padding-top:clamp(135px,17.5vh,185px);transform:translateY(calc(var(--hero-scroll,0px)*-.16))}.hero-kicker{font:700 clamp(20px,2vw,28px) 'Chakra Petch',sans-serif;letter-spacing:-.025em;margin-bottom:13px;animation:copy-in 1s .2s var(--ease) both}.hero h1{font:700 clamp(66px,8.5vw,132px)/.94 'Chakra Petch',sans-serif;letter-spacing:-.06em}.hero h1>span{display:block;overflow:hidden;padding-block:5px}.hero h1 b{display:block;font-weight:700;animation:headline-in 1.2s .28s var(--ease) both}.hero h1>span+span b{animation-delay:.4s}.hero-subtitle{font:500 10px/1.8 'IBM Plex Mono',monospace;letter-spacing:.19em;margin-top:22px;animation:copy-in 1s .65s var(--ease) both}.hero-scene{position:absolute;width:min(900px,88vw);bottom:-75px;left:50%;z-index:2;transform:translateX(calc(-50% + var(--scene-x,0px))) translateY(calc(var(--hero-scroll,0px)*.055 + var(--scene-y,0px)));pointer-events:none}.hero-scene img{width:100%;height:auto;animation:scene-in 1.8s .35s var(--ease) both,scene-breathe 7s 2.15s ease-in-out infinite;filter:drop-shadow(0 18px 20px #7c20092b)}.hero-fade{position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,var(--ink));z-index:4;pointer-events:none}.hero-baseline{position:absolute;bottom:24px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;z-index:5;font:9px 'IBM Plex Mono',monospace;letter-spacing:.05em;color:var(--cream)}.hero-baseline a{display:flex;gap:20px;align-items:center}.hero-baseline a>span{font-size:20px;animation:arrow-nudge 2.3s ease-in-out infinite}.hero-baseline>span{color:#ffffe99b}
.about{padding-block:150px 90px}.about-statement{font-size:clamp(30px,3.75vw,53px);font-weight:500;letter-spacing:-.045em;line-height:1.35;max-width:1130px}.statement-tail{color:#545450;transition:color .7s}.about-statement.illuminated .statement-tail{color:var(--cream)}.idea-switch{display:inline-flex;vertical-align:middle;position:relative;width:99px;height:47px;padding:5px;border:1px solid #565650;background:#1c1c19;border-radius:30px;margin:0 5px 8px;transition:background .4s,border-color .4s,box-shadow .4s}.idea-switch>span{display:block;border-radius:50%;width:35px;height:35px;background:linear-gradient(#ffffe9,#b6b6aa);box-shadow:0 2px 4px #0008;transition:transform .45s var(--ease)}.idea-switch svg{position:absolute;right:14px;top:11px;width:22px;height:22px;color:#6d6d66;transition:color .4s,transform .5s}.idea-switch[aria-checked=true]{background:var(--orange);border-color:var(--orange);box-shadow:0 0 34px #ff582c2e}.idea-switch[aria-checked=true]>span{transform:translateX(52px)}.idea-switch[aria-checked=true] svg{transform:translateX(-51px) rotate(90deg);color:var(--ink)}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:54px;color:var(--muted);font-size:16px;line-height:1.75}.about-bottom>p{max-width:420px}.about-bottom .physical-button{margin-top:27px}.physical-button{min-height:55px;display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 25px;border:1px solid #ffffe922;border-radius:7px;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.02em;transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .3s var(--ease),box-shadow .3s,background .3s;position:relative;will-change:transform}.cream-button{color:var(--ink);background:var(--cream);box-shadow:0 5px 0 #a0a08d,0 9px 12px #0004}.orange-button{background:var(--orange);color:var(--ink);box-shadow:0 5px 0 #9b290e,0 9px 12px #0004;border-color:#ff9d6d}.physical-button:hover{transform:translate(var(--mag-x,0px),calc(var(--mag-y,0px) - 3px));box-shadow:0 8px 0 #8c8c76,0 12px 17px #0004}.orange-button:hover{box-shadow:0 8px 0 #9b290e,0 12px 17px #0004;background:#ff6d43}.physical-button:active{transform:translateY(4px);box-shadow:0 1px 0 #9b290e}.physical-button svg{width:18px;height:18px}.studio-signature{border-top:1px solid var(--line);margin-top:80px;padding-top:27px;display:flex;justify-content:space-between;align-items:center}.studio-signature img{width:115px;height:auto;mix-blend-mode:screen}.studio-signature>span{font:10px/1.7 'IBM Plex Mono',monospace;color:var(--muted);text-align:right;letter-spacing:.03em}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:62px}.section-title h2,.contact h2{font:700 clamp(43px,5.5vw,76px)/.98 'Chakra Petch',sans-serif;letter-spacing:-.055em}.section-title h2 span{color:#72726a}.section-title>p,.process-side>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:4px;max-width:330px}.services{padding-block:70px 130px}.archives{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;padding-top:22px}.archive-group{min-width:0}.archive-box{position:relative;display:block;width:100%;height:305px;text-align:left;border:0;padding:0;background:transparent;perspective:1000px;isolation:isolate;overflow:visible;transition:transform .5s var(--ease);outline-offset:15px!important}.archive-box:hover{transform:translateY(-5px)}.archive-lid{position:absolute;z-index:3;inset:0 0 auto;height:83px;border:1px solid #66665b;border-radius:11px 11px 3px 3px;transform-origin:50% 3px;background:linear-gradient(175deg,#363630,#191916 55%,#2c2c27);box-shadow:inset 0 2px 0 #ffffff20,0 5px 10px #0007;transition:transform .8s var(--ease),box-shadow .8s}.archive-lid:after{content:'';position:absolute;left:12%;right:12%;bottom:14px;height:4px;background:#0a0a09;border-top:1px solid #414139;border-radius:3px}.archive-front{display:flex;flex-direction:column;position:absolute;z-index:2;inset:56px 0 0;background:linear-gradient(155deg,#252521,#131310 55%,#20201b);border:1px solid #4d4d42;border-radius:4px 4px 11px 11px;padding:34px 32px 20px;box-shadow:inset 0 1px 0 #ffffff0d,0 18px 24px -18px #000;overflow:hidden}.archive-front:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff04 48%,transparent 70%);pointer-events:none}.archive-number{font:9px 'IBM Plex Mono',monospace;color:#8f8f80;letter-spacing:.1em;margin-bottom:20px}.archive-front strong{font:600 clamp(25px,2.7vw,37px)/1.06 'Chakra Petch',sans-serif;letter-spacing:-.04em}.archive-bottom{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font:9px 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#aeae9a}.box-plus{display:grid;place-items:center;width:27px;height:27px;border:1px solid #656558;border-radius:4px;font-size:19px;color:var(--cream);transition:transform .5s,background .5s}.wine-box .archive-front{background:linear-gradient(155deg,#49231d,#241410 60%,#351a15);border-color:#714638}.wine-box .archive-lid{background:linear-gradient(175deg,#61372b,#2d1813 55%,#4b281f);border-color:#88614c}.wine-box .archive-number{color:#b7957e}.archive-tabs{position:absolute;inset:18px 18px auto;height:180px;display:flex;align-items:flex-start;justify-content:center;gap:9px;z-index:1;pointer-events:none}.archive-tabs>span{height:162px;width:30%;border-radius:9px;border:1px solid #ffffff32;padding:17px 12px;writing-mode:vertical-rl;font:600 9px 'IBM Plex Mono',monospace;background:#dadacd;color:var(--ink);box-shadow:0 6px 12px #0004;transform:translateY(0) rotate(0);transition:transform .85s var(--ease);transform-origin:50% 100%}.archive-tabs>span:nth-child(2){background:var(--orange)}.archive-tabs>span:nth-child(3){background:#773127;color:var(--cream)}.archive-group.open .archive-lid{transform:rotateX(105deg) translateY(-18px);box-shadow:inset 0 2px 0 #ffffff20,0 15px 20px #0003}.archive-group.open .archive-tabs>span:nth-child(1){transform:translate(-12px,-73px) rotate(-13deg)}.archive-group.open .archive-tabs>span:nth-child(2){transform:translateY(-88px)}.archive-group.open .archive-tabs>span:nth-child(3){transform:translate(12px,-68px) rotate(12deg)}.archive-group.open .box-plus{transform:rotate(45deg);background:#ffffe912}.archive-panel{padding-top:30px;animation:panel-in .6s var(--ease) both}.service-list{border-top:1px solid var(--line)}.service-option{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 5px;color:#99998f;text-align:left;font-size:16px;transition:padding .3s,color .3s,background .3s}.service-option>span:last-child{font-size:22px;opacity:.4;transition:transform .3s,color .3s,opacity .3s}.service-option:hover,.service-option.selected{padding-inline:14px;color:var(--cream);background:#ffffe905}.service-option.selected>span:last-child{color:var(--orange);opacity:1}.service-option:hover>span:last-child{transform:translate(3px,-3px)}.service-preview{display:grid;grid-template-columns:138px 1fr;gap:22px;padding:25px 4px 0;align-items:start}.service-preview>img{width:138px;height:154px;object-fit:cover;border-radius:7px;background:var(--wine);transition:opacity .25s,transform .4s}.service-preview>img[src*="identity"]{object-fit:contain;background:#050505}.service-preview h3{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin-bottom:10px}.service-preview p{font-size:13px;line-height:1.75;color:var(--muted)}.text-button{display:flex;justify-content:space-between;align-items:center;gap:24px;background:none;border:0;border-bottom:1px solid #7f7f7040;padding:13px 0 8px;width:100%;font-size:12px;text-align:left}.text-button span{font-size:20px;color:var(--orange)}.text-button:hover{color:var(--orange)}
.showcase{padding-block:35px 140px}.showcase-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:stretch}.visual-card{min-width:0;background:var(--panel);border:1px solid #ffffff15;border-radius:12px;overflow:hidden}.visual-image{overflow:hidden}.visual-image img{width:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1s}.visual-card:hover img{transform:scale(1.035);filter:saturate(1.1)}.identity-card .visual-image{background:#050505;padding:25px}.identity-card .visual-image img{aspect-ratio:2.9;object-fit:contain}.capture-card{grid-column:1;grid-row:2}.capture-card .visual-image img{aspect-ratio:2.05;object-position:center 52%}.visual-card figcaption{padding:22px 24px;position:relative}.visual-card figcaption strong{display:block;font-size:19px;letter-spacing:-.025em;font-weight:500;margin-bottom:8px}.visual-card figcaption>span{font:9px 'IBM Plex Mono',monospace;letter-spacing:.04em;color:var(--muted)}.visual-card figcaption svg{position:absolute;right:25px;top:26px;stroke:none;fill:var(--orange);width:24px;height:24px;transition:transform .7s var(--ease)}.visual-card:hover figcaption svg{transform:rotate(90deg)}.story-card{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;justify-content:center;min-width:0}.story-frame{position:relative;overflow:hidden;border-radius:18px;background:var(--wine);border:1px solid #ffffff24;box-shadow:0 20px 40px #0003}.story-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.story-top{position:absolute;top:24px;left:18px;right:18px;z-index:2;display:flex;align-items:center;gap:11px;pointer-events:none}.story-avatar{border-radius:50%;width:32px;height:32px;border:1px solid #ffffe966;overflow:hidden;background:var(--orange);padding:3px}.story-avatar img{width:100%;height:100%;object-fit:contain}.story-top>span:nth-child(2){font-size:11px}.story-top small{display:block;font-size:8px;opacity:.6;margin-top:2px}.story-top .story-dot{margin-left:auto;color:var(--orange);font-size:9px;animation:status-pulse 3s ease-in-out infinite}.story-progress{position:absolute;top:12px;left:13px;right:13px;height:2px;z-index:2;background:#ffffe93b;overflow:hidden;border-radius:2px}.story-progress>span{display:block;width:100%;height:100%;background:var(--cream);transform-origin:left;animation:story-progress 8s linear infinite}.story-bottom{position:absolute;bottom:17px;left:0;right:0;text-align:center;font:7px 'IBM Plex Mono',monospace;letter-spacing:.04em;pointer-events:none}.story-card>figcaption{font:9px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--muted);text-align:center;padding-top:17px}
.process{padding-block:45px 95px;overflow:hidden}.process .section-title{margin-bottom:60px}.process-side p{margin-bottom:20px}.carousel-controls{display:flex;justify-content:flex-end;gap:9px}.carousel-controls button{display:grid;place-items:center;width:45px;height:45px;border:1px solid #4d4d43;border-radius:8px;background:#1b1b18;transition:background .25s,transform .25s,color .25s}.carousel-controls button:hover{background:var(--cream);color:var(--ink);transform:translateY(-3px)}.carousel-controls button:first-child svg{transform:rotate(180deg)}.carousel-mask{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);padding:24px 0;transform:rotate(-.8deg)}.carousel{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;user-select:none;padding-block:7px}.carousel::-webkit-scrollbar{display:none}.carousel.dragging{cursor:grabbing}.step{flex:0 0 370px;min-height:330px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;border:1px solid #4e4e41;background:linear-gradient(140deg,#252520,#151512);transition:box-shadow .3s,border-color .3s,transform .3s}.step:nth-child(4n+2){background:linear-gradient(140deg,#59291f,#321a14);border-color:#734434}.step:nth-child(4n+3){background:var(--orange);color:var(--ink);border-color:var(--orange)}.step:nth-child(4n+4){background:var(--cream);color:var(--ink);border-color:var(--cream)}.step-icon{font:600 48px/1 'Chakra Petch',sans-serif;color:var(--orange)}.step:nth-child(4n+2) .step-icon{color:#c18465}.step:nth-child(4n+3) .step-icon,.step:nth-child(4n+4) .step-icon{color:var(--wine)}.step h3{font-size:24px;font-weight:600;letter-spacing:-.04em;margin:27px 0 14px}.step p{font-size:14px;line-height:1.65;opacity:.72;max-width:295px}.step b{font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.08em;margin-top:32px;opacity:.75}.step:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0004}.carousel-caption{width:min(1176px,calc(100% - 112px));margin:25px auto 0;display:flex;justify-content:space-between;font:9px 'IBM Plex Mono',monospace;color:#8b8b7d;letter-spacing:.03em}.carousel-caption>span{color:#55554d}.ticker{margin:25px -10px 0;padding:20px 0;transform:rotate(1deg);border-block:1px solid #3c3c33;overflow:hidden;pointer-events:none}.ticker-track{display:flex;width:max-content;animation:ticker-run 22s linear infinite}.ticker-track>span{white-space:nowrap;font:700 clamp(42px,5vw,68px)/1 'Chakra Petch',sans-serif;letter-spacing:-.04em;color:var(--orange)}.ticker-track b{font-size:.65em;margin-inline:22px}
.contact{padding-block:145px 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.contact h2{font-size:clamp(48px,5vw,69px)}.contact h2 span{color:var(--orange)}.contact-intro>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:380px;margin-top:30px}.local-time{font:9px 'IBM Plex Mono',monospace;letter-spacing:.035em;display:flex;gap:10px;align-items:center;color:var(--muted);margin-top:29px;flex-wrap:wrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 13px #ff582c60;animation:status-pulse 3s ease-in-out infinite}.contact-mascot{width:128px;margin-top:32px;animation:mascot-bob 5s ease-in-out infinite}.contact form{padding-top:9px;min-width:0}.contact form h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin-bottom:34px}.contact label{display:block;font-size:12px;color:#c6c6b6;margin-top:24px;margin-bottom:10px}.contact input,.contact select,.contact textarea{width:100%;border:1px solid #48483f;border-radius:7px;padding:15px;background:#191916;color:var(--cream);font-size:13px;transition:border-color .3s,background .3s}.contact input::placeholder,.contact textarea::placeholder{color:#747468}.contact input:hover,.contact select:hover,.contact textarea:hover{border-color:#6d6d5c}.contact textarea{resize:vertical;min-height:124px}.contact form .physical-button{margin-top:25px;width:100%}.contact #form-status{font-size:12px;line-height:1.6;color:var(--cream);margin-top:18px;min-height:20px}.contact #form-status:empty{display:none}footer{border-top:1px solid var(--line);padding-block:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-logo img{width:125px;mix-blend-mode:screen}footer>div{display:flex;gap:45px;font:9px 'IBM Plex Mono',monospace;color:#8b8b7d;letter-spacing:.025em}footer a:hover{color:var(--orange)}
dialog{position:fixed;border:1px solid #575747;padding:0;border-radius:17px;background:#171714;color:var(--cream);width:min(820px,calc(100% - 40px));max-height:calc(100svh - 50px);overflow-y:auto;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#080806c9;backdrop-filter:blur(12px)}dialog[open]{display:grid;grid-template-columns:.85fr 1fr;animation:dialog-in .45s var(--ease)}.dialog-close{position:absolute;top:12px;right:12px;z-index:3;width:37px;height:37px;display:grid;place-items:center;background:#111e;border:1px solid #ffffff30;border-radius:50%;color:var(--cream)}.dialog-close:hover{background:var(--orange);color:var(--ink)}.dialog-image{min-width:0;background:var(--wine);display:flex;align-items:center;overflow:hidden}.dialog-image img{width:100%;height:100%;object-fit:cover}.dialog-image img[src*="identity"]{height:auto;object-fit:contain;background:#000}.dialog-copy{padding:48px 32px 37px}.dialog-label{font:8px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--orange)}.dialog-copy h2{font:600 34px/1.1 'Chakra Petch',sans-serif;letter-spacing:-.04em;margin-top:20px}.dialog-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:19px}.dialog-copy ul{margin:22px 0 32px;padding-left:16px;font-size:12px;line-height:1.7;color:#cecebe}.dialog-copy li+li{margin-top:8px}.dialog-copy li::marker{color:var(--orange)}.dialog-copy .physical-button{font-size:9px;padding:15px;gap:18px;width:100%}.modal-open{overflow:hidden}
.js-motion .reveal{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.js-motion .archives .archive-group:nth-child(2){transition-delay:120ms}.js-motion .showcase-grid .story-card{transition-delay:120ms}
@keyframes dock-in{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes tip-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}@keyframes headline-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes copy-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes scene-in{from{opacity:0;transform:translateY(80px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arrow-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(5px)}}@keyframes panel-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes status-pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes ticker-run{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.hero-scene{width:min(1050px,82vw);bottom:-75px}.hero-copy{padding-top:175px}}
@media(max-width:1050px){.section-wrap{width:calc(100% - 72px)}.hero{min-height:720px}.hero-scene{width:880px;max-width:none;bottom:-75px}.hero h1{font-size:100px}.hero-copy{padding-top:150px}.about{padding-top:110px}.about-statement{font-size:41px}.section-title{gap:25px}.section-title h2{font-size:57px}.archives{gap:22px}.archive-front{padding-inline:24px}.archive-front strong{font-size:29px}.service-preview{grid-template-columns:100px 1fr;gap:15px}.service-preview>img{width:100px;height:145px}.showcase-grid{grid-template-columns:1.15fr .7fr;gap:20px}.contact{gap:45px}.contact h2{font-size:56px}.carousel-caption{width:calc(100% - 72px)}}
@media(max-width:700px){:root{scroll-padding-top:95px}.section-wrap{width:calc(100% - 44px)}.floating-dock{top:12px;gap:7px}.floating-dock nav{padding:5px;gap:3px;border-radius:12px}.dock-item{height:43px;width:44px;padding:0;justify-content:center;border-radius:7px}.dock-item span{display:none}.dock-item svg{width:19px;height:19px}.sound-button{width:55px;height:55px;border-radius:12px}.sound-button svg{width:20px}.sound-tip{top:67px;padding:9px 10px;font-size:8px}.hero{height:100svh;min-height:740px;max-height:950px}.hero-grid{background-size:48px 48px}.hero-copy{padding-top:clamp(150px,21svh,200px)}.hero-kicker{font-size:21px;margin-bottom:16px}.hero h1{font-size:clamp(49px,13.9vw,83px);line-height:.97;letter-spacing:-.065em}.hero-subtitle{font-size:8px;line-height:1.9;margin-top:24px;letter-spacing:.13em}.hero-scene{width:800px;bottom:-2px;max-width:none}.hero-scene img{width:800px;max-width:none}.hero-fade{height:125px}.hero-baseline{bottom:22px;left:22px;right:22px;font-size:8px}.hero-baseline>span:last-child{display:none}.hero-baseline a{gap:10px;font-size:7px}.about{padding-block:96px 70px}.about-statement{font-size:29px;line-height:1.43;letter-spacing:-.042em}.about-statement>br{display:none}.idea-switch{width:73px;height:35px;margin:0 3px 5px;padding:4px}.idea-switch>span{height:25px;width:25px}.idea-switch svg{width:17px;height:17px;right:10px;top:8px}.idea-switch[aria-checked=true]>span{transform:translateX(37px)}.idea-switch[aria-checked=true] svg{transform:translateX(-36px) rotate(90deg)}.about-bottom{grid-template-columns:1fr;gap:24px;margin-top:36px;font-size:14px;line-height:1.8}.about-bottom>p{max-width:none}.about-bottom .physical-button{margin-top:23px}.studio-signature{margin-top:52px;padding-top:24px}.studio-signature img{width:96px}.studio-signature>span{font-size:8px}.services{padding-block:25px 85px}.section-title{display:block;margin-bottom:45px}.section-title h2,.contact h2{font-size:42px;line-height:1.02;letter-spacing:-.055em}.section-title>p,.process-side>p{font-size:13px;margin-top:23px;max-width:none}.archives{grid-template-columns:1fr;gap:65px;padding-top:23px}.archive-box{height:285px}.archive-front{padding:32px 25px 21px}.archive-front strong{font-size:32px}.archive-number{font-size:8px;margin-bottom:17px}.archive-bottom{font-size:8px}.archive-lid{height:76px}.archive-tabs{inset-inline:25px}.archive-tabs>span{width:29%;height:150px}.archive-group.open .archive-tabs>span:nth-child(1){transform:translate(-7px,-59px) rotate(-11deg)}.archive-group.open .archive-tabs>span:nth-child(2){transform:translateY(-72px)}.archive-group.open .archive-tabs>span:nth-child(3){transform:translate(7px,-57px) rotate(11deg)}.archive-panel{padding-top:22px}.service-option{font-size:15px;padding-block:18px}.service-preview{grid-template-columns:96px 1fr;gap:18px;padding-top:23px}.service-preview>img{width:96px;height:145px}.service-preview h3{font-size:16px}.service-preview p{font-size:12px}.showcase{padding-block:25px 90px}.showcase-grid{grid-template-columns:1fr;gap:25px}.story-card{grid-column:1;grid-row:auto;max-width:360px;width:100%;justify-self:center;margin-top:8px}.capture-card{grid-row:auto}.identity-card .visual-image{padding:15px}.identity-card .visual-image img{aspect-ratio:2.2}.capture-card .visual-image img{aspect-ratio:1.35}.visual-card figcaption{padding:20px}.visual-card figcaption strong{font-size:18px}.visual-card figcaption>span{font-size:8px}.visual-card figcaption svg{right:19px;top:23px}.story-frame{border-radius:15px}.story-top{top:25px}.process{padding-block:15px 62px}.process .section-title{margin-bottom:23px}.process .section-title h2{font-size:38px}.process-side{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:23px}.process-side>p{margin:0;font-size:12px;max-width:240px}.carousel-controls{gap:7px}.carousel-controls button{width:38px;height:38px;border-radius:6px}.carousel-controls svg{width:17px}.carousel-mask{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);transform:rotate(-.55deg);padding-block:23px}.carousel{gap:13px}.step{flex-basis:290px;min-height:315px;padding:25px}.step-icon{font-size:42px}.step h3{font-size:22px}.step p{font-size:13px}.step b{font-size:8px}.carousel-caption{width:calc(100% - 44px);font-size:7px;margin-top:20px}.carousel-caption>span{font-size:6px}.ticker{padding-block:17px;margin-top:12px}.ticker-track>span{font-size:41px}.ticker-track b{margin-inline:13px}.contact{padding-block:96px 70px;grid-template-columns:1fr;gap:50px}.contact h2{font-size:44px}.contact-intro{position:relative}.contact-intro>p{font-size:14px;max-width:calc(100% - 55px);margin-top:24px}.contact-mascot{position:absolute;bottom:-7px;right:-7px;width:77px;margin:0;transform-origin:50% 80%}.local-time{font-size:8px;gap:8px;max-width:calc(100% - 65px);margin-top:25px}.contact form{padding:0}.contact form h3{font-size:21px;margin-bottom:28px}.contact label{font-size:12px}.contact input,.contact select,.contact textarea{font-size:16px;padding:14px}.contact input::placeholder,.contact textarea::placeholder{font-size:13px}footer{padding-block:30px 34px;align-items:flex-start;gap:20px}.footer-logo img{width:93px}footer>div{flex-direction:column;gap:15px;align-items:flex-end;text-align:right;font-size:7px}dialog[open]{display:block;width:calc(100% - 30px)}.dialog-image{height:165px}.dialog-image img{width:100%;height:100%;object-position:center 50%}.dialog-image img[src*="identity"]{height:100%;object-fit:contain}.dialog-copy{padding:29px 24px 32px}.dialog-copy h2{font-size:31px}.dialog-copy p{font-size:13px}.dialog-copy ul{font-size:12px;margin-bottom:24px}.dialog-copy .physical-button{font-size:8px}.js-motion .reveal{transform:translateY(28px)}.js-motion .archives .archive-group:nth-child(2),.js-motion .showcase-grid .story-card{transition-delay:0ms}}
@media(max-width:360px){.hero h1{font-size:46px}.section-title h2{font-size:37px}.archive-front strong{font-size:29px}.contact h2{font-size:39px}.carousel-caption>span{display:none}.floating-dock{gap:5px}.dock-item{width:42px}.sound-button{width:53px}.section-wrap{width:calc(100% - 36px)}}

@keyframes scene-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:701px) and (max-height:800px){.hero{min-height:690px}.hero-copy{padding-top:120px}.hero h1{font-size:clamp(75px,7.4vw,108px)}.hero-kicker{font-size:22px;margin-bottom:10px}.hero-subtitle{margin-top:16px}.hero-scene{width:min(850px,85vw);bottom:-60px}.hero-fade{height:100px}.hero-baseline{bottom:20px}}

/* Hero layers, service expansion and the image/story composition. */
.hero-copy{z-index:1;transform:translate3d(0,calc(var(--hero-scroll,0px)*.85),0);will-change:transform}
.hero h1{font-size:clamp(56px,6.9vw,108px);line-height:1.02;letter-spacing:-.055em}
.hero-kicker{font-size:20px;letter-spacing:.02em;margin-bottom:18px}
.hero-scene{transform:perspective(900px) translateX(calc(-50% + var(--scene-x,0px))) translateY(calc(var(--hero-scroll,0px)*.035 + var(--scene-y,0px))) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));transform-origin:50% 70%;will-change:transform}
.studio-signature img,.footer-logo img{mix-blend-mode:normal;width:145px;height:auto}
.archives{padding-top:0;gap:28px}
.archive-box{height:267px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:27px 29px;border:1px solid #4e4e42;border-radius:14px;background:linear-gradient(145deg,#272720,#171713);perspective:none;overflow:hidden;box-shadow:0 14px 28px -18px #000;transition:transform .4s var(--ease),border-color .35s,border-radius .35s;isolation:auto}
.archive-box:hover{transform:translateY(-3px);border-color:#8f8f77}
.archive-box.wine-box{background:linear-gradient(145deg,#49231d,#281610);border-color:#6d4031}
.archive-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}
.archive-topline .archive-number{margin:0;color:#a4a48e;line-height:1.5}
.wine-box .archive-number{color:#c29a83}
.archive-box>strong{display:block;font:600 clamp(28px,2.7vw,38px)/1.05 'Chakra Petch',sans-serif;letter-spacing:-.035em}
.archive-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.archive-tags>span{font:500 8px 'IBM Plex Mono',monospace;letter-spacing:.025em;padding:7px 9px;border:1px solid #ffffe923;border-radius:5px;color:#c2c2aa;background:#ffffe906;transition:background .35s,border-color .35s}
.archive-group.open .archive-box{transform:none;border-radius:14px 14px 0 0;border-bottom-color:transparent;border-top-color:#9c9c76}
.archive-group.open .wine-box{border-top-color:#c88765}
.archive-group.open .archive-tags>span{border-color:#ff582c66;background:#ff582c10}
.archive-panel{padding:0 25px 27px;background:#171713;border:1px solid #4e4e42;border-top:0;border-radius:0 0 14px 14px;animation:panel-in .45s var(--ease) both}
.archive-group[data-archive=presenca] .archive-panel{background:#281610;border-color:#6d4031;border-top:0}
.service-preview{grid-template-columns:115px 1fr;gap:20px;padding-top:24px}
.service-preview>img{width:115px;height:145px}
.showcase{padding-block:0 110px}
.showcase-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:24px;aspect-ratio:1.68;align-items:stretch}
.visual-card{height:100%;min-height:0;border-radius:12px}
.visual-image{width:100%;height:100%;min-height:0}
.visual-image img,.identity-card .visual-image img,.capture-card .visual-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.identity-card .visual-image{padding:22px}
.identity-card .visual-image img{object-fit:contain}
.story-card{grid-column:2;grid-row:1/span 2;display:block;width:100%;height:100%;min-height:0;max-width:none;justify-self:stretch;margin:0;aspect-ratio:auto}
.story-frame{height:100%;width:100%;border-radius:12px}
.story-frame video{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}
@media(min-width:701px) and (max-height:800px){.hero-copy{padding-top:133px}.hero h1{font-size:clamp(56px,6.5vw,100px)}}
@media(max-width:1050px){.hero h1{font-size:clamp(52px,7.3vw,90px)}.archive-box{padding-inline:24px}.archive-box>strong{font-size:29px}.archive-tags>span{font-size:7px;padding:7px}.service-preview{grid-template-columns:90px 1fr;gap:15px}.service-preview>img{width:90px;height:140px}}
@media(max-width:700px){
  .hero-copy{padding-top:clamp(158px,23svh,205px)}
  .hero-kicker{font-size:15px;letter-spacing:.02em;margin-bottom:21px}
  .hero h1{font-size:clamp(30px,9.65vw,62px);line-height:1.08;letter-spacing:-.055em}
  .hero h1>span{padding-block:4px}
  .studio-signature img{width:122px}.footer-logo img{width:106px}
  .archives{gap:24px;padding-top:0}
  .archive-box{height:244px;padding:24px;border-radius:12px;gap:20px}
  .archive-box>strong{font-size:30px}
  .archive-tags{gap:6px}.archive-tags>span{font-size:7px;padding:7px 8px}
  .archive-topline .archive-number{font-size:8px}
  .archive-group.open .archive-box{border-radius:12px 12px 0 0}
  .archive-panel{padding:0 21px 24px;border-radius:0 0 12px 12px}
  .service-preview{grid-template-columns:78px 1fr;gap:15px;padding-top:21px}
  .service-preview>img{width:78px;height:130px}
  .service-preview h3{font-size:15px}.service-preview p{font-size:12px}
  .showcase{padding-block:0 80px}
  .showcase-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);aspect-ratio:1.4;gap:12px}
  .visual-card{border-radius:8px}
  .identity-card .visual-image{padding:8px}
  .capture-card{grid-column:1;grid-row:2}
  .story-card{grid-column:2;grid-row:1/span 2;width:100%;height:100%;margin:0;max-width:none}
  .story-frame{border-radius:8px}
  .story-progress{top:7px;left:7px;right:7px}
}
@media(max-width:360px){.hero h1{font-size:30px}.archive-box{padding:21px}.archive-box>strong{font-size:27px}.archive-tags>span{font-size:6px;padding:6px}.archive-panel{padding-inline:17px}.service-preview{grid-template-columns:66px 1fr;gap:12px}.service-preview>img{width:66px;height:124px}}

/* Service photography and direct contact links. */
.city-name{white-space:nowrap}
.archive-box{height:336px;padding:24px;gap:22px}
.archive-cover{display:block;width:100%;height:178px;min-height:0;object-fit:cover;border-radius:8px;transition:filter .4s var(--ease)}
.archive-box:hover .archive-cover{filter:saturate(1.12)}
.archive-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.archive-heading strong{display:block;font:600 clamp(28px,2.7vw,38px)/1.05 'Chakra Petch',sans-serif;letter-spacing:-.035em}
.box-plus{flex-shrink:0}
.identity-card .visual-image{padding:0}
.identity-card .visual-image img{object-fit:cover}
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px}
.instagram-link{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--muted);padding-block:5px}
.instagram-link span{color:var(--cream);border-bottom:1px solid #ffffe935;padding-bottom:3px;transition:color .25s,border-color .25s}
.instagram-link:hover span{color:var(--orange);border-color:var(--orange)}
footer>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:22px}
@media(max-width:1050px){.archive-heading strong{font-size:29px}.archive-cover{height:178px}}
@media(max-width:700px){.archive-box{height:302px;padding:22px;gap:20px}.archive-cover{height:162px;border-radius:6px}.archive-heading strong{font-size:30px}.contact-links{gap:18px;margin-top:27px;max-width:calc(100% - 75px)}.contact-links .physical-button{padding-inline:17px;font-size:10px}.instagram-link{gap:8px;font-size:13px}footer>div{gap:15px;align-items:flex-end}}
@media(max-width:360px){.archive-box{height:286px;padding:20px}.archive-cover{height:151px}.archive-heading strong{font-size:27px}.contact-links{max-width:calc(100% - 50px)}.contact-links .physical-button{font-size:9px;padding-inline:14px}}

.service-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;border-bottom:1px solid var(--line)}
.service-row .service-option{border-bottom:0}
.service-page-link{display:grid;place-items:center;min-height:54px;font-size:22px;color:#8d8d80;border-left:1px solid #ffffe908;transition:color .25s,background .25s}
.service-page-link:hover{color:var(--orange);background:#ffffe908}
.service-row .service-option>span:only-child{font-size:inherit;opacity:1;color:inherit;transform:none}

/* Vector icons keep their shape and color across desktop and mobile browsers. */
.box-plus svg{width:17px;height:17px}
.service-detail svg{width:15px;height:15px}
.service-page-link svg{width:20px;height:20px}
.step-icon{display:block;width:48px;height:48px;flex-shrink:0}
.step-icon svg{display:block;width:100%;height:100%;stroke-width:1.4}
.ticker-track>span{display:flex;align-items:center}
.ticker-track>span>svg{width:.65em;height:.65em;margin-inline:22px;fill:currentColor;stroke:none}
.back-to-top{display:inline-flex;align-items:center;gap:8px}
.back-to-top svg{width:14px;height:14px;transform:rotate(-90deg)}
@media(max-width:700px){.step-icon{width:42px;height:42px}.ticker-track>span>svg{margin-inline:13px}}

.founder-preview{display:grid;grid-template-columns:225px minmax(0,1fr);align-items:center;gap:60px;padding:35px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#25251e,#151513);margin-block:0 65px}
.founder-photo{overflow:hidden;border-radius:10px;transform:rotate(-3deg);border:5px solid var(--cream);box-shadow:5px 8px 0 #0006}
.founder-photo>img{width:100%;aspect-ratio:1.1;object-fit:cover;object-position:50% 35%;filter:grayscale(1);transition:filter .5s,transform .5s}
.founder-preview:hover .founder-photo>img{filter:grayscale(0);transform:scale(1.025)}
.founder-preview h2{font:600 clamp(32px,3.3vw,48px)/1.1 'DM Sans',sans-serif;letter-spacing:-.055em}
.founder-preview p{font-size:16px;line-height:1.75;color:var(--muted);max-width:625px;margin:20px 0 24px}
@media(max-width:700px){.founder-preview{grid-template-columns:1fr;gap:29px;padding:27px 24px;margin-bottom:55px}.founder-photo{width:135px}.founder-preview h2{font-size:34px}.founder-preview p{font-size:14px;margin-block:18px 23px}.floating-dock .dock-item{width:42px}.floating-dock .sound-button{width:53px}}
@media(max-width:360px){.floating-dock .dock-item{width:39px}.floating-dock nav{gap:2px}.floating-dock{gap:5px}.floating-dock .sound-button{width:49px}}

/* Real project media remains readable, including the complete clinical artwork. */
.archive-cover{object-position:center 38%}
.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;aspect-ratio:auto}
.clinic-card,.capture-card,.story-card{grid-column:auto;grid-row:auto;height:auto;aspect-ratio:3/4}
.visual-image{display:block;position:relative}
.clinic-card{background:#310b09}
.clinic-card .visual-image{background:#310b09}
.clinic-card .visual-image img{object-fit:contain}
.gallery-visit{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffe954;border-radius:50%;background:#0b0b0ad9;backdrop-filter:blur(10px);transition:background .25s,transform .25s}
.visual-image:hover .gallery-visit{background:var(--orange);transform:translate(2px,-2px)}
.capture-card .visual-image img{object-position:center 39%}
.story-frame{background:#100c0c}
.story-frame video{object-fit:contain}
.story-progress>span{animation:none;transform:scaleX(0)}
@media(max-width:700px){
  .showcase-grid{grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto;gap:18px}
  .clinic-card,.capture-card,.story-card{grid-column:1;grid-row:auto;height:auto;aspect-ratio:auto}
  .clinic-card .visual-image{aspect-ratio:4/5}
  .capture-card .visual-image{aspect-ratio:4/3}
  .story-frame{height:auto;aspect-ratio:3/4}
  .story-frame video{height:100%;aspect-ratio:3/4}
}