@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=optional');
.image-stage{flex-direction:column;gap:15px}.image-stage video{width:100%;max-height:370px;object-fit:contain;mix-blend-mode:multiply}.spin-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;font-size:14px}.spin-controls button{font-size:14px;white-space:nowrap;padding:5px 0;border-bottom:1px solid currentColor}.spin-controls label{display:flex;align-items:center;gap:10px}.spin-controls input{width:90px;accent-color:var(--ink)}.viewer-actions a,.viewer-actions button,.category-tabs button{min-height:32px;font-size:14px!important}.mood>span:first-child{font-size:14px}.experience.expanded .showroom{min-height:400px}.image-stage video{touch-action:pan-y}@media(max-width:580px){.image-stage{height:270px!important}.image-stage video{max-height:200px}.showroom{min-height:620px!important}.spin-controls{font-size:12px;gap:15px}.spin-controls button{font-size:12px}.experience.expanded .showroom{min-height:0!important}.experience.expanded .image-stage{display:none}.stage-bottom{min-height:65px}}
:root{--accent:#6de3c5;--tint:#d8f3e9;--ink:#111514;--paper:#f5f6f2;--muted:#626761;--line:#d6d9d2;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;transition:background .5s}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7550e8;outline-offset:5px}button{border:0;background:none}button[hidden],[hidden]{display:none!important}::selection{background:var(--accent);color:var(--ink)}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:white;z-index:100}.skip:focus{top:15px}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--accent);z-index:50}header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;font-weight:800;font-size:28px;letter-spacing:-1.5px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:8px;font-weight:600}.brand-mark{font-size:54px;line-height:1;margin-right:10px;font-weight:500;color:var(--ink);transform:rotate(-30deg);border:2px solid var(--ink);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-bottom:12px}nav{display:flex;gap:34px;font-size:14px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-8px;height:2px;width:0;background:var(--ink);transition:width .25s}nav a:hover:after{width:100%}.contact-link{font-size:14px;border-bottom:1px solid var(--ink);padding:10px 0}.contact-link span{margin-left:30px}.hero{padding:30px 4.5% 0}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600}.hero>.eyebrow{display:flex;justify-content:space-between}.hero-top{display:flex;align-items:flex-end;justify-content:space-between;padding:44px 0 50px;gap:40px}h1,h2,h3,p{margin:0}h1{font-family:Manrope,var(--font);font-size:clamp(64px,8.6vw,140px);letter-spacing:-.075em;line-height:.98;font-weight:500}em{font-style:normal}h1 em{color:var(--muted);transition:color .4s}.hero-aside{max-width:285px;margin-bottom:7px}.hero-aside p{font-size:16px;line-height:1.6;color:var(--muted)}.hero-aside p:first-child{color:var(--ink);font-weight:600;margin-bottom:12px}.round-link{display:flex;gap:20px;align-items:center;font-size:14px;margin-top:25px}.round-link span{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;transition:background .3s}.round-link:hover span{background:var(--accent)}.experience{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;scroll-margin-top:20px}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}.stage-top{border-bottom:1px solid var(--line)}.category-tabs{display:flex;gap:8px}.category-tabs button{font-size:14px;padding:10px 18px;border-radius:100px;color:#686d67;transition:all .25s}.category-tabs button[aria-selected=true]{background:var(--ink);color:white}.stage-label{font-size:11px;letter-spacing:1.5px}.showroom{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;min-height:480px;background:var(--tint);overflow:hidden;transition:background .6s}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#11151407 1px,transparent 1px),linear-gradient(90deg,#11151407 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000);pointer-events:none}.preview-copy{padding:60px 0 60px 45px;z-index:1;align-self:center}.micro{font-size:11px;font-weight:600;letter-spacing:1.3px}.preview-copy h2{font-family:Manrope,var(--font);font-weight:500;font-size:clamp(32px,3.5vw,53px);line-height:1.1;letter-spacing:-2px;margin:30px 0 18px}.preview-copy p{font-size:15px;line-height:1.6;color:#424c46}.pill{display:inline-flex;align-items:center;gap:45px;justify-content:space-between;border-radius:100px;padding:18px 25px;font-size:14px;font-weight:500;transition:transform .25s,background .3s}.pill:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:white}.preview-copy .pill{margin-top:28px}.note{display:block;font-size:9px;margin-top:14px;opacity:.6}.image-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:45px;perspective:1000px}.image-stage img{width:100%;max-height:390px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-4deg);transition:transform .5s;filter:drop-shadow(0 25px 20px #20372a20)}.image-stage:hover img{transform:rotate(0deg) scale(1.03)}.image-caption{position:absolute;bottom:25px;left:45px;right:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.stage-bottom{padding:17px 24px}.mood{display:flex;align-items:center;gap:17px;font-size:12px}.swatches{display:flex;gap:8px}.swatches button{width:24px;height:24px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd}.swatches button.selected{box-shadow:0 0 0 1px var(--ink)}.mint{background:#6de3c5}.violet{background:#bc9cfb}.orange{background:#ffb17b}.blue{background:#89c6fc}#mood-name{font-size:11px;color:var(--muted);min-width:58px}.viewer-actions{display:flex;gap:20px;align-items:center;font-size:12px}.viewer-actions button{font-size:12px;padding:0}#embed-note{font-size:12px;padding:12px 24px;background:#f2f2ed;border-top:1px solid var(--line)}#frame-container{position:absolute;inset:0;z-index:3;background:#fff}iframe{border:0;width:100%;height:100%;display:block}.experience.expanded{position:fixed;inset:15px;z-index:100;display:flex;flex-direction:column;box-shadow:0 0 0 30px #111c}.experience.expanded .showroom{flex:1;min-height:0}.hero-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:23px 0 55px}.hero-footer span:last-child{font-size:10px;letter-spacing:1.5px}.expertise{padding:90px 4.5% 115px;display:grid;grid-template-columns:1fr 1.2fr;gap:9%;border-top:1px solid var(--line)}.section-intro h2,.studio h2{font-size:clamp(32px,3.8vw,57px);font-weight:500;letter-spacing:-2.5px;line-height:1.12;margin:35px 0 24px}.section-intro h2 span{color:var(--muted)}.section-intro>p{color:var(--muted);max-width:230px;line-height:1.6}.service-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:18px;padding:26px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted);align-self:flex-start;padding-top:7px}summary h3{font-size:clamp(21px,2vw,29px);letter-spacing:-1px;font-weight:500}.plus{margin-left:auto;font-size:25px;font-weight:400;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 0 30px 33px;animation:reveal .4s}.service-body p{line-height:1.7;font-size:15px;color:var(--muted);max-width:470px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.tags span{border:1px solid var(--line);border-radius:100px;padding:7px 11px;font-size:11px}.text-link{font-size:13px;padding:0;border-bottom:1px solid var(--ink);padding-bottom:5px}.statement{position:relative;background:var(--accent);padding:55px 7% 65px;overflow:hidden;transition:background .6s}.statement>p{font-family:Manrope,var(--font);font-size:clamp(54px,8vw,124px);font-weight:500;line-height:1.03;letter-spacing:-.065em;margin:45px 0 35px;position:relative;z-index:1}.statement>p span{color:#11151477}.dark{background:var(--ink);color:white}.statement-index{position:absolute;right:-25px;bottom:8%;font-size:15vw;writing-mode:vertical-rl;font-weight:800;letter-spacing:-1vw;color:#1115140a;pointer-events:none}.studio{padding:110px 7%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.studio-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:20px}.studio-copy .lead{font-size:23px;line-height:1.5;color:var(--ink);letter-spacing:-.5px}.location{font-size:10px;letter-spacing:1.3px;display:block;margin-top:35px}.contact{background:var(--ink);color:var(--paper);padding:70px 7%}.contact>.eyebrow{color:#b0b8b0}.contact h2{font-size:clamp(48px,7vw,108px);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:45px 0}.contact h2 em{color:var(--accent);transition:color .5s}.contact-bottom{display:flex;align-items:center;justify-content:space-between}.contact-bottom p{line-height:1.6;color:#abb2ad;font-size:16px}.contact .primary{background:var(--accent);color:var(--ink);min-width:210px}.email{display:inline-block;font-size:14px;border-bottom:1px solid #627167;padding-bottom:7px;margin-top:35px}footer{padding:35px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.footer-brand{display:block;font-size:24px;color:var(--ink)}.footer-brand small{font-size:8px;letter-spacing:3px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:85px}.brand{font-size:23px}.brand-mark{width:35px;height:35px;font-size:43px}.brand small{font-size:8px}nav{gap:17px;font-size:12px}.contact-link{font-size:12px}.hero-top{gap:25px}h1{font-size:10vw}.hero-aside{max-width:235px}.hero-aside p{font-size:14px}.stage-label{display:none}.showroom{min-height:440px}.preview-copy{padding:30px 0 30px 25px}.preview-copy h2{letter-spacing:-1.5px}.image-stage{padding:20px}.preview-copy .pill{padding:15px 18px;font-size:12px;gap:20px}.image-caption{display:none}.mood>span:first-child{display:none}.expertise{gap:5%}.studio{gap:7%}}@media(max-width:580px){header{padding:0 6%}nav{display:none}.hero{padding:25px 6% 0}.hero>.eyebrow{font-size:9px;letter-spacing:1px}.hero>.eyebrow span:last-child{display:none}.hero-top{display:block;padding:34px 0}h1{font-size:18vw}.hero-aside{max-width:none;margin-top:28px}.hero-aside p:first-child{margin-bottom:5px}.hero-aside p{max-width:310px}.round-link{margin-top:17px}.stage-top{padding:12px}.category-tabs{width:100%;justify-content:center}.category-tabs button{font-size:12px;padding:10px 13px}.showroom{grid-template-columns:1fr;min-height:550px}.preview-copy{padding:30px 25px 0}.micro{font-size:9px}.preview-copy h2{font-size:35px;margin:18px 0 12px}.preview-copy p{font-size:14px}.preview-copy .pill{margin-top:18px}.note{display:none}.image-stage{height:210px;padding:15px 35px 20px}.image-stage img{max-height:200px}.stage-bottom{padding:15px 12px;gap:10px;flex-wrap:wrap}.mood{gap:10px}.swatches{gap:5px}.swatches button{width:23px;height:23px}#mood-name{display:none}.viewer-actions{font-size:11px;gap:12px}.viewer-actions button{font-size:11px}.hero-footer{display:block;padding:20px 0 35px;line-height:1.7;font-size:10px}.hero-footer span:last-child{display:none}.expertise{display:block;padding:55px 6%}.section-intro h2,.studio h2{font-size:38px;margin:25px 0 20px}.section-intro>p{max-width:none}.service-list{margin-top:35px}summary{padding:23px 0}summary h3{font-size:23px}.service-body{padding-left:30px}.statement{padding:40px 6% 45px}.statement>p{font-size:14vw;margin:30px 0}.statement .pill{font-size:13px;padding:16px 22px}.studio{display:block;padding:55px 6%}.studio-copy{margin-top:30px}.studio-copy .lead{font-size:21px}.contact{padding:45px 6%}.contact h2{font-size:11.5vw;margin:30px 0}.contact-bottom{align-items:flex-start;gap:25px;flex-direction:column}.contact .primary{min-width:195px}.email{font-size:13px;overflow-wrap:anywhere}footer{padding:30px 6%;flex-wrap:wrap}.footer-brand{width:100%}.experience.expanded{inset:6px}.experience.expanded .showroom{overflow:auto}.experience.expanded .stage-bottom{flex-shrink:0}.experience.expanded #frame-container{position:absolute;min-height:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}