﻿.about-page .about-hero,.about-page .lux-section,.about-page .beyond,.about-page .willemite-chapter,.about-page .visus{min-height:100vh;min-height:100svh}
.about-page .lux-section,.about-page .beyond,.about-page .willemite-chapter,.about-page .visus,.about-page .audience{position:relative;isolation:isolate;overflow:hidden;align-content:center}
.about-page .lux-section{grid-template-columns:minmax(0,.95fr) minmax(0,.72fr) minmax(0,1.08fr);gap:3.2vw;padding-right:clamp(48px,16vw,310px);padding-left:clamp(48px,16vw,310px);background:#07070b url("assets/lux-series-wallpaper-v2.png") center/cover no-repeat}.about-page .lux-section::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,9,.55) 0%,rgba(5,6,9,.1) 42%,rgba(5,6,9,.07) 58%,rgba(5,6,9,.5) 100%),linear-gradient(0deg,rgba(5,6,9,.4),transparent 48%)}.about-page .lux-title,.about-page .lux-copy{padding:32px;background:rgba(5,6,9,.55);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(9px)}.about-page .lux-title{width:min(390px,100%);justify-self:start}.about-page .lux-copy{width:100%;max-width:480px;justify-self:end}.about-page .lux-word{position:relative;z-index:2;padding:50px 0;transform:translateX(-1.2vw)}.about-page .lux-word span{color:rgba(220,205,255,.09);-webkit-text-stroke:1px #ece5ff;filter:drop-shadow(0 0 16px rgba(160,90,255,.72))}.about-page .lux-word small{color:#d9caff;text-shadow:0 0 14px rgba(160,90,255,.72)}
.about-page .beyond{background:#07090a url("assets/beyond-365-wallpaper.png") center/cover no-repeat}.about-page .beyond::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,9,.96) 0%,rgba(5,6,9,.79) 44%,rgba(5,6,9,.31) 73%,rgba(5,6,9,.2) 100%),linear-gradient(0deg,rgba(5,6,9,.7),transparent 48%)}.about-page .beyond-copy,.about-page .question{background:rgba(5,6,9,.57);backdrop-filter:blur(9px)}.about-page .beyond-copy{padding:32px;border:1px solid rgba(255,255,255,.09)}
.about-page .willemite-chapter{padding:105px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:minmax(280px,.42fr) minmax(600px,1fr);gap:5vw;align-items:center;background:#07090a url("assets/willemite-chapter-glow-v1.png") center/cover no-repeat}.about-page .willemite-chapter::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,6,8,.62) 0%,rgba(4,6,8,.82) 29%,rgba(4,6,8,.66) 55%,rgba(4,6,8,.43) 100%),linear-gradient(0deg,rgba(4,6,8,.58),transparent 45%,rgba(4,6,8,.25))}.willemite-chapter-head{padding:30px;background:rgba(4,6,8,.56);border:1px solid rgba(132,255,88,.13);backdrop-filter:blur(8px)}.willemite-chapter-head h2{font-size:clamp(2.8rem,4.8vw,5rem);text-shadow:0 5px 35px #000}.about-page .willemite-chapter .willemite-spectrum{grid-column:auto;margin:0;background:rgba(4,6,8,.7);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 42px rgba(132,255,88,.08);backdrop-filter:blur(9px)}.about-page .willemite-chapter .willemite-heading{display:none}
.about-page .visus{display:grid;grid-template-columns:minmax(280px,350px) minmax(390px,500px) minmax(360px,1fr);grid-template-rows:auto;gap:clamp(18px,2.2vw,42px);align-content:center;align-items:center;padding:40px 20px;background-color:#06080a;background-image:url("assets/visus-theca-wallpaper-v3.png");background-position:right center;background-size:auto 86%;background-repeat:no-repeat}.about-page .visus::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,9,.91) 0%,rgba(5,6,9,.74) 43%,rgba(5,6,9,.08) 68%,rgba(5,6,9,.02) 100%)}.about-page .visus-mark{grid-column:1;grid-row:1;width:100%;height:clamp(250px,48svh,430px);background:rgba(5,6,9,.68);backdrop-filter:blur(10px)}.about-page .visus-copy{grid-column:2;grid-row:1;width:100%;max-width:500px;padding:clamp(22px,2vw,30px);background:rgba(5,6,9,.72);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.about-page .visus-copy h2{font-size:clamp(2.5rem,4vw,4.8rem);line-height:.88}.about-page .visus-copy p{margin:14px 0;line-height:1.65}.about-page .visus-dimensions{display:flex;gap:18px;margin:16px 0 2px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.about-page .visus-dimensions span{display:grid;gap:4px;color:#aeadb8;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.about-page .visus-dimensions strong{color:#f4f0e8;font-family:Georgia,serif;font-size:.9rem;letter-spacing:.01em;text-transform:none}
.about-page .audience{min-height:860px;background:#07080a url("assets/built-for-discovery-wallpaper.png") center/cover no-repeat}.about-page .audience::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,6,9,.93) 0%,rgba(5,6,9,.55) 58%,rgba(5,6,9,.45) 100%)}.about-page .audience h2{text-shadow:0 5px 30px #000}.about-page .audience-grid{background:rgba(5,6,9,.64);backdrop-filter:blur(10px)}
@media(max-width:1050px){.about-page .willemite-chapter{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.about-page .willemite-chapter .willemite-spectrum{width:100%}}
@media(max-width:1400px){.about-page .lux-section{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr) minmax(330px,1.05fr);padding-right:6%;padding-left:6%}.about-page .lux-word{transform:none}}
@media(max-width:1180px){.about-page .visus{grid-template-columns:minmax(250px,320px) minmax(350px,450px) minmax(220px,1fr);background-size:auto 72%}.about-page .visus-copy{padding:22px}.about-page .visus-copy h2{font-size:clamp(2.35rem,3.8vw,3.8rem)}.about-page .visus-copy p{font-size:.88rem;line-height:1.5}}
@media(max-width:900px){.about-page .lux-section,.about-page .beyond{background-position:68% center}.about-page .lux-section::before,.about-page .beyond::before{background:rgba(5,6,9,.73)}.about-page .visus{grid-template-columns:1fr;grid-template-rows:auto auto;padding:90px 6%;background-position:70% center;background-size:auto 68%}.about-page .visus::before{background:rgba(5,6,9,.7)}.about-page .visus-mark,.about-page .visus-copy{grid-column:1;width:min(100%,680px)}.about-page .visus-mark{grid-row:1;height:230px}.about-page .visus-copy{grid-row:2}.about-page .willemite-chapter{min-height:100vh;min-height:100svh}.about-page .audience{background-position:62% center}}
@media(max-width:620px){.about-page .willemite-chapter{padding-right:6%;padding-left:6%}.about-page .visus-copy,.about-page .beyond-copy{padding:24px}.about-page .audience{min-height:100vh;min-height:100svh}}
@media(max-width:900px){.about-page .lux-section{grid-template-columns:1fr;gap:28px;padding:100px 6%}.about-page .lux-title,.about-page .lux-copy{width:100%;max-width:680px;justify-self:start}.about-page .lux-word{padding:25px 0;text-align:left}}

/* Chapter 07 occupies exactly one desktop viewport. */
@media(min-width:901px){.about-page .visus{box-sizing:border-box!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;block-size:100svh!important;min-block-size:100svh!important;max-block-size:100svh!important;overflow:hidden;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important}}
.about-page .visus-action{margin-top:6px}.about-page .visus-copy .development-note{margin-top:28px}
@media(min-width:901px){.about-page .audience{box-sizing:border-box!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;block-size:100svh!important;min-block-size:100svh!important;max-block-size:100svh!important;overflow:hidden}}

/* Scene-by-scene chapter navigation. */
html{scroll-snap-type:y mandatory;scroll-padding-top:0}
.about-page main>section{scroll-snap-align:start;scroll-snap-stop:always}
.about-page footer{scroll-snap-align:end;scroll-snap-stop:always}
@media(max-width:900px){html{scroll-snap-type:y proximity}.about-page main>section,.about-page footer{scroll-snap-stop:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}.about-page main>section,.about-page footer{scroll-snap-align:none;scroll-snap-stop:normal}}

.scene-nav{position:fixed;z-index:40;right:18px;top:50%;display:grid;gap:8px;transform:translateY(-50%)}.scene-nav button{position:relative;width:28px;height:24px;padding:0;border:0;background:transparent;color:#777985;cursor:pointer}.scene-nav button i{position:absolute;right:0;top:11px;width:9px;height:1px;background:currentColor;transition:width .25s,background .25s,box-shadow .25s}.scene-nav button span{position:absolute;right:15px;top:7px;font-size:.43rem;letter-spacing:.08em;opacity:0;transition:opacity .2s}.scene-nav button b{position:absolute;right:34px;top:3px;width:max-content;max-width:210px;padding:5px 8px;background:rgba(5,6,9,.84);border:1px solid rgba(255,255,255,.1);font-size:.45rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;opacity:0;transform:translateX(8px);pointer-events:none;transition:.22s}.scene-nav button:hover b,.scene-nav button:focus-visible b{opacity:1;transform:none}.scene-nav button.active{color:var(--cyan)}.scene-nav button.active i{width:24px;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 10px var(--cyan)}.scene-nav button.active span{opacity:1}.interactive-panel{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .18s ease,border-color .25s,box-shadow .25s}.interactive-panel:hover{border-color:rgba(160,90,255,.32);box-shadow:0 18px 55px rgba(0,0,0,.24),0 0 30px rgba(160,90,255,.06)}
@media(max-width:900px){.scene-nav{right:7px}.scene-nav button b,.scene-nav button span{display:none}.scene-nav button{width:18px}.scene-nav button.active i{width:16px}}
@media(prefers-reduced-motion:reduce){.interactive-panel{transform:none!important;transition:none}.scene-nav button *{transition:none!important}}

@media(min-width:1101px){.about-page .beyond{box-sizing:border-box;height:100vh;min-height:100vh;max-height:100vh;height:100svh;min-height:100svh;max-height:100svh;grid-template-columns:minmax(560px,1.12fr) minmax(440px,.88fr);gap:clamp(38px,4.5vw,82px);padding:clamp(70px,9svh,105px) max(24px,calc((100vw - 1450px)/2));align-content:center}.about-page .beyond-copy{width:100%;max-width:720px;padding:clamp(28px,2vw,38px)}.about-page .beyond-copy h2{font-size:clamp(3rem,4.7vw,5rem)}.about-page .beyond-copy p{line-height:1.72}.about-page .question{width:100%;max-width:520px;justify-self:end;padding:clamp(34px,3vw,52px)}}

.about-page .about-closing{position:relative;isolation:isolate;box-sizing:border-box;min-height:100vh;min-height:100svh;padding:clamp(80px,10svh,120px) 6%;background:#040608 url("assets/about-closing-neon-v1.png") center/cover no-repeat;overflow:hidden}.about-page .about-closing::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 44%,rgba(3,5,8,.18),rgba(3,5,8,.58) 57%,rgba(3,5,8,.72) 100%),linear-gradient(0deg,rgba(3,5,8,.48),transparent 44%,rgba(3,5,8,.28))}.about-page .about-closing .closing-wordmark{position:relative;left:auto;top:auto;z-index:1;width:clamp(220px,19vw,360px);margin:0 auto clamp(30px,5svh,56px);opacity:1;transform:none;filter:drop-shadow(0 0 24px rgba(82,220,245,.12))}.about-page .about-closing blockquote{position:relative;z-index:1;max-width:1100px;margin:0 auto clamp(36px,6svh,64px);font-size:clamp(2.7rem,5vw,5.6rem);line-height:1.04;text-shadow:0 5px 35px #000,0 0 42px rgba(160,90,255,.12)}.about-page .about-closing>div{position:relative;z-index:1}.about-page .about-closing .about-primary{box-shadow:0 0 28px rgba(160,90,255,.2)}
@media(min-width:901px){.about-page .about-closing{height:100vh;min-height:100vh;max-height:100vh;height:100svh;min-height:100svh;max-height:100svh}}
@media(max-width:620px){.about-page .about-closing{background-position:58% center}.about-page .about-closing blockquote{font-size:clamp(2.25rem,11vw,3.5rem)}}



