:root{color-scheme:dark;--mint:#00f5a0;--silver:#e2e8f0;--p:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--silver);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:7px}header{position:absolute;top:0;z-index:5;width:100%;padding:34px 4.5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:900;font-size:33px;letter-spacing:-2px}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.nav-label{font-size:12px;letter-spacing:2px;color:#a2a7ab}.contact{font-size:14px;border-bottom:1px solid #53575a;padding:10px 0}.contact span{margin-left:30px;color:var(--mint)}#story{height:280svh}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 47%,#24282d66,transparent 54%)}.copy{position:absolute;top:29%;left:6%;z-index:3;max-width:590px;pointer-events:none}.copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#a2a9b0;display:flex;align-items:center;gap:12px}.eyebrow i{width:5px;height:5px;background:var(--mint);box-shadow:0 0 12px #00f5a077}h1{font-size:clamp(42px,5.3vw,82px);letter-spacing:-.065em;line-height:1.02;font-weight:700;margin:27px 0}h1 span{color:#a1a5a9}.copy p,.ending p{font-size:16px;color:#949ba2;line-height:1.8}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;margin-top:19px;background:var(--mint);color:#031b12;padding:17px 22px;font-size:14px;font-weight:600}.cta:hover{background:#88ffd5}.space{position:absolute;inset:0;perspective:1400px;pointer-events:none}.object{position:absolute;width:680px;height:465px;left:53%;top:29%;transform-style:preserve-3d;transform:translate(-5%,-3%) rotateX(56deg) rotateY(-16deg) rotateZ(-26deg);will-change:transform}.plate{position:absolute;inset:0;border-radius:3px;backface-visibility:hidden}.base{transform:translateZ(-25px);background:linear-gradient(120deg,#151719,#505459 45%,#0b0c0d 70%);border:1px solid #73777a;box-shadow:0 35px 60px #000}.middle{transform:translateZ(-12px);background:linear-gradient(150deg,#52585c,#0f1112 18%,#14181b 85%,#a0a5ab);border:1px solid #65696c;box-shadow:0 7px 0 #0c0e10,0 8px 0 #474b4e}.face{background:#111416;border:1px solid #8a9095;box-shadow:inset 0 0 0 5px #202528,0 8px 0 #07090a,0 9px 0 #81888d;overflow:hidden;padding:23px 27px}.micro-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #56595c;padding-bottom:16px;font-size:9px;color:#aeb4b7;letter-spacing:1px}.micro-nav b{font-size:20px;letter-spacing:3px;color:#eee}.editorial{position:relative;margin-top:19px;height:280px}.small-label{font-size:8px;letter-spacing:2px;color:#aab0b5;position:relative;z-index:1;padding-top:14px}.object-title{font-family:Georgia,serif;font-size:53px;line-height:1.05;position:relative;z-index:1;margin-top:21px;color:#f2eee7}.photo{position:absolute;inset:0 0 0 30%;background:url('opening-concept.png') 69% 34%/220% auto;filter:brightness(.8);mask-image:linear-gradient(90deg,transparent,#000 25%)}.project-label{position:absolute;bottom:16px;font-size:8px;letter-spacing:2px;color:#b3b8be}.bottom-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;line-height:1.5;color:#c5c9cd;border-top:1px solid #53585d;padding-top:16px}.circle{border:1px solid #798087;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.sheen{position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#fff1 48%,transparent 70%);pointer-events:none}.top-layer{inset:285px 34px 65px 340px;padding:15px;background:#17201fe8;border:1px solid #758782;transform:translateZ(1px);opacity:0;color:#dce7e3;box-shadow:0 14px 25px #0008}.top-layer span{font-size:7px;letter-spacing:1px;display:block}.top-layer b{font-family:Georgia,serif;font-size:24px;display:block;margin-top:7px}.lines{margin-top:10px;width:70%;height:1px;background:#a0c0b7}.edge-light{position:absolute;left:3%;bottom:-1px;width:94%;height:2px;background:linear-gradient(90deg,transparent,#ecf5ff,transparent);box-shadow:0 0 15px #c6e1fc66;transform:translateZ(2px)}.floor{position:absolute;left:53%;top:76%;width:40%;height:7%;background:#000;filter:blur(25px);border-radius:50%;z-index:-1}.chapter{position:absolute;right:5%;bottom:100px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.5px;color:#929ba3}.chapter-line{width:70px;height:1px;background:linear-gradient(90deg,var(--mint) calc(var(--p)*100%),#42474b 0)}.bottom-controls{position:absolute;bottom:35px;left:6%;right:5%;display:flex;justify-content:space-between;align-items:center}.scroll-cue{font-size:10px;letter-spacing:2px}.scroll-cue span{display:inline-block;margin-left:20px;color:var(--mint);font-size:20px}button{color:#939ba2;background:transparent;border:1px solid #333b40;border-radius:30px;padding:10px 16px;font-size:12px;cursor:pointer}.ending{min-height:85svh;padding:120px 8% 60px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#15221d55,transparent 65%)}.ending .eyebrow{justify-content:center}.ending h2{font-size:clamp(38px,5vw,70px);line-height:1.05;letter-spacing:-3px;margin:30px 0}.replay{display:block;margin:35px auto;color:#a1aaa5;font-size:13px}.ending small{display:block;color:#68736c;letter-spacing:2px;font-size:9px;margin-top:60px}@media(min-width:1600px){.object{width:820px;height:540px}.editorial{height:350px}}@media(max-width:800px){header{padding:23px 6%}.wordmark{font-size:28px}.nav-label{display:none}.stage{min-height:700px}.copy{top:18%;left:7%;right:7%}h1{font-size:clamp(42px,9vw,67px);margin:20px 0}.eyebrow{font-size:9px;letter-spacing:1.4px}.copy p{font-size:14px}.cta{padding:13px 18px;margin-top:10px}.object{left:50%;top:64%;width:540px;height:400px;transform-origin:center;scale:.62;translate:-50% -20%}.editorial{height:220px}.space{perspective:1000px}.chapter{bottom:78px;font-size:8px}.bottom-controls{bottom:25px}.scroll-cue{font-size:9px}.ending{padding:100px 7% 40px}.ending h2{letter-spacing:-2px}.floor{top:82%;left:20%;width:65%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#story{height:100svh}.object{will-change:auto}}

/* Stronger contrast and four-beat depth reveal */
:root{--slate:#16191e;--silver:#e2e8f0}body{color:var(--silver)}#story{height:490svh}.contact{padding:12px 20px;border:1px solid #343b42;background:var(--slate)}.contact:hover{border-color:var(--mint);color:var(--mint)}h1 span{color:var(--mint);text-shadow:0 0 45px #00f5a018}.copy{top:26%;max-width:550px}.copy p{max-width:390px;color:#b8c1cb;line-height:1.65}.copy .eyebrow{color:#d0d9e2}.cta{box-shadow:0 0 32px #00f5a017;border:1px solid #69ffcc;transition:box-shadow .2s,transform .2s}.cta:hover{transform:translateY(-3px);box-shadow:0 0 35px #00f5a04a}.ambient{background:radial-gradient(ellipse at 77% 45%,#333e4660,transparent 46%),radial-gradient(ellipse at 76% 78%,#00f5a00c,transparent 34%)}.object{left:55%;top:27%;width:650px;height:465px}.face{background:var(--slate);border-color:#b0bcc7;box-shadow:inset 0 0 0 5px #272d35,0 3px 0 #8c98a4,0 10px 0 #16191e,0 12px 0 #57636f,0 24px 50px #000a}.sheen{background:linear-gradient(125deg,transparent 20%,#e2e8f023 48%,transparent 70%)}.photo{filter:brightness(1.18) contrast(1.06)}.middle{background:linear-gradient(145deg,#263039,#16191e 70%);border:1px solid #697f8d}.base{background:linear-gradient(125deg,#313a42,#16191e 65%,#46545f);border:1px solid #788d9b}.edge-light{height:3px;background:linear-gradient(90deg,transparent 2%,#e2e8f0 28%,#00f5a0 83%,transparent);box-shadow:0 0 17px #00f5a05c}.top-layer{background:#16191ef5;border:1px solid #00f5a088;box-shadow:0 20px 35px #000a}.top-layer b{color:var(--mint)}.foundation-label{position:absolute;bottom:17px;left:24px;letter-spacing:3px;font-size:10px;color:#c6d0da}.system-content{padding:26px;color:var(--silver)}.system-content>span{font-size:9px;letter-spacing:2px;color:var(--mint)}.system-content>b{display:block;font-size:25px;margin:22px 0}.system-row{display:flex;gap:20px}.system-row span{font-size:9px;padding:14px;border:1px solid #62717e;background:#16191e}.wireframe{border:1px solid #00f5a077;background:linear-gradient(90deg,transparent 49.8%,#00f5a022 50%,transparent 50.2%);opacity:0;pointer-events:none}.story-caption{position:absolute;z-index:3;left:6%;top:29%;max-width:460px;opacity:0;pointer-events:none}.story-caption>span{font-size:11px;letter-spacing:2px;color:var(--mint)}.story-caption h2{font-size:clamp(40px,4.5vw,68px);letter-spacing:-3px;line-height:1.04;margin:24px 0;color:var(--silver)}.story-caption p{max-width:340px;font-size:16px;line-height:1.7;color:#b8c1cb}.chapter{color:#bac5cf}.chapter-line{width:100px}.ending h2::first-line{color:var(--mint)}@media(min-width:1600px){.object{width:820px;height:540px}}@media(max-width:800px){#story{height:420svh}.copy{top:17%;max-width:unset}.copy p{max-width:340px;font-size:14px}.object{left:50%;top:65%;width:540px;height:400px;scale:.55}.story-caption{left:7%;right:7%;top:21%}.story-caption h2{font-size:44px;letter-spacing:-2px}.story-caption p{font-size:14px}.system-content>b{font-size:22px}.contact{padding:10px 14px}.chapter{bottom:77px}.chapter-line{width:45px}.stage{min-height:760px}}@media(prefers-reduced-motion:reduce){#story{height:100svh}.cta{transition:none}}

/* Light BLINK direction — replaces the obsidian page. */
:root{color-scheme:light;--silver:#18262b;--slate:#e7eeeb;--mint:#00e996}body{background:#f4f7f6;color:#18262b}header .wordmark{color:#122520}.nav-label{color:#52675f}.contact{background:#fff;border-color:#c7d8d0;color:#15372b}.contact span{color:#008557}.contact:hover{background:#d9fff0;color:#006b45}.stage{background:#f4f7f6}.ambient{background:radial-gradient(ellipse at 77% 48%,#b5ffdd 0%,#ddf8ec 30%,transparent 60%),linear-gradient(135deg,#fff,#edf3f0)}.copy{top:24%;max-width:590px}.copy .eyebrow,.eyebrow{color:#426758}.eyebrow i{background:#00aa6c;box-shadow:0 0 12px #00e99666}h1{font-size:clamp(40px,4.8vw,74px);color:#152c23;line-height:1.04;letter-spacing:-.06em}h1 span{color:#008653;text-shadow:none}.copy p,.story-caption p,.ending p{color:#496157}.cta{background:#00f5a0;border-color:#00d78c;color:#073624;box-shadow:0 8px 26px #00ba7822}.cta:hover{background:#36ffb7;box-shadow:0 12px 32px #00b97b40}.secondary-cta{display:inline-flex;align-items:center;gap:12px;font-size:13px;margin:20px 0 0 20px;color:#315b49;border-bottom:1px solid #8cae9e;padding-bottom:6px;pointer-events:auto}.secondary-cta:hover{color:#00794b;border-color:#00794b}.face{background:#f9fffc;border-color:#8eaaa0;box-shadow:inset 0 0 0 5px #e4eee9,0 3px 0 #fff,0 10px 0 #a7bdb3,0 12px 0 #6e8f80,0 28px 45px #294e3933}.micro-nav{color:#456355;border-color:#b7cec2}.micro-nav b{color:#153c2a}.object-title{color:#fff;text-shadow:0 2px 18px #16352255}.editorial{background:#325044}.small-label,.project-label{color:#e9fff4;padding-left:12px}.object-title{padding-left:12px}.photo{filter:brightness(1.45) saturate(1.15);mask-image:linear-gradient(90deg,transparent,#000 10%)}.bottom-line{color:#214a35;border-color:#b3cbbf}.circle{background:#00f5a0;border-color:#00ca83;color:#113a29}.sheen{background:linear-gradient(125deg,transparent 25%,#ffffff25 48%,transparent 65%)}.middle{background:linear-gradient(145deg,#eafff3,#90eac2);border-color:#4da57e}.base{background:linear-gradient(125deg,#ebf5ef,#90aaa0 60%,#e0f4e9);border-color:#79988a}.system-content{color:#173e2b}.system-content>span{color:#00764b}.system-row span{background:#edfff5;border-color:#66ba92}.foundation-label{color:#254c3a}.top-layer{background:#00f5a0;border-color:#00a96e;box-shadow:0 18px 35px #215b3e33;color:#07422b}.top-layer b{color:#06432b}.wireframe{border-color:#00a76c}.edge-light{background:linear-gradient(90deg,transparent,#fff 25%,#00f5a0 75%,transparent);box-shadow:0 0 14px #00f5a088}.floor{background:#477b5d;opacity:.17;filter:blur(22px)}.story-caption>span{color:#007e4c}.story-caption h2{color:#173c2a}.chapter{color:#496457}.chapter-line{background:linear-gradient(90deg,#00a66b calc(var(--p)*100%),#bbd1c5 0)}.scroll-cue{color:#284e3b}.scroll-cue span{color:#008c59}button{color:#315a45;border-color:#a9c6b5;background:#ffffff99}button:hover{background:#d3ffe8}.ending{background:radial-gradient(ellipse at 50% 100%,#9effce,transparent 70%),#eef7f1}.ending h2{color:#173c2a}.ending h2::first-line{color:#008653}.replay{color:#37654c}.ending small{color:#567762}@media(max-width:800px){.copy{top:16%}h1{font-size:clamp(36px,8.8vw,62px)}.secondary-cta{margin-left:14px;font-size:12px}.copy p{font-size:14px}.object{top:67%}.story-caption{top:20%}}@media(max-width:400px){.secondary-cta{display:flex;margin-left:0;width:max-content;margin-top:16px}.object{top:70%;scale:.49}}

/* Final hero clarity and physical edge detail */
.copy p{max-width:410px;font-size:16px;line-height:1.65}.secondary-cta{font-weight:600}.object{transform-style:preserve-3d}.solid-edge{position:absolute;backface-visibility:hidden;background:linear-gradient(180deg,#f6fffb,#b2c9bd 40%,#648b75 75%,#d4fbe5);border:1px solid #8fae9d}.edge-bottom{width:100%;height:25px;left:0;top:100%;transform-origin:top;transform:rotateX(-90deg)}.edge-right{height:100%;width:25px;left:100%;top:0;transform-origin:left;transform:rotateY(90deg)}.face{border-radius:1px}.top-layer{border-radius:1px}.micro-nav b{font-weight:900}.object-title{font-size:49px}.editorial{background:linear-gradient(135deg,#4e8066,#b4dfc6)}.photo{filter:brightness(1.65) saturate(1.25);opacity:.88}.object-title{text-shadow:0 2px 12px #173c2a55}.edge-light{height:3px;box-shadow:0 0 5px #00e98b,0 0 18px #00f5a04d}.ambient{background:radial-gradient(ellipse at 80% 45%,#8cffbe 0%,#d9ffeb 30%,transparent 60%),linear-gradient(135deg,#fff,#f1f9f4)}.cta{font-size:15px;padding:17px 24px}.copy .eyebrow{font-weight:600}.wireframe{border-width:1px}.story-caption h2{max-width:450px}.chapter{font-size:11px}.nav-label{font-size:12px}@media(max-width:800px){.copy p{font-size:14px;max-width:355px}.cta{padding:13px 17px;font-size:14px}.object-title{font-size:44px}.chapter{font-size:9px}}

/* Supplied visuals, mounted in dimensional mint-white surfaces. */
.showcase{position:relative;padding:110px 7% 70px;background:linear-gradient(180deg,#f4f7f6,#e8fff2 45%,#f7fbf8);overflow:hidden}.showcase-intro{max-width:730px;margin:0 auto 80px;text-align:center}.showcase-intro .eyebrow{justify-content:center}.showcase-intro h2{font-size:clamp(44px,6vw,86px);letter-spacing:-.055em;line-height:1.02;margin:24px 0;color:#173c2a}.showcase-intro em{font-style:normal;color:#008653}.showcase-intro p{font-size:17px;line-height:1.7;color:#496157;max-width:530px;margin:auto}.showcase-gallery{max-width:1240px;margin:auto}.visual-panel{margin:0 0 90px;display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center}.panel-perspective{perspective:1500px;padding:30px 10px;min-width:0}.panel-art{position:relative;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-8deg);border:1px solid #92c5ac;background:#e0fff0;box-shadow:0 2px 0 #fff,0 7px 0 #9ccab2,0 10px 0 #4b8c69,12px 28px 40px #24563c25;will-change:transform;isolation:isolate}.panel-art img{width:100%;height:auto;display:block;backface-visibility:hidden}.panel-edge{position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#fff,#00f5a0);box-shadow:0 0 12px #00f5a050}.visual-panel figcaption>span{font-size:11px;letter-spacing:2px;color:#007f50;font-weight:600}.visual-panel h3{font-size:clamp(34px,3.7vw,55px);letter-spacing:-.05em;line-height:1.05;margin:22px 0;color:#173c2a}.visual-panel figcaption p{font-size:16px;line-height:1.7;color:#496157;max-width:330px}.panel-commerce{grid-template-columns:1fr 1.1fr}.panel-commerce .panel-perspective{grid-column:2;grid-row:1}.panel-commerce figcaption{grid-column:1;grid-row:1;padding-left:10%}.panel-layers .panel-perspective{max-width:560px}.reference-note{font-size:12px;line-height:1.6;color:#587563;text-align:center;max-width:750px;margin:0 auto}.object,.plate{transform-style:preserve-3d}.face{transform-style:flat}.object{perspective-origin:center}.wireframe{background:none}.sheen{opacity:.45}.photo{filter:brightness(1.45) saturate(1.15)}@media(max-width:800px){.showcase{padding:75px 7% 50px}.showcase-intro{margin-bottom:35px}.showcase-intro p{font-size:15px}.visual-panel,.panel-commerce{grid-template-columns:1fr;gap:22px;margin-bottom:65px}.panel-commerce .panel-perspective,.panel-commerce figcaption{grid-column:auto;grid-row:auto}.panel-commerce figcaption{padding-left:0}.panel-perspective{padding:20px 6px}.visual-panel h3{margin:14px 0;font-size:36px}.visual-panel figcaption p{max-width:unset}.panel-layers .panel-perspective{max-width:unset}}@media(prefers-reduced-motion:reduce){.panel-art{transform:none!important;will-change:auto}}