/* HANSITES ULTRA — a wholly new visual system */
:root{--ink:#08090b;--ink2:#0e1012;--panel:#151617;--paper:#f2eee5;--gold:#d6ae68;--palegold:#f3dbac;--smoke:#a8a8a4;--line:rgba(223,204,167,.19);--ease:cubic-bezier(.22,1,.36,1);--ease2:cubic-bezier(.76,0,.24,1);--radius:14px}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:var(--gold);color:#16110b}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--palegold);outline-offset:5px}
img,svg{max-width:100%}
section{position:relative}
.section-container{width:min(1450px,88%);margin-inline:auto}
.section-pad{padding:clamp(110px,12vw,200px) 0}
.gold{color:var(--gold)}
.serif{font-family:'Italiana',Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.055em;text-transform:none}
.overline,.section-count{display:inline-block;font:700 11px/1.5 'Space Grotesk',Arial,sans-serif;letter-spacing:.15em;color:var(--gold)}
.section-count{color:#898986;font-size:10px}
.section-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:clamp(35px,6vw,92px)}
.display-heading{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(54px,7.25vw,128px);font-weight:600;letter-spacing:-.093em;line-height:.98;margin:0}
.display-heading .serif{font-size:1.07em;letter-spacing:-.085em}
.reveal{opacity:0;transform:translate3d(0,48px,0);filter:blur(7px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease);transition-delay:calc(var(--order,0)*75ms)}
.reveal.is-visible{opacity:1;transform:none;filter:none}
.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;z-index:150;pointer-events:none}
.scroll-progress span{display:block;transform:scaleX(0);transform-origin:left;width:100%;height:100%;background:linear-gradient(90deg,#5a3c14,#efd79b,#d2a35c);box-shadow:0 0 18px #cfac74}
.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}
.cursor-orbit{position:fixed;left:0;top:0;width:29px;height:29px;border:1px solid var(--gold);background:rgba(214,174,104,.05);border-radius:50%;pointer-events:none;z-index:130;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s,width .3s var(--ease),height .3s var(--ease),background .2s;display:grid;place-items:center;mix-blend-mode:normal}
.cursor-orbit span{display:none;font:700 9px 'Space Grotesk';letter-spacing:.05em}
.cursor-orbit.is-active{width:92px;height:92px;background:var(--palegold);color:#121212;border-color:var(--palegold)}
.cursor-orbit.is-active span{display:block}
.intro-wipe{position:fixed;z-index:300;inset:0;background:#d9b875;color:#15100a;display:grid;place-items:center;transform:translateY(-103%);animation:introAway 1.25s var(--ease2) both;pointer-events:none}
.intro-wipe span{font:700 70px 'Space Grotesk';letter-spacing:-.13em;animation:letterLeave .65s ease-out both}
.intro-wipe i{position:absolute;inset:auto 0 0;height:2px;background:#17110c}
@keyframes introAway{0%,12%{transform:translateY(0)}100%{transform:translateY(-105%)}}
@keyframes letterLeave{0%{opacity:0;transform:translateY(24px)}35%{opacity:1;transform:translateY(0)}80%{opacity:1}100%{opacity:0;transform:translateY(-15px)}}
.site-header{position:fixed;inset:0 0 auto;height:92px;z-index:110;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;gap:32px;background:linear-gradient(180deg,#08090be0,#08090bb9);border-bottom:1px solid rgba(243,219,172,.12);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:height .4s,background .4s}
.site-header.is-scrolled{height:77px;background:#08090bf4}
.logo{display:flex;align-items:center;gap:13px;flex-shrink:0;font:700 22px 'Space Grotesk';letter-spacing:-.075em;line-height:1}
.logo-glyph{width:42px;height:42px;color:var(--gold);display:grid;place-items:center;transition:transform .6s var(--ease)}
.logo:hover .logo-glyph{transform:rotate(90deg)}
.logo-glyph svg{width:39px;height:39px}
.logo-gold{color:var(--gold)}
.logo small{display:block;letter-spacing:.17em;font:600 6.8px 'Space Grotesk';color:#858681;margin-top:9px}
.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2.7vw,46px);margin-left:auto}
.desktop-nav a{position:relative;font:600 11px 'Space Grotesk';color:#b5b3ad;transition:color .2s}
.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-9px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.desktop-nav a:hover{color:var(--gold)}
.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}
.nav-cta{border:1px solid #c29e62;display:inline-flex;align-items:center;gap:28px;padding:13px 15px 13px 20px;color:var(--palegold);font:700 10px 'Space Grotesk';letter-spacing:.12em;position:relative;overflow:hidden;transition:color .35s}
.nav-cta:before{content:'';inset:0;position:absolute;background:var(--gold);transform:translateY(105%);transition:transform .4s var(--ease);z-index:-1}
.nav-cta:hover{color:#101010}
.nav-cta:hover:before{transform:translateY(0)}
.cta-arr{font-size:18px;line-height:1}
.menu-toggle,.mobile-nav{display:none}
.hero{min-height:max(830px,100svh);background:#090a0c;overflow:hidden;isolation:isolate}
.hero-stars{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.8;pointer-events:none}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 52%,rgba(129,90,37,.2),transparent 43%),linear-gradient(90deg,#0a0b0d 19%,transparent 75%);pointer-events:none}
.hero-wrap{width:90%;max-width:1600px;margin:auto;padding-top:145px;position:relative;z-index:2;min-height:max(830px,100svh);display:flex;flex-direction:column;justify-content:space-between}
.hero-eyebrow{display:flex;align-items:center;gap:13px;font:700 10px 'Space Grotesk';letter-spacing:.14em;color:#d7cbba}
.gold-dash{width:33px;height:1px;background:var(--gold)}
.eyebrow-end{margin-left:auto;color:#75746e}
.hero-content{position:relative;display:flex;align-items:center;min-height:610px}
.hero-copy{position:relative;z-index:4;width:100%;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-index{color:var(--gold);font:700 11px 'Space Grotesk';letter-spacing:.16em;margin:0 0 32px}
.hero h1{font:600 clamp(73px,8.6vw,160px)/.895 'Space Grotesk',sans-serif;letter-spacing:-.105em;margin:0;text-transform:uppercase}
.hero h1>span{display:block}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero-last i{font-family:'Italiana',Georgia,serif;font-weight:400;color:#f3ebdc;letter-spacing:-.09em;text-transform:none}
.hero-sub{display:flex;gap:90px;align-items:center;margin-top:58px}
.hero-sub p{font:400 16px/1.8 'DM Sans';color:#a6a49f}
.hero-sub p strong{font-weight:600;color:#fff}
.hero-link{font:700 11px 'Space Grotesk';letter-spacing:.12em;white-space:nowrap;padding-bottom:13px;border-bottom:1px solid var(--gold);transition:color .25s}
.hero-link:hover{color:var(--gold)}
.hero-link span{font-size:20px;margin-left:26px}
.hero-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:34px 0 42px;border-top:1px solid rgba(230,206,160,.16);color:#7d7e7b;font:700 9px 'Space Grotesk';letter-spacing:.12em}
.hero-scroll{color:var(--palegold)}
.hero-scroll span{font-size:23px;display:inline-block;margin-left:12px;animation:scrollDown 2s ease-in-out infinite}
@keyframes scrollDown{50%{transform:translateY(9px)}}
.hero-object{position:absolute;z-index:2;right:-3%;top:-2%;width:min(60vw,820px);height:720px;perspective:1200px;pointer-events:auto;touch-action:pan-y}
.object-stage{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;transition:transform .16s ease-out;filter:drop-shadow(0 40px 75px rgba(0,0,0,.5))}
.sculpture-svg{width:100%;height:100%;overflow:visible;animation:floatSculpt 8s ease-in-out infinite}
@keyframes floatSculpt{0%,100%{transform:translateY(-5px) rotate(-3deg)}50%{transform:translateY(13px) rotate(3deg)}}
.orbit{position:absolute;pointer-events:none;border:1px solid rgba(217,183,122,.21);border-radius:50%;width:650px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-21deg);animation:orbitSpin 32s linear infinite}
.orbit-two{width:570px;height:570px;border-style:dashed;border-color:rgba(243,219,172,.13);animation-direction:reverse;animation-duration:48s}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(339deg)}}
.object-label{position:absolute;color:#a7a29a;font:700 9px/1.7 'Space Grotesk';letter-spacing:.17em;z-index:4}
.label-top{right:4%;top:9%}.label-top span{color:var(--gold)}
.label-bottom{bottom:5%;left:25%;display:flex;align-items:center;gap:14px}.label-bottom i{font-size:30px;font-style:normal;color:var(--gold)}
.hero-enter{animation:heroReveal 1.2s var(--ease) both;animation-delay:1.04s}
.hero-index.hero-enter{animation-delay:1.13s}.hero h1.hero-enter{animation-delay:1.23s}.hero-sub.hero-enter{animation-delay:1.38s}.hero-foot.hero-enter{animation-delay:1.52s}
@keyframes heroReveal{from{opacity:0;transform:translateY(40px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
.ticker{background:var(--gold);color:#0b0a08;overflow:hidden;padding:18px 0;transform:rotate(-1.25deg) scale(1.04);position:relative;z-index:3;margin:-2px 0 0}
.ticker>div{width:max-content;white-space:nowrap;animation:tickerMove 35s linear infinite;font:700 13px 'Space Grotesk';letter-spacing:.18em}
.ticker b{font-size:15px;margin-inline:26px}
@keyframes tickerMove{to{transform:translateX(-50%)}}
.manifesto{background:#101214}
.manifesto-grid{display:grid;grid-template-columns:1fr 3fr;gap:40px}
.manifesto-grid>.overline{margin:22px 0 0}
.manifesto .display-heading{font-size:clamp(48px,6vw,110px)}
.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:70px}
.manifesto-bottom p{max-width:565px;color:#aaa9a5;font:400 18px/1.85 'DM Sans';margin:0}
.signature{display:flex;flex-direction:column;gap:15px;font:600 70px 'Italiana';color:var(--gold);white-space:nowrap}
.signature span{font:700 9px 'Space Grotesk';letter-spacing:.13em;color:#9b968d}
.work{background:#eeebe3;color:#18191b}
.work .section-top .overline{color:#977341}
.work .section-count{color:#696760}
.work-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}
.work-heading .display-heading{font-size:clamp(55px,7.3vw,130px)}
.work-heading .serif{color:#a37b44}
.work-heading>p{max-width:330px;color:#5f5f5e;font-size:15px;line-height:1.8;margin:0 0 11px}
.demo-notice{display:flex;gap:26px;align-items:start;padding:23px 27px;background:#e2dccd;border:1px solid #c8bdab;margin:0 0 52px}
.demo-symbol{font:500 33px 'Italiana';color:#956e35;line-height:1}
.demo-notice strong{font:700 11px 'Space Grotesk';letter-spacing:.095em}
.demo-notice p{color:#615b51;font-size:13px;line-height:1.7;margin:8px 0 0;max-width:850px}
.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:38px}
.filter-btn{padding:13px 18px;background:transparent;border:1px solid #b8b3a8;color:#57564f;font:700 10px 'Space Grotesk';letter-spacing:.06em;transition:background .3s,color .3s,border-color .3s}
.filter-btn:hover{border-color:#2a2721}
.filter-btn.is-active{background:#151618;border-color:#151618;color:#fff}
.filter-btn span{margin-left:15px;color:var(--gold)}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:75px 27px;align-items:start}
.project-card{min-width:0;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.project-card:nth-child(2n){margin-top:80px}
.project-card.is-hidden{display:none}
.project-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(410px,42vw,660px);overflow:hidden;isolation:isolate;padding:35px;color:var(--art-ink,#fff);background:var(--art-bg,#141519);transform-style:preserve-3d;transition:transform .65s var(--ease),box-shadow .6s var(--ease)}
.project-art:hover{box-shadow:0 25px 55px rgba(24,16,10,.2)}
.project-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,var(--art-light,#f9b55a55),transparent 48%);opacity:.86;z-index:-2}
.project-art:after{content:'';position:absolute;inset:-60%;border:1px solid #ffffff19;border-radius:50%;pointer-events:none;transform:scale(.9);transition:transform .8s var(--ease)}
.project-art:hover:after{transform:scale(1.1)}
.art-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='q'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.48' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23q)' opacity='.23'/%3E%3C/svg%3E")}
.art-top,.art-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 9px 'Space Grotesk';letter-spacing:.12em}
.art-top span{font-size:18px}
.art-bottom span:last-child{border:1px solid currentColor;padding:10px 12px;font-size:8px;white-space:nowrap}
.art-title{position:relative;z-index:3;max-width:600px;margin:auto 0 48px;font:700 clamp(35px,4.7vw,85px)/.91 'Space Grotesk';letter-spacing:-.085em;text-transform:uppercase;transform:translateZ(30px);transition:transform .7s var(--ease)}
.project-art:hover .art-title{transform:translate3d(4px,-12px,30px)}
.art-sculpture{position:absolute;z-index:1;pointer-events:none;width:66%;aspect-ratio:1;top:12%;right:-12%;filter:drop-shadow(5px 22px 23px #0005);transform:rotate(-23deg);transition:transform .8s var(--ease)}
.project-art:hover .art-sculpture{transform:rotate(-10deg) scale(1.11) translateY(-10px)}
.sculpture-disc{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 27% 22%,#fff8d5e6 0%,transparent 30%),conic-gradient(from 190deg,var(--art-sphere1,#62442a),var(--art-sphere2,#e4ba79),var(--art-sphere3,#3e2d23),var(--art-sphere2,#e4ba79),var(--art-sphere1,#62442a));box-shadow:inset -25px -30px 42px #0007,inset 14px 12px 35px #fff8,18px 32px 30px #0003}
.sculpture-fold{position:absolute;left:-6%;right:-5%;top:41%;height:26%;border:13px solid var(--art-band,#f2d19d);border-left-width:4px;border-bottom-color:var(--art-band-dark,#614121);border-radius:50%;transform:rotate(-25deg);box-shadow:0 11px 16px #0004, inset 0 3px 9px #fff8}
.sculpture-light{position:absolute;top:-4%;left:52%;height:40%;width:2px;background:#ffffff77;transform:rotate(38deg);filter:blur(1px)}
.p-blaze{--art-bg:linear-gradient(132deg,#190d0c,#592419 60%,#e35123);--art-ink:#fff4dc;--art-light:#f9502e77;--art-sphere1:#471107;--art-sphere2:#eb7e33;--art-sphere3:#fdce65;--art-band:#ffa65c;--art-band-dark:#6d1408}
.p-standard{--art-bg:linear-gradient(137deg,#27231d,#9e7f53);--art-ink:#fcf0d3;--art-light:#d6ba7f66;--art-sphere1:#2a201c;--art-sphere2:#debc8b;--art-sphere3:#4a3020;--art-band:#c7ab78;--art-band-dark:#4e3a27}
.p-ember{--art-bg:linear-gradient(125deg,#b9bb9e,#e6dcc1 64%,#7d8a72);--art-ink:#26352a;--art-light:#fff5ca88;--art-sphere1:#5c6947;--art-sphere2:#e2d4ac;--art-sphere3:#3a4739;--art-band:#ddd3a9;--art-band-dark:#596c54}
.p-crumb{--art-bg:linear-gradient(132deg,#df8b9e,#f8d7c5 60%,#eaaa94);--art-ink:#61273a;--art-light:#fff9ed88;--art-sphere1:#8d3b64;--art-sphere2:#efb9a0;--art-sphere3:#bd7282;--art-band:#fff5df;--art-band-dark:#aa5762}
.p-noir{--art-bg:linear-gradient(138deg,#050707,#26292d 65%,#5b6166);--art-ink:#f8f9fa;--art-light:#a7bbc155;--art-sphere1:#111419;--art-sphere2:#b6c3cd;--art-sphere3:#252932;--art-band:#ced7dc;--art-band-dark:#1d2529}
.p-lacquer{--art-bg:linear-gradient(145deg,#e5c4c6,#f1e7df 65%,#b98b99);--art-ink:#613944;--art-light:#fff8ee99;--art-sphere1:#8e5268;--art-sphere2:#ffe5dc;--art-sphere3:#ae7a90;--art-band:#f1d4ca;--art-band-dark:#8e596a}
.p-volt{--art-bg:linear-gradient(140deg,#182f94,#4235a2 50%,#ec7a6b);--art-ink:#fff;--art-light:#e9a1ff66;--art-sphere1:#2629a8;--art-sphere2:#f49c87;--art-sphere3:#6b48d7;--art-band:#acbafe;--art-band-dark:#332c79}
.p-nest{--art-bg:linear-gradient(135deg,#d3eaf1,#f9e8b8 65%,#94cbdc);--art-ink:#244758;--art-light:#fffdd0aa;--art-sphere1:#7daec1;--art-sphere2:#f7e5ba;--art-sphere3:#518ba3;--art-band:#e8f4e9;--art-band-dark:#5f9b9e}
.p-shift{--art-bg:linear-gradient(135deg,#141619,#37393b 50%,#b3312b);--art-ink:#fff;--art-light:#f3563655;--art-sphere1:#171b1d;--art-sphere2:#d84333;--art-sphere3:#555c63;--art-band:#b6b8b5;--art-band-dark:#26272c}
.p-verdant{--art-bg:linear-gradient(135deg,#102541,#1d3b61 55%,#ee7948);--art-ink:#fff4e9;--art-light:#f3a46b66;--art-sphere1:#18304f;--art-sphere2:#ef9b60;--art-sphere3:#476d78;--art-band:#ffd2a9;--art-band-dark:#244761}
.project-meta{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:25px}
.project-meta>div>p{font:700 10px 'Space Grotesk';color:#897149;letter-spacing:.11em;margin:0 0 10px}
.project-meta h3{font:600 clamp(26px,2.4vw,43px) 'Space Grotesk';letter-spacing:-.07em;margin:0 0 11px;line-height:1.2}
.project-meta>div>span{display:block;max-width:500px;color:#65645e;font-size:14px;line-height:1.75}
.round-arrow{width:49px;height:49px;border:1px solid #9d988c;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:23px;transition:background .3s,color .3s,transform .3s}
.round-arrow:hover{background:#141414;color:#fff;transform:rotate(45deg)}
.work-outro{margin-top:120px;border-top:1px solid #c3bdaf;padding-top:35px;display:flex;align-items:center;gap:25px}
.gold-star{font:80px 'Italiana';color:#b18c56}
.work-outro p{margin:0;font:500 14px/1.8 'Space Grotesk';letter-spacing:.04em}
.work-outro p strong{font-weight:700}
.underlined-link{margin-left:auto;border-bottom:1px solid #292929;padding-bottom:12px;font:700 11px 'Space Grotesk';letter-spacing:.08em;white-space:nowrap}
.playground{background:#0c0d10;color:#fff}
.play-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}
.play-head p{color:#a2a3a0;max-width:330px;font-size:16px;line-height:1.75;margin:0 0 10px}
.lab-grid{display:grid;grid-template-columns:minmax(265px,.7fr) minmax(0,1.5fr);gap:2px;background:#3a3935;border:1px solid #3a3935;min-height:680px}
.lab-controls{background:#171819;padding:clamp(24px,3vw,49px)}
.lab-control-group{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid #3c3d3a}
.lab-label{display:flex;align-items:center;gap:13px;margin-bottom:23px}
.lab-label>span{color:var(--gold);font:700 10px 'Space Grotesk'}
.lab-label strong{font:700 11px 'Space Grotesk';letter-spacing:.12em}
.lab-segments,.device-buttons{display:flex;gap:6px;flex-wrap:wrap}
.lab-style,.device-btn{border:1px solid #434743;color:#999d99;background:transparent;padding:13px 12px;font:700 10px 'Space Grotesk';transition:.25s}
.lab-style:hover,.device-btn:hover{color:white}
.lab-style.is-active,.device-btn.is-active{background:var(--gold);color:#15120d;border-color:var(--gold)}
.lab-swatches{display:flex;gap:15px}
.swatch{height:46px;width:46px;background:transparent;border:1px solid #5d5d5a;border-radius:50%;padding:5px;transition:transform .2s,border-color .2s}
.swatch:hover{transform:translateY(-4px)}
.swatch span{display:block;width:100%;height:100%;border-radius:50%;background:var(--c)}
.swatch[data-color=gold]{--c:#d6ae68}.swatch[data-color=blue]{--c:#6d98ff}.swatch[data-color=coral]{--c:#ef796e}.swatch[data-color=sage]{--c:#9eb69a}
.swatch.is-active{border-color:#f5eee2;box-shadow:0 0 0 1px #ffffff3d}
.motion-range{appearance:none;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),#434641);cursor:pointer}
.motion-range::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:var(--palegold);border:4px solid #191a19;border-radius:50%;box-shadow:0 0 0 1px var(--gold)}
.motion-range::-moz-range-thumb{width:10px;height:10px;background:var(--palegold);border:4px solid #191a19;border-radius:50%;box-shadow:0 0 0 1px var(--gold)}
.motion-labels{display:flex;justify-content:space-between;margin-top:16px;font:700 9px 'Space Grotesk';color:#878984;letter-spacing:.07em}
.lab-reset{padding:0;background:transparent;border:0;color:#c0a478;font:700 10px 'Space Grotesk';letter-spacing:.09em}
.lab-reset:hover{text-decoration:underline}
.lab-stage{background:#131514;padding:17px;display:flex;flex-direction:column;min-width:0}
.stage-top{display:flex;justify-content:space-between;align-items:center;padding:7px 8px 19px;gap:12px;font:600 9px 'Space Grotesk';letter-spacing:.07em;color:#737973}
.stage-top>span:first-child{display:flex;gap:6px}
.stage-top i{display:block;height:8px;width:8px;background:#4b4e4c;border-radius:50%}
.stage-top i:first-child{background:#b86f62}
.stage-top i:nth-child(2){background:#d1b477}
.stage-top i:nth-child(3){background:#829f83}
.stage-live{color:#b7ce97}
.device-stage{display:grid;place-items:center;flex:1;min-height:520px;background:repeating-linear-gradient(0deg,transparent,transparent 38px,#ffffff06 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,#ffffff06 39px);padding:22px;overflow:hidden}
.preview-device{--lab-accent:#c89f5c;--lab-ground:#e9e1d0;--lab-ink:#1b211f;position:relative;overflow:hidden;width:100%;max-width:890px;min-height:505px;box-shadow:0 22px 45px #0008;display:flex;flex-direction:column;background:var(--lab-ground);color:var(--lab-ink);transition:width .7s var(--ease),background .6s,color .6s,border-radius .6s}
.preview-device[data-color=gold]{--lab-accent:#be9254}.preview-device[data-color=blue]{--lab-accent:#5a7fd3}.preview-device[data-color=coral]{--lab-accent:#d36d60}.preview-device[data-color=sage]{--lab-accent:#739071}
.preview-device[data-style=bold]{--lab-ground:#171d29;--lab-ink:#f8f6ee;border-radius:0}
.preview-device[data-style=minimal]{--lab-ground:#f5f5f1;--lab-ink:#2a2a2a;border-radius:0}
.preview-device.is-mobile{width:min(100%,300px);min-height:480px;border-radius:24px;border:5px solid #303535}
.preview-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 26px;font:700 8px 'Space Grotesk';letter-spacing:.07em;position:relative;z-index:3}
.preview-nav b{font-size:18px;letter-spacing:-.07em}
.preview-nav b em{color:var(--lab-accent);font-style:normal}
.preview-nav>span:last-child{font-size:18px}
.preview-inner{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:25px 7%;isolation:isolate;overflow:hidden}
.preview-kicker{font:700 9px 'Space Grotesk';letter-spacing:.19em;color:var(--lab-accent);margin:0 0 22px}
.preview-display{display:flex;flex-direction:column;z-index:3;font:600 clamp(60px,6.5vw,108px)/.88 'Space Grotesk';letter-spacing:-.105em}
.preview-display em{color:var(--lab-accent);font:400 1.24em/.9 'Italiana';letter-spacing:-.08em}
.preview-copy{position:relative;z-index:2;font-size:13px;line-height:1.5;opacity:.75;margin:20px 0}
.preview-cta{position:relative;z-index:5;align-self:flex-start;padding:11px 16px;border:0;background:var(--lab-accent);color:#141414;font:700 9px 'Space Grotesk';letter-spacing:.12em;transition:transform .25s}
.preview-cta:hover{transform:translateY(-4px)}
.preview-emblem{position:absolute;right:1%;top:3%;height:315px;width:315px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#ffffffaa,transparent 30%),conic-gradient(from 120deg,#28211c,var(--lab-accent),#fbf6e8,var(--lab-accent),#2b2929);box-shadow:inset -30px -30px 70px #0009,inset 12px 13px 26px #fff8,15px 25px 28px #0003;transform:rotate(-20deg);transition:background .6s;opacity:.8}
.preview-emblem i{position:absolute;inset:26% -13%;border:13px solid var(--lab-accent);border-bottom-color:#392e24;border-left-width:3px;border-radius:50%;transform:rotate(-35deg);box-shadow:0 9px 17px #0004}
.preview-emblem i:nth-child(2){inset:-5% 38%;border-width:3px;transform:rotate(60deg);opacity:.48}
.preview-emblem i:nth-child(3){inset:12% 12%;border-width:2px;transform:rotate(20deg);opacity:.22}
.preview-device[data-motion="1"] .preview-emblem{animation:emblemFloat 8s ease-in-out infinite}
.preview-device[data-motion="2"] .preview-emblem{animation:emblemFloat 3.5s ease-in-out infinite}
@keyframes emblemFloat{50%{transform:rotate(7deg) translateY(-17px)}}
.preview-device[data-style=bold] .preview-display{font-weight:700;text-transform:uppercase}
.preview-device[data-style=bold] .preview-display em{font:700 .95em 'Space Grotesk';letter-spacing:-.1em;text-transform:uppercase}
.preview-device[data-style=minimal] .preview-display{font-weight:400;font-size:clamp(49px,5vw,78px);letter-spacing:-.095em}
.preview-device[data-style=minimal] .preview-display em{font:400 1.05em 'Italiana'}
.preview-device[data-style=minimal] .preview-emblem{opacity:.3;filter:grayscale(.4)}
.preview-device.is-mobile .preview-nav{padding:19px 17px}
.preview-device.is-mobile .preview-nav>span:nth-child(2){display:none}
.preview-device.is-mobile .preview-inner{padding:28px 17px}
.preview-device.is-mobile .preview-display{font-size:54px}
.preview-device.is-mobile .preview-emblem{height:230px;width:230px;right:-80px;top:30%}
.preview-footer{display:flex;justify-content:space-between;gap:10px;padding:19px 26px;font:600 9px 'Space Grotesk';letter-spacing:.1em;opacity:.56}
.preview-device.is-mobile .preview-footer{font-size:7px;padding:12px}
.lab-status{padding:18px 8px 4px;color:#9b9e96;font:700 10px 'Space Grotesk';letter-spacing:.09em;margin:0}
.capabilities{background:#f0ede5;color:#151617}
.capabilities .overline{color:#a47f4b}
.capabilities .section-count{color:#6a675e}
.capabilities .display-heading{font-size:clamp(50px,6.2vw,112px)}
.capabilities .serif{color:#a7824f}
.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,150px)}
.cap-list{border-top:1px solid #aaa597}
.cap-row{display:grid;grid-template-columns:35px 1fr 20px;align-items:start;gap:15px;padding:28px 0;border-bottom:1px solid #aaa597}
.cap-row>span:first-child{font:700 10px 'Space Grotesk';color:#af8a53}
.cap-row h3{margin:0 0 10px;font:600 clamp(22px,2.2vw,38px) 'Space Grotesk';letter-spacing:-.05em}
.cap-row p{margin:0;max-width:390px;font-size:14px;line-height:1.7;color:#696962}
.cap-cross{font-size:23px;color:#a47f4b}
.approach{background:#0d0e10}
.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,120px)}
.approach .display-heading{font-size:clamp(58px,6.5vw,108px)}
.process-number{font:500 clamp(130px,17vw,300px)/.9 'Italiana';color:#2b251b;margin:55px 0 0;transition:color .3s,transform .6s var(--ease)}
.process-number.is-changing{transform:translateY(17px);color:#70522a}
.process-selector{border-top:1px solid #3a3936}
.process-step{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #3a3936;padding:28px 0;display:grid;grid-template-columns:50px 1fr 30px;align-items:start;gap:13px;text-align:left}
.step-no{font:700 11px 'Space Grotesk';color:var(--gold)}
.step-body{display:flex;flex-direction:column}
.step-body strong{font:600 clamp(19px,2vw,30px) 'Space Grotesk';letter-spacing:-.05em;transition:color .3s}
.step-body small{color:#858582;font-size:13px;line-height:1.55;margin-top:10px}
.step-extra{display:grid;grid-template-rows:0fr;overflow:hidden;max-height:0;opacity:0;color:#aaa9a6;font:400 14px/1.7 'DM Sans';transition:max-height .5s var(--ease),opacity .35s,padding .35s}
.process-step.is-active .step-extra{max-height:180px;opacity:1;padding-top:20px}
.process-step:hover .step-body strong,.process-step.is-active .step-body strong{color:var(--palegold)}
.step-plus{font-size:20px;color:var(--gold)}
.pricing{background:radial-gradient(ellipse at 15% 15%,#33291a 0%,transparent 32%),#151617}
.pricing-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(45px,8vw,135px);align-items:center}
.pricing-layout>.reveal>p{max-width:540px;color:#a5a4a0;font-size:18px;line-height:1.8;margin-top:38px}
.pricing .display-heading{font-size:clamp(53px,6.6vw,115px)}
.pricing-card{border:1px solid #a28759;padding:clamp(25px,4vw,55px);background:linear-gradient(150deg,#22211c,#141515 75%);box-shadow:0 25px 100px #0004;position:relative;overflow:hidden}
.pricing-card:before{content:'✳';font:300 330px 'Italiana';position:absolute;right:-80px;top:-130px;color:#d7b77b0e;pointer-events:none}
.price-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #524633;padding-bottom:25px;color:var(--gold);font:700 11px 'Space Grotesk';letter-spacing:.13em}
.price-top span:last-child{font-size:24px;line-height:.6}
.price-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:35px 0 20px}
.price-line small{font:700 11px 'Space Grotesk';color:#aa9980}
.price-line strong{font:600 clamp(83px,9vw,155px)/.8 'Space Grotesk';letter-spacing:-.11em;color:#f5e5c2}
.price-line span{width:100%;font:700 9px 'Space Grotesk';letter-spacing:.1em;color:#aa9980;margin-top:15px}
.pricing-card>p{color:#afadab;line-height:1.7;max-width:380px}
.pricing-card ul{list-style:none;margin:30px 0;padding:0;border-top:1px solid #4c4942}
.pricing-card li{position:relative;padding:14px 0 14px 26px;border-bottom:1px solid #363937;color:#dedcd4;font-size:13px}
.pricing-card li:before{content:'✧';position:absolute;left:0;color:var(--gold);font-size:16px}
.price-cta{background:var(--gold);color:#111;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;font:700 11px 'Space Grotesk';letter-spacing:.1em;transition:background .3s,transform .3s}
.price-cta:hover{background:var(--palegold);transform:translateY(-4px)}
.price-cta span{font-size:20px}
.pricing-card>small{display:block;margin-top:23px;color:#8c8a83;font-size:11px;line-height:1.7}
.faq{background:#0f1112}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12vw}
.faq .display-heading{font-size:clamp(56px,6vw,110px);margin-top:32px}
.faq-list{border-top:1px solid #3c3b37}
.faq-list details{border-bottom:1px solid #3c3b37;padding:26px 0}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font:500 clamp(16px,1.7vw,24px) 'Space Grotesk';letter-spacing:-.035em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--gold);font-size:25px;line-height:.8;transition:transform .3s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:580px;color:#a8a7a2;font-size:14px;line-height:1.9;padding-right:38px;margin:18px 0 0}
.contact{background:#0b0c0e;overflow:hidden;isolation:isolate}
.contact-light{position:absolute;top:-350px;right:-200px;width:1000px;height:1000px;background:radial-gradient(circle,#b78a4223,transparent 70%);pointer-events:none;z-index:-1}
.contact-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:100px}
.contact .display-heading{font-size:clamp(54px,7.5vw,132px)}
.contact-intro>p{max-width:340px;color:#a6a49d;font-size:16px;line-height:1.85;margin:0 0 10px}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:2px;background:#434039;border:1px solid #434039}
.contact-side{padding:clamp(30px,4vw,60px);background:#181a1a;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:790px;overflow:hidden}
.side-index{font:700 11px 'Space Grotesk';color:var(--gold);letter-spacing:.14em}
.contact-side h3{font:600 clamp(39px,4vw,70px)/.95 'Space Grotesk';letter-spacing:-.075em;margin:35px 0 25px}
.contact-side p{color:#a8a7a0;max-width:310px;font-size:15px;line-height:1.8}
.contact-orbit{align-self:center;width:min(290px,90%);aspect-ratio:1;border:1px solid #9b805049;border-radius:50%;display:grid;place-items:center;position:relative;animation:orbitCircle 30s linear infinite}
.contact-orbit:before,.contact-orbit:after{content:'';position:absolute;border:1px solid #a2855540;border-radius:50%}
.contact-orbit:before{inset:20%;transform:rotateX(65deg)}
.contact-orbit:after{inset:-11%;border-style:dashed;transform:rotateY(65deg)}
@keyframes orbitCircle{to{transform:rotate(360deg)}}
.contact-orbit-inner{text-align:center;color:#d7b67d;font:600 59px 'Italiana'}
.contact-orbit-inner small{display:block;font:700 8px 'Space Grotesk';letter-spacing:.17em;margin-top:12px}
.contact-direct{display:flex;flex-direction:column;gap:15px;margin-top:40px}
.contact-direct>span{font:700 10px 'Space Grotesk';letter-spacing:.1em;color:#93866e}
.contact-direct a{font-size:clamp(14px,1.4vw,19px);letter-spacing:-.025em;overflow-wrap:anywhere;transition:color .2s}
.contact-direct a:hover{color:var(--gold)}
.inquiry-form{position:relative;display:block!important;margin:0!important;width:100%!important;max-width:none!important;background:#222320!important;padding:clamp(25px,4.2vw,64px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font:700 10px 'Space Grotesk';letter-spacing:.13em;color:var(--gold)}
.form-live{color:#c5bca7}
.form-live i{display:inline-block;height:6px;width:6px;background:#b0c899;border-radius:50%;box-shadow:0 0 9px #a4d19b;vertical-align:middle;margin-right:8px}
.inquiry-form h3{font:600 clamp(36px,4.1vw,66px)/1.04 'Space Grotesk';letter-spacing:-.07em;margin:32px 0 12px;color:#fff}
.inquiry-form h3 em{font:400 1.12em 'Italiana';color:var(--gold)}
.form-instructions{color:#a8aaa4;font-size:14px;line-height:1.7;margin:0 0 38px}
.form-instructions span{color:var(--gold)}
.form-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 19px!important}
.field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:0}
.field.full{grid-column:1/-1!important}
.field label{display:block!important;font:700 10px 'Space Grotesk'!important;color:#e7dfcc!important;letter-spacing:.13em!important;margin:0!important}
.field label span{color:var(--gold)}
.field input,.field select,.field textarea{appearance:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;border:1px solid #57554c!important;border-radius:0!important;background:#191b1a!important;color:#f5efe5!important;padding:17px 18px!important;font:400 15px/1.5 'DM Sans'!important;box-shadow:none!important;outline:none!important;transition:border-color .25s,background .25s,box-shadow .25s!important}
.field input,.field select{min-height:58px!important}
.field textarea{min-height:165px!important;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#84847e!important;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#dcb67b!important;background:#22251f!important;box-shadow:0 0 0 2px #d6ae681b!important}
.field select{cursor:pointer;padding-right:45px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6ae68' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:20px!important}
.field select option{background:#191b1a;color:#f5efe5}
.field-bottom{display:flex;justify-content:space-between;gap:20px;font:600 9px 'Space Grotesk';letter-spacing:.07em;color:#777a74}
.form-progress{margin:34px 0 25px}
.form-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#a79a80;font:700 10px 'Space Grotesk';letter-spacing:.11em;margin-bottom:11px}
.form-progress strong{color:var(--gold)}
.form-track{height:3px;background:#454743}
.form-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#916634,#f3d6a1);transition:width .45s var(--ease)}
.submit-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.submit-btn{background:var(--gold);color:#111;border:0;min-height:57px;padding:16px 20px;display:inline-flex;align-items:center;gap:35px;justify-content:space-between;font:700 11px 'Space Grotesk';letter-spacing:.08em;transition:background .3s,transform .3s}
.submit-btn:hover{background:var(--palegold);transform:translateY(-3px)}
.submit-btn span{font-size:23px}
.submit-row p{flex:1;min-width:200px;color:#96968e;font-size:11px;line-height:1.6;margin:0}
.inquiry-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.contact-end{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #3e3b36;margin-top:55px;padding-top:30px;color:#827e73;font:700 10px 'Space Grotesk';letter-spacing:.13em}
.contact-end a{color:var(--gold)}
.footer{background:#090a0b;border-top:1px solid #292722;padding:85px 0 28px}
.footer-top{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:100px}
.footer-logo{font:600 clamp(65px,13vw,220px)/.75 'Space Grotesk';letter-spacing:-.115em;white-space:nowrap;color:#f0e8dc}
.footer-logo span{color:var(--gold)}
.footer-logo sup{vertical-align:top;font-size:.12em;letter-spacing:0;margin-left:15px}
.footer-top p{text-align:right;max-width:245px;margin:0;color:#8e8d86;font:700 10px/1.9 'Space Grotesk';letter-spacing:.13em}
.footer-bottom{padding-top:24px;border-top:1px solid #292722;display:flex;justify-content:space-between;gap:20px;color:#777670;font:700 9px 'Space Grotesk';letter-spacing:.1em}
.footer-bottom a{color:var(--gold)}
/* Medium desktop and tablet */
@media(max-width:1220px){.desktop-nav{gap:17px}.site-header{padding-inline:3vw}.hero h1{font-size:clamp(65px,8.2vw,118px)}.hero-object{right:-13%;top:5%;width:62vw}.hero-sub{gap:45px}.lab-grid{grid-template-columns:.65fr 1.35fr}.lab-controls{padding:26px}.project-art{min-height:460px}.art-title{font-size:clamp(34px,4.5vw,70px)}.contact-grid{grid-template-columns:.65fr 1.35fr}}
@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:7px;border:1px solid #675a43;padding:15px;background:transparent;z-index:132}.menu-toggle span{width:24px;height:1px;background:var(--gold);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;z-index:105;top:0;right:0;bottom:0;left:0;flex-direction:column;justify-content:center;padding:100px 8vw 60px;background:#0c0d0fee;backdrop-filter:blur(25px);transform:translateX(110%);transition:transform .65s var(--ease);pointer-events:none}.mobile-nav.is-open{transform:translateX(0);pointer-events:auto}.mobile-nav a{font:600 clamp(35px,7vw,70px) 'Space Grotesk';letter-spacing:-.065em;border-bottom:1px solid #393833;padding:13px 0;display:flex;justify-content:space-between;gap:20px}.mobile-nav a span{color:var(--gold);font:700 12px 'Space Grotesk';letter-spacing:0}.hero-object{opacity:.76;right:-17%;top:13%;width:75vw}.hero-copy{width:100%}.hero h1{font-size:clamp(72px,10vw,105px)}.manifesto-grid{grid-template-columns:1fr}.manifesto-bottom{gap:30px}.lab-grid{grid-template-columns:1fr}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}.lab-control-group{margin:0;padding-bottom:20px}.lab-reset{grid-column:1/-1;text-align:left}.lab-stage{min-height:630px}.cap-grid,.approach-grid{grid-template-columns:1fr;gap:65px}.process-number{display:none}.pricing-layout{grid-template-columns:1fr}.pricing-card{max-width:660px}.faq-layout{grid-template-columns:1fr;gap:60px}.contact-intro{display:block}.contact-intro>p{margin-top:35px}.contact-grid{grid-template-columns:1fr}.contact-side{min-height:0}.contact-orbit{position:absolute;right:-8%;top:10%;opacity:.27;width:260px}.contact-side-top,.contact-direct{position:relative;z-index:2}.footer-top{display:block}.footer-top p{margin-top:48px;text-align:left}}
@media(max-width:680px){.section-container{width:90%}.section-pad{padding:90px 0}.section-top{margin-bottom:35px}.section-count{font-size:8px}.display-heading{font-size:clamp(43px,11vw,73px)}.site-header{height:78px;padding:0 5%}.site-header.is-scrolled{height:70px}.logo{font-size:20px}.logo-glyph,.logo-glyph svg{width:32px;height:32px}.hero{min-height:780px}.hero-wrap{min-height:780px;padding-top:117px}.hero-eyebrow{font-size:8px;letter-spacing:.04em}.eyebrow-end{display:none}.hero-content{min-height:540px;align-items:flex-start;padding-top:80px}.hero-index{font-size:9px;letter-spacing:.1em;margin-bottom:23px}.hero h1{font-size:clamp(51px,13.25vw,86px);line-height:.99;letter-spacing:-.09em}.hero h1 .hero-last{white-space:normal}.hero h1 .hero-last i{display:block;margin-top:5px}.hero-object{width:100vw;height:500px;right:-35%;top:16%;opacity:.37}.object-label,.orbit{display:none}.hero-sub{display:block;margin-top:34px}.hero-sub p{font-size:14px}.hero-link{display:inline-flex;align-items:center;margin-top:18px;font-size:10px}.hero-foot{font-size:8px;flex-wrap:wrap;padding:25px 0}.hero-foot>span:last-child{display:none}.ticker{padding:14px 0}.ticker>div{font-size:10px}.manifesto-bottom{display:block;margin-top:35px}.manifesto-bottom p{font-size:16px}.signature{margin-top:30px;font-size:49px}.work-heading{display:block}.work-heading p{margin-top:30px}.demo-notice{padding:17px;gap:14px}.filter-row{gap:7px}.filter-btn{padding:10px 12px;font-size:9px}.projects-grid{grid-template-columns:1fr;gap:44px}.project-card:nth-child(2n){margin-top:0}.project-art{min-height:480px;padding:23px}.art-title{font-size:clamp(46px,12vw,70px)}.art-sculpture{width:83%;right:-21%;top:14%}.project-meta h3{font-size:28px}.project-meta>div>span{font-size:13px}.work-outro{margin-top:85px;align-items:start;flex-wrap:wrap}.work-outro .underlined-link{margin-left:0;width:100%}.gold-star{font-size:60px}.play-head{display:block}.play-head p{margin-top:27px}.lab-controls{display:block;padding:27px}.lab-control-group{margin-bottom:29px}.lab-reset{margin-top:5px}.lab-stage{min-height:570px;padding:8px}.stage-top{font-size:8px}.stage-top small{display:none}.device-stage{padding:10px;min-height:510px}.preview-device{min-height:435px}.preview-display{font-size:clamp(43px,12vw,70px)}.preview-emblem{width:230px;height:230px;right:-70px;top:14%}.preview-nav{padding:17px}.preview-nav>span:nth-child(2){display:none}.preview-inner{padding:20px}.preview-device.is-mobile{width:min(100%,270px)}.preview-device.is-mobile .preview-display{font-size:47px}.preview-footer{font-size:7px;padding:12px}.lab-status{font-size:9px}.cap-row{grid-template-columns:29px 1fr 16px}.cap-row h3{font-size:22px}.approach .display-heading{font-size:clamp(55px,12vw,79px)}.process-step{grid-template-columns:28px 1fr 20px;gap:8px}.step-body strong{font-size:18px}.price-line strong{font-size:89px}.faq-list summary{font-size:17px}.contact-intro{margin-bottom:47px}.contact .display-heading{font-size:clamp(49px,11.2vw,77px)}.contact-side{padding:30px}.contact-side h3{font-size:47px}.contact-direct a{font-size:14px}.inquiry-form{padding:31px 22px!important}.form-fields{grid-template-columns:1fr!important;gap:23px!important}.field.full{grid-column:1!important}.form-heading{font-size:8px}.form-live{font-size:8px}.inquiry-form h3{font-size:46px}.submit-row{display:block}.submit-btn{width:100%;justify-content:space-between}.submit-row p{margin-top:19px}.contact-end{flex-wrap:wrap}.footer{padding-top:55px}.footer-logo{font-size:clamp(56px,12vw,93px)}.footer-top{padding-bottom:70px}.footer-bottom{display:flex;flex-direction:column;font-size:9px;line-height:1.8;gap:11px}.intro-wipe{animation-duration:.8s}}
@media(max-width:400px){.hero h1{font-size:12.2vw}.hero-sub p{font-size:13px}.hero-object{right:-49%}.project-art{min-height:410px}.art-title{font-size:12vw}.filter-btn{font-size:8px}.preview-device.is-mobile .preview-display{font-size:42px}}
@media(hover:none),(pointer:coarse){.cursor-orbit{display:none}.project-art:hover{box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-wipe{display:none!important}.reveal{opacity:1;transform:none;filter:none;transition:none!important}.hero-enter{animation:none!important}.sculpture-svg,.orbit,.ticker>div,.hero-scroll span,.contact-orbit,.preview-emblem{animation:none!important}.project-art,.art-sculpture,.art-title,.preview-device,.submit-btn,.nav-cta,.logo-glyph{transition:none!important}}

/* Each fictional demo gets its own sculptural visual vocabulary. */
.p-blaze .sculpture-disc{border-radius:62% 38% 72% 28% / 49% 65% 35% 51%;transform:rotate(28deg);box-shadow:inset -24px -27px 35px #391006,inset 16px 17px 29px #fff4b866,21px 32px 38px #0005}
.p-blaze .sculpture-fold{border-radius:20% 80% 35% 65%;transform:rotate(-51deg) skew(-10deg)}
.p-standard .sculpture-disc{border-radius:12%;transform:rotate(44deg) scale(.88);box-shadow:inset -37px 12px 50px #0009,17px 27px 38px #0006}
.p-standard .sculpture-fold{transform:rotate(35deg);border-width:5px 25px 16px 8px;inset:34% -3%}
.p-ember .sculpture-disc{border-radius:16% 16% 45% 45%;inset:7% 21% 8% 10%;transform:rotate(20deg)}
.p-ember .sculpture-disc:before{content:'';position:absolute;right:-36%;top:27%;width:48%;height:42%;border:25px solid #d7d1ae;border-left:0;border-radius:0 60% 60% 0;box-shadow:9px 8px 10px #0003}
.p-ember .sculpture-fold{inset:20% 7% 55%;border-width:15px 8px 7px;border-radius:50%;transform:rotate(-8deg)}
.p-crumb .sculpture-disc{border-radius:50% 47% 62% 38% / 35% 57% 43% 65%;background:radial-gradient(circle at 32% 23%,#fffbeccc,transparent 35%),radial-gradient(circle at 78% 43%,#ffd9d0,transparent 31%),conic-gradient(from 38deg,#b3567e,#f2b3ba,#fff2c8,#a74a70,#f3afbb);transform:rotate(-12deg)}
.p-crumb .sculpture-fold{border-width:7px 23px;border-radius:45% 50% 30% 70%;transform:rotate(45deg)}
.p-noir .sculpture-disc{background:radial-gradient(circle at 50% 50%,#0c1014 0 16%,#c2c7ca 17% 18%,transparent 19% 25%,#202328 26% 40%,#a3aeb4 41% 43%,#16191f 44% 50%,transparent 51%),repeating-conic-gradient(from 13deg,#0c0d0f 0deg 18deg,#c4c9c9 20deg 25deg,#303338 29deg 38deg);border:3px solid #a0a1a1}
.p-noir .sculpture-fold{border:5px solid #e8eef2;border-bottom-color:#384048;transform:rotate(57deg)}
.p-lacquer .sculpture-disc{inset:8% 27% 3%;border-radius:30% 30% 9% 9% / 26% 26% 8% 8%;transform:rotate(20deg);background:linear-gradient(145deg,#fbe7e5,#a65872 65%,#613248);box-shadow:inset 16px 13px 22px #fff9,18px 26px 31px #60364955}
.p-lacquer .sculpture-disc:after{content:'';position:absolute;left:21%;right:21%;top:-24%;height:30%;background:linear-gradient(135deg,#2a1d28,#5e4354,#1d1521);border-radius:9% 9% 0 0}
.p-lacquer .sculpture-fold{opacity:.25;transform:rotate(25deg)}
.p-volt .sculpture-disc{border-radius:0;clip-path:polygon(56% 0%,100% 0%,64% 40%,88% 40%,20% 100%,40% 53%,13% 53%);transform:rotate(6deg) scale(1.1);background:linear-gradient(125deg,#fff4ce,#ff8067 40%,#6d6be7 78%,#261687)}
.p-volt .sculpture-fold{transform:rotate(28deg);border-color:#e6a7eb;opacity:.8}
.p-nest .sculpture-disc{border-radius:0;clip-path:polygon(50% 4%,98% 44%,86% 44%,86% 95%,15% 95%,15% 44%,2% 44%);background:linear-gradient(135deg,#fef7de,#a3cfe1 45%,#4b89aa 95%);transform:rotate(-5deg)}
.p-nest .sculpture-fold{inset:16% 5% 40%;transform:rotate(8deg);border-width:7px}
.p-shift .sculpture-disc{background:radial-gradient(circle at 50% 50%,#0a0b0e 0 14%,#c9c9c8 15% 16%,#212326 17% 29%,#bd4235 30% 36%,transparent 37%),repeating-conic-gradient(from 0deg,#1c1e22 0deg 15deg,#9ea1a0 18deg 26deg,#2d3036 29deg 44deg);border:10px solid #343537;box-shadow:inset 0 0 25px #000b,18px 24px 30px #0007}
.p-shift .sculpture-fold{border-width:3px 18px;border-color:#c3c8c6;border-bottom-color:#4a4c51}
.p-verdant .sculpture-disc{border-radius:0;clip-path:polygon(12% 9%,80% 2%,97% 34%,83% 66%,49% 99%,10% 74%,0 35%);transform:rotate(22deg);background:linear-gradient(145deg,#f8b577 10%,#546c69 36%,#1c344d 56%,#ee8960 85%);box-shadow:inset 16px 19px 35px #fff3,20px 25px 36px #0005}
.p-verdant .sculpture-fold{border-color:#fad7b3;border-bottom-color:#2d4b52;transform:rotate(-2deg)}

/* Cinematic side chapter rail */
.chapter-rail{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:95;display:flex;flex-direction:column;gap:13px}
.chapter-rail a{display:flex;align-items:center;justify-content:end;gap:8px;min-height:27px;font:700 9px 'Space Grotesk';letter-spacing:.05em;color:#a3a197;transition:color .25s,transform .3s}
.chapter-rail a span{opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
.chapter-rail a i{display:block;width:13px;height:1px;background:#6b665d;transition:width .35s,background .35s}
.chapter-rail a em{position:absolute;right:31px;white-space:nowrap;background:#171713;color:#dbc18d;padding:8px 10px;font-style:normal;font-size:9px;opacity:0;pointer-events:none;transform:translateX(9px);transition:opacity .25s,transform .25s}
.chapter-rail a:hover,.chapter-rail a.is-active{color:var(--gold)}
.chapter-rail a:hover i,.chapter-rail a.is-active i{background:var(--gold);width:24px}
.chapter-rail a.is-active span{opacity:1;transform:none}
.chapter-rail a:hover em{opacity:1;transform:none}
@media(max-width:1200px){.chapter-rail{right:8px}}
@media(max-width:1050px){.chapter-rail{display:none}}

.chapter-rail a{position:relative}

/* Keep decorative marquee entirely within narrow device viewports. */
@media(max-width:680px){.ticker{transform:none;margin:0;max-width:100vw}.hero-wrap,.section-container{max-width:100%}html,body{max-width:100%;overflow-x:clip}}