:root{--ink:#eeeae2;--muted:#b4bcca;--steel:#a9c1d9;--field-a:#121c31;--field-b:#4d7194;--field-c:#b9cad6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090e16;color:var(--ink);font:14px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}header{position:absolute;z-index:5;left:5%;right:5%;height:95px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff30}.brand{font-size:28px;font-weight:800;letter-spacing:-1.6px;display:inline-flex}.brand span{font-weight:400}.brand i{width:4px;height:4px;background:var(--steel);margin:10px 0 0 6px}header>a:last-child{font-size:11px}.edition{font-size:9px;letter-spacing:2px;color:var(--muted)}.object-story{height:160vh}.object-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:var(--field-a)}.web-field{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 45%,var(--field-c) 0%,var(--field-b) 25%,var(--field-a) 70%);transition:background .5s}.web-field>span{position:absolute;right:-4%;top:22%;color:#ffffff0c;font-weight:800;font-size:28vw;letter-spacing:-2vw;line-height:1;transform:translateX(var(--field-shift,0px))}.field-line{position:absolute;right:13%;top:-15%;width:1px;height:140%;background:#ffffff30;transform:rotate(22deg)}#crystal-mount{position:absolute;right:-5%;top:7%;width:70%;height:90%;pointer-events:none}.object-copy{position:absolute;left:6%;top:23%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--steel)}h1{font-size:clamp(64px,7.5vw,115px);line-height:.99;letter-spacing:-.06em;margin:30px 0}.description{font-size:13px;color:var(--muted);line-height:1.9}.explore{pointer-events:auto;font-size:9px;letter-spacing:1.5px;display:inline-flex;gap:40px;margin-top:35px}.explore span{font-size:20px}.object-footer{position:absolute;left:6%;right:6%;bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.object-footer>span{font-size:9px;letter-spacing:.7px;color:#b8c6d5}.moods{display:flex;gap:10px}.moods button{background:#0c152380;border:1px solid #ffffff40;color:#cbd6e1;padding:10px 17px;font-size:10px;cursor:pointer}.moods button[aria-pressed=true]{border-color:#cbd9e9;background:#cbd9e918}.form-section{padding:120px 8%;background:#e7e7e0;color:#152030}.form-section .eyebrow{color:#5a6e83}.form-section h2{font-size:clamp(44px,6.4vw,95px);line-height:1.1;letter-spacing:-.05em;margin:30px 0 65px}.form-bottom{border-top:1px solid #15203040;padding-top:30px;display:flex;justify-content:space-between;gap:40px}.form-bottom>span{font-size:9px;letter-spacing:1.7px}.form-bottom p{max-width:360px;font-size:14px;color:#45505d}.response-section{padding:110px 8% 130px;background:#0b111a}.response-section>div{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:30px 0 60px}.response-section h2{font-size:clamp(44px,6vw,85px);line-height:1.1;letter-spacing:-.05em}.response-section p{font-size:13px;line-height:2;color:var(--muted)}.response-section>a{border-bottom:1px solid #ffffff50;padding-bottom:14px;display:inline-block;font-size:12px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25}footer>span{font-size:10px;color:var(--muted)}footer>span:last-child{font-size:8px;letter-spacing:1.5px}:focus-visible{outline:2px solid #c2ddf7;outline-offset:5px}@media(max-width:700px){header{height:80px}.edition{display:none}.brand{font-size:24px}.object-stage{min-height:720px}.object-story{height:140vh}#crystal-mount{width:115%;right:-22%;top:30%;height:65%}.object-copy{top:16%;left:7%}h1{font-size:64px;margin:22px 0}.description{font-size:11px}.explore{margin-top:20px}.object-footer{align-items:start;bottom:22px;left:7%;right:7%}.object-footer>span{max-width:115px;font-size:8px}.moods button{padding:9px 12px;font-size:9px}.form-section,.response-section{padding:80px 7%}.form-bottom{display:block}.form-bottom p{margin-top:25px}.response-section>div{display:block}.response-section p{margin-top:30px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.object-story{height:100svh}.web-field{transition:none}}
#crystal-mount,#crystal-mount *{pointer-events:none!important}
#crystal-object{position:absolute;right:-5%;top:7%;width:70%;height:90%;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0)}#crystal-object #crystal-mount{inset:0;width:100%;height:100%}#crystal-grab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(62svh,54vw);aspect-ratio:1;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#crystal-grab.is-dragging{cursor:grabbing}#crystal-grab:focus-visible{outline:1px dashed #c2ddf7;outline-offset:8px}.object-footer{flex-wrap:wrap;pointer-events:none}.object-footer>*{pointer-events:auto}.object-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.object-actions button{border:0;border-bottom:1px solid #ffffff60;padding:5px 0;background:none;color:var(--ink);font:inherit;cursor:pointer}@media(max-width:700px){#crystal-object{width:115%;right:-22%;top:30%;height:65%}#crystal-object #crystal-mount{inset:0;width:100%;height:100%}#crystal-grab{width:min(55svh,80vw)}.object-footer{gap:12px}.object-actions{order:3;width:100%;justify-content:space-between}.object-actions span{font-size:9px}}
#crystal-object{transform:none;animation:crystal-float 10s ease-in-out infinite}@keyframes crystal-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}#crystal-object:has(.is-dragging){animation-play-state:paused}@media(prefers-reduced-motion:reduce){#crystal-object{animation:none}}
.clarity-control{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.clarity-control input{accent-color:#b7cadf}.object-actions{flex-wrap:wrap}
@media(max-width:700px){#crystal-object{width:100%;right:0;top:30%;height:65%}}

#crystal-mount.edge-blend{-webkit-mask-image:radial-gradient(circle var(--glass-radius) at 50% 50%,#000 0%,#000 55%,rgba(0,0,0,.95) 65%,rgba(0,0,0,.3) 85%,rgba(0,0,0,.14) 100%);mask-image:radial-gradient(circle var(--glass-radius) at 50% 50%,#000 0%,#000 55%,rgba(0,0,0,.95) 65%,rgba(0,0,0,.3) 85%,rgba(0,0,0,.14) 100%)}


.web-field{cursor:crosshair}.field-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.web-field>span,.field-line,.touch-wave{pointer-events:none}.touch-wave{position:absolute;left:var(--touch-x,50%);top:var(--touch-y,50%);width:20px;height:20px;border:1px solid #c7e4f35c;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.web-field.is-touched .touch-wave{animation:field-touch 1.2s ease-out}@keyframes field-touch{0%{width:20px;height:20px;opacity:.6}100%{width:480px;height:480px;opacity:0}}.web-field[data-effect="Flow"] .field-art{transform:skewY(-2deg) scale(1.04)}.web-field[data-effect="Prism"] .field-art{filter:drop-shadow(3px 0 0 #60a5c52b) drop-shadow(-3px 0 0 #c1a3cb24)}#background-effect{color:var(--steel)}@media(prefers-reduced-motion:reduce){.web-field.is-touched .touch-wave{animation:none}}
.plaid-background{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;object-position:center;opacity:.58;transform:translate3d(var(--plaid-x,0px),var(--plaid-y,0px),0) scale(1.07);transition:transform 1s cubic-bezier(.2,.65,.3,1);pointer-events:none;filter:url(#nmx-field-distort)}.plaid-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,14,25,.91),rgba(12,24,40,.72) 42%,rgba(14,26,42,.48)),linear-gradient(0deg,#0c1629a6,transparent 65%)}.web-field>.field-art g{display:none}.web-field>.field-line{opacity:.2}.web-field>span{color:#ffffff08}.web-field.is-plaid-active .plaid-background{transition:transform .22s ease-out}@media(prefers-reduced-motion:reduce){.plaid-background{transition:none;transform:none}}
.plaid-background{opacity:.72}.plaid-shade{background:linear-gradient(90deg,rgba(7,14,25,.86),rgba(12,24,40,.6) 42%,rgba(14,26,42,.32)),linear-gradient(0deg,#0c1629a6,transparent 65%)}
/* Quiet silver field. Actual NMX3D poster supplies only a fine, subdued grain. */
:root{--field-a:#0c1018;--field-b:#253140;--field-c:#7e8f9c}.web-field{background:#0c1018;overflow:hidden;cursor:default}.silver-grain{position:absolute;inset:-12px;background:url('assets/plaid-silver-woven-spectrum.webp') repeat;background-size:144px 216px;filter:grayscale(1) contrast(.7);opacity:.028;mix-blend-mode:screen;transform:translate3d(var(--grain-x,0px),var(--grain-y,0px),0);transition:transform 1.6s ease-out;pointer-events:none}.silver-light{position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,75%) var(--light-y,42%),#aec6d426 0%,#526a7e17 27%,#101a2200 63%),linear-gradient(115deg,#080b12,#1b2530 70%,#0d141e);transition:background 1.3s;pointer-events:none;opacity:.95}.silver-grain{z-index:1}.silver-contour{position:absolute;right:-20%;top:15%;width:88%;height:55%;border:1px solid #b5c9d516;border-radius:50%;transform:rotate(-32deg);box-shadow:0 -1px 22px #afccdf06;pointer-events:none}.web-field>.field-art,.web-field>.field-line,.web-field>span{display:none}.touch-wave{border-color:#b6cbd82b}#crystal-object{right:-1%;top:11%;width:64%;height:80%}.object-copy{top:24%}.eyebrow{color:#95a5b7}.object-footer{row-gap:14px}.object-actions{gap:14px}.object-footer>span{font-size:8px;color:#8996a8}.moods button{border-color:#ffffff1c;background:#0a101a44}.moods button[aria-pressed=true]{border-color:#b0c4d770}.ambience-paused .silver-grain{transition:none}@media(max-width:700px){#crystal-object{width:100%;right:0;top:31%;height:60%}.object-copy{top:16%}.silver-contour{top:28%;right:-70%;width:150%;height:40%}.object-footer{bottom:24px}.object-actions{gap:10px}}@media(prefers-reduced-motion:reduce){.silver-grain,.silver-light{transition:none}}
/* Broad, continuous light drift; no repeating poster tiles. */
.silver-grain{background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.018}
.silver-light{inset:-4%;animation:silver-breathe 22s ease-in-out infinite alternate;will-change:transform}
.silver-grain{filter:grayscale(1) contrast(.7) url(#nmx-field-distort)}
@keyframes silver-breathe{from{transform:translate3d(-1%,0,0);opacity:.78}to{transform:translate3d(1%,1%,0);opacity:.98}}
.ambience-paused .silver-light{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.silver-light{animation:none;will-change:auto}}
#play-object-effect{position:absolute;right:6%;top:15%;z-index:8;border:1px solid #b0c4d750;border-radius:24px;padding:12px 18px;background:#0b111c99;color:#e8edf3;cursor:pointer;letter-spacing:.04em}
@media(max-width:700px){#play-object-effect{top:39%;right:5%;padding:10px 14px}}
/* Cinematic material study: existing NMX3D footage, cropped as a moving macro. */
#material-film{position:absolute;inset:-25%;width:150%;height:150%;object-fit:cover;object-position:50% 48%;transform:scale(calc(1.05 + var(--cinema-progress,0)*.22)) rotate(calc(-8deg + var(--cinema-progress,0)*12deg));opacity:calc(.9 - var(--cinema-progress,0)*.35);pointer-events:none}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05080ff0 0%,#070c16b8 31%,#080d1633 65%,#080d1655),linear-gradient(0deg,#080c15e6,transparent 25%,transparent 78%,#070b1480);pointer-events:none}
.silver-grain,.silver-light,.silver-contour{display:none}
#crystal-object{right:-5%;top:14%;width:66%;height:76%;animation:none;opacity:calc(.7 + var(--cinema-progress,0)*.3);transform:translateY(calc(40px - var(--cinema-progress,0)*75px)) scale(calc(.88 + var(--cinema-progress,0)*.15));transform-origin:60% 50%}
.object-copy{top:23%;z-index:2}h1{font-size:clamp(76px,10vw,150px);line-height:.88;letter-spacing:-.065em;text-shadow:0 3px 35px #0004}.object-copy .eyebrow{color:#e4d5ff}.description{color:#d4d8e0}.film-caption{position:absolute;right:6%;top:13%;display:flex;flex-direction:column;gap:8px;z-index:4;text-align:right;text-shadow:0 2px 12px #000}.film-caption>span{font-size:9px;letter-spacing:2px;color:#cbd4e1}.film-caption strong{font-size:15px;font-weight:400}.film-caption button{align-self:end;border:1px solid #ffffff60;background:#080c1580;color:white;padding:9px 16px;border-radius:30px;cursor:pointer;margin-top:8px}.object-footer{z-index:4;background:linear-gradient(0deg,#080c15aa,transparent);padding-top:18px}.object-actions{gap:12px}.moods{gap:5px}.moods button{padding:8px 12px}#background-effect{display:none}
@media(max-width:700px){h1{font-size:84px}.object-copy{top:16%}.film-caption{top:13%;right:6%;max-width:45%}.film-caption strong{font-size:11px}.film-caption>span{font-size:7px}#crystal-object{top:35%;right:-12%;width:115%;height:58%}#material-film{inset:-15%;width:130%;height:130%}.cinema-shade{background:linear-gradient(90deg,#05080fdd,#05080f33),linear-gradient(0deg,#080c15,transparent 60%)}.object-footer{bottom:20px}}
@media(prefers-reduced-motion:reduce){#material-film,#crystal-object{transform:none}#crystal-object{opacity:1}}
#crystal-object{opacity:1}
/* User-supplied NMX3D Art 7 render, presented without modifying the asset. */
#scene-background{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:50% 46%;animation:scene-camera 20s ease-in-out infinite alternate;pointer-events:none}
@keyframes scene-camera{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1%,1%,0)}}
.cinema-shade{background:linear-gradient(90deg,#050408e8,#08040988 36%,#08040922 70%),linear-gradient(0deg,#07040be6,transparent 25%,transparent 80%,#07040b80)}
.scene-paused #scene-background,.scene-hidden #scene-background{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#scene-background{animation:none}}
/* Output-only scene shell: one renderer; page scrolling remains native. */
#live-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
#live-scene canvas{display:block;touch-action:pan-y}
#live-scene:empty{display:none}
.cinema-shade{z-index:2;pointer-events:none}
.object-copy{z-index:3}.film-caption{z-index:4}.object-footer{z-index:4}
#scene-background{animation:none}
.scene-interactive #scene-background{opacity:.25}
.scene-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.scene-actions button{border:1px solid #ffffff55;border-radius:30px;padding:12px 20px;background:#0b0810c9;color:#fff;cursor:pointer;font:inherit;font-size:11px}
.scene-actions button:disabled{opacity:.5;cursor:wait}.scene-actions span{font-size:10px;color:#c9c3cc}
.object-footer{pointer-events:none}.scene-actions{pointer-events:auto}
@media(max-width:700px){.object-copy{top:18%}.film-caption{top:12%}.object-footer{bottom:24px}.scene-actions{gap:10px}.scene-actions span{width:100%}.scene-actions button{padding:10px 14px}}
/* Website owns input: native wheel/pinch cannot zoom or orbit the background. */
#live-scene,#live-scene *{pointer-events:none!important}
#live-scene{transform:none!important;scale:none!important}

/* Hero copy and bottom controls occupy separate, height-aware areas. */
.object-stage{min-height:600px;}
.object-stage .object-copy{top:clamp(120px,20svh,170px);max-width:46%;}
.object-stage h1{font-size:clamp(64px,min(10vw,15svh),150px);margin:22px 0 24px;}
.object-stage .description{max-width:34ch;font-size:clamp(13px,1.1vw,15px);line-height:1.65;color:#d4d8e0;}
.object-stage .object-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;bottom:clamp(24px,4svh,40px);padding-top:20px;}
.hero-navigation{display:grid;justify-items:start;gap:8px;}
.hero-navigation .explore{margin:0;min-height:44px;align-items:center;gap:18px;font-size:11px;letter-spacing:1.3px;}
.hero-navigation #scene-status{font-size:11px;line-height:1.5;color:#b8c6d5;letter-spacing:.02em;}
.object-stage .scene-actions{justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.object-stage .scene-actions button{min-height:44px;padding:10px 18px;font-size:12px;}
.object-stage .scene-actions button[hidden]{display:none;}
@media(max-width:700px){
 .object-stage .object-copy{top:clamp(110px,16svh,150px);left:7%;max-width:86%;}
 .object-stage h1{font-size:clamp(72px,min(18vw,14svh),100px);margin:18px 0 20px;}
 .object-stage .description{max-width:31ch;font-size:13px;}
 .object-stage .object-footer{grid-template-columns:1fr;gap:14px;left:7%;right:7%;}
 .object-stage .scene-actions{justify-content:flex-start;}
}