:root{--abyss:#020b12;--deep:#03131f;--ink:#061d28;--cyan:#4df0ff;--ice:#c9fbff;--teal:#0ba5ae;--silver:#c5d4d7;--muted:#8ca9b0;--line:rgba(130,220,228,.19);--display:'Cormorant',serif;--body:'Sora',sans-serif;--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--abyss);overflow-x:clip}
body{margin:0;background:var(--abyss);color:#e7f2f2;font-family:var(--body);font-size:16px;line-height:1.65;overflow-x:clip}
a{color:inherit;text-decoration:none}
a,button{touch-action:manipulation}
button,input{font:inherit}
button{cursor:pointer}
::selection{background:var(--cyan);color:var(--abyss)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--ice);color:var(--abyss);transform:translateY(-200%);transition:transform .2s}.skip-link:focus{transform:none}
#water{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 70% 20%,#092638 0,transparent 42%),var(--abyss)}
.grain{position:fixed;z-index:2;inset:0;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.site-header,main,footer{position:relative;z-index:3}
.site-header{height:80px;position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid rgba(166,237,242,.13);background:linear-gradient(#020b12dd,#020b1275 72%,transparent);backdrop-filter:blur(8px)}
.wordmark{display:flex;align-items:center;gap:.75rem;font-size:.68rem;letter-spacing:.22em;font-weight:600}.wordmark-mark,.footer-mark span{width:19px;height:19px;border:1px solid var(--cyan);border-radius:50%;box-shadow:inset 0 0 8px var(--cyan),0 0 12px rgba(77,240,255,.35);display:inline-block;position:relative}.wordmark-mark:after{content:"";position:absolute;inset:7px -5px;border-top:1px solid var(--cyan);transform:rotate(-12deg)}
.site-header nav{display:flex;gap:2.2rem;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase}.site-header nav a{position:relative;padding:15px 0;color:#b8cbd0}.site-header nav a:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:right;transition:transform .4s}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}
.moon-status{justify-self:end;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#b8cbd0}.moon-status span{color:var(--cyan);font-size:1.2rem;vertical-align:-.1rem;margin-right:.45rem;text-shadow:0 0 10px var(--cyan)}
.hero{min-height:100svh;position:relative;display:grid;align-content:end;padding:9rem var(--pad) 6vh;isolation:isolate;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,11,18,.68),transparent 47%,rgba(2,11,18,.12)),linear-gradient(0deg,rgba(2,11,18,.98),transparent 45%)}
.hero-moon{position:absolute;top:14%;right:10%;width:clamp(190px,26vw,410px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,#f5ffff,#c0d0d5 48%,#58727e 75%,#102531);box-shadow:0 0 55px rgba(208,239,243,.15),0 0 160px rgba(77,240,255,.08);opacity:.78;filter:saturate(.7)}
.hero-moon:after{content:"";position:absolute;inset:-25%;border-radius:50%;border:1px solid rgba(219,244,246,.1)}.hero-moon span{position:absolute;width:19%;height:11%;border-radius:50%;top:30%;left:18%;box-shadow:34px 50px 0 4px rgba(43,68,76,.14),90px -3px 0 11px rgba(43,68,76,.12),120px 70px 0 1px rgba(43,68,76,.13);background:rgba(43,68,76,.13)}
.hero-coordinate{position:absolute;top:19%;left:var(--pad);font-size:.62rem;line-height:1.8;letter-spacing:.15em;text-transform:uppercase;color:#8da9b0}
.hero-title-wrap{max-width:1100px}.kicker,.eyebrow{margin:0 0 1.2rem;color:var(--cyan);text-transform:uppercase;font-size:.67rem;letter-spacing:.22em;font-weight:500}.hero-title{font-family:var(--display);font-size:clamp(6.8rem,16vw,15.5rem);font-weight:300;line-height:.55;letter-spacing:-.065em;margin:.18em 0 .35em;color:#dfeaec;text-shadow:0 0 30px rgba(77,240,255,.09)}.title-line{display:block}.title-a{position:relative;z-index:2}.title-b{margin-left:28%;font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(218,250,251,.7)}
.hero-intro{max-width:34rem;margin:1.8rem 0 0 48%;font-family:var(--display);font-size:clamp(1.4rem,2vw,2rem);font-style:italic;line-height:1.25;color:#c9dadd}
.gesture-hint{position:absolute;bottom:3rem;left:var(--pad);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#95adb3;display:flex;align-items:center;gap:.9rem}.gesture-hint span{width:42px;height:42px;border:1px solid rgba(77,240,255,.4);border-radius:50%;position:relative}.gesture-hint span:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);animation:pulse 2s infinite}
.depth-gauge{position:absolute;right:var(--pad);bottom:2.8rem;display:flex;align-items:center;gap:.8rem;font-size:.55rem;letter-spacing:.15em;color:#6f8b92}.depth-gauge i{display:block;width:120px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(77,240,255,.08));position:relative}.depth-gauge i:after{content:"";position:absolute;left:38%;top:-4px;width:1px;height:9px;background:var(--cyan)}
@keyframes pulse{50%{transform:scale(.45);opacity:.4}}
.section-shell{padding:clamp(7rem,13vw,13rem) var(--pad);position:relative;border-bottom:1px solid var(--line)}
.section-index{font-size:.58rem;letter-spacing:.22em;color:#719199;writing-mode:vertical-rl;position:absolute;top:9rem;left:calc(var(--pad) / 2)}
.science{background:linear-gradient(125deg,rgba(6,33,44,.75),rgba(2,11,18,.72) 55%,rgba(4,40,49,.28))}.science-heading{max-width:900px;margin:0 auto 5rem}.science h2,.moon-copy h2,.tour h2,.census h2,.write-copy h2,.conservation h2{font-family:var(--display);font-weight:300;font-size:clamp(3.8rem,7.2vw,7.4rem);line-height:.92;letter-spacing:-.048em;margin:0}.science h2 em{color:var(--cyan);font-weight:300}.ignite{transition:text-shadow 1.8s,color 1.3s}.ignite.lit{color:#f1ffff;text-shadow:0 0 8px rgba(77,240,255,.23),0 0 42px rgba(77,240,255,.18)}
.science-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.cell-diagram{position:relative}.cell-diagram svg{width:100%;overflow:visible;filter:drop-shadow(0 0 20px rgba(77,240,255,.09))}.cell-diagram>p{position:absolute;right:4%;bottom:4%;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#789aa1}.cell-diagram>p i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);margin-right:.5rem}
.science-copy article{display:grid;grid-template-columns:5rem 1fr;column-gap:1.5rem;border-top:1px solid var(--line);padding:2rem 0}.science-copy article h3{margin:.2rem 0 .7rem;font-family:var(--display);font-size:1.6rem;font-weight:400}.science-copy article p{grid-column:2;color:#afc2c6;margin:0;font-size:.84rem;line-height:1.85}.micro-number{grid-row:1/3;font-family:var(--display);font-size:4.6rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(77,240,255,.5)}.field-note{margin:2rem 0 0 2.5rem;padding:1.5rem 0 1.5rem 2rem;border-left:1px solid var(--cyan);font-family:var(--display);font-size:1.4rem;font-style:italic;color:#d8e7e9}.field-note span,.field-note cite{display:block;font-family:var(--body);font-style:normal;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:#769aa1}.field-note span{margin-bottom:.8rem}.field-note cite{margin-top:1rem}
.moon-section{background:radial-gradient(circle at 23% 49%,rgba(89,180,189,.15),transparent 32%),rgba(1,9,15,.8)}.moon-layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:.75fr 1fr;gap:11vw;align-items:center}.lunar-orbit{aspect-ratio:1;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;inset:5%;border:1px solid rgba(197,230,233,.19);border-radius:50%;transform:rotate(-14deg)}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(77,240,255,.12);inset:12%}.orbit-ring:after{inset:28%}.orbit-ring i{position:absolute;width:11px;height:11px;top:17%;right:10%;background:var(--ice);border-radius:50%;box-shadow:0 0 18px var(--cyan)}.dark-moon{width:47%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 28%,#19323c,#030a0e 65%);box-shadow:-11px -3px 25px rgba(200,241,244,.15),0 0 100px rgba(77,240,255,.1);display:grid;place-items:center}.dark-moon span{font-size:.6rem;letter-spacing:.14em;color:#7e9da3}.lunar-orbit>p{position:absolute;bottom:10%;left:3%;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:#729097}.lunar-orbit>p strong{font-family:var(--display);font-weight:300;color:#d8e7e9;font-size:2rem}.moon-copy .lead,.tour .lead,.census .lead,.conservation .lead{color:#b7c8cb;font-family:var(--display);font-size:1.45rem;line-height:1.4;max-width:45rem}.conditions{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin-top:3rem}.conditions div{padding:1.3rem 1.5rem 1.3rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}.conditions div:nth-child(odd){margin-right:1.5rem}.conditions span{font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;color:#729097}.conditions strong{font-size:.72rem;letter-spacing:.06em;color:#d5e7e9;font-weight:400}
.tour{background:linear-gradient(180deg,rgba(3,25,34,.88),rgba(2,11,18,.85))}.tour-top{max-width:1250px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:4rem}.tour-meta{text-align:right;color:#7f9ba2;font-size:.58rem;letter-spacing:.13em;line-height:2;text-transform:uppercase}.route-map{max-width:1400px;margin:3rem auto 0}.route-map svg{width:100%;height:auto;overflow:visible}.shore{fill:rgba(10,43,50,.8);stroke:rgba(94,185,191,.2);stroke-width:1}.shore-bottom{fill:rgba(4,28,35,.9)}.route-line{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:2 10;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--cyan))}.waypoint circle:first-child{fill:#d7ffff;filter:drop-shadow(0 0 8px var(--cyan))}.waypoint circle:nth-child(2){fill:none;stroke:rgba(77,240,255,.35);stroke-width:1}.waypoint text{fill:#8faeb4;font:10px Sora;letter-spacing:2px}.log-entries{max-width:1250px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.log-entries article{position:relative;padding:2.5rem 2rem 1rem 0;border-right:1px solid var(--line);margin-right:2rem}.log-entries article:last-child{border:0;margin-right:0}.log-entries time{color:var(--cyan);font-size:.6rem;letter-spacing:.16em}.log-entries article>span{position:absolute;right:1rem;top:2rem;font-family:var(--display);font-size:3rem;color:rgba(92,167,174,.12)}.log-entries h3{font-family:var(--display);font-size:1.6rem;font-weight:400;margin:.75rem 0}.log-entries p{font-size:.78rem;color:#9db5ba;line-height:1.8}
.census{background:radial-gradient(circle at 28% 51%,rgba(34,205,216,.1),transparent 30%),rgba(2,13,20,.84)}.census-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:.8fr 1fr;gap:10vw;align-items:center}.cup-visual{height:min(66vw,620px);position:relative;border-left:1px solid rgba(134,226,232,.25);border-right:1px solid rgba(134,226,232,.25);border-bottom:1px solid rgba(134,226,232,.2);border-radius:0 0 45% 45% / 0 0 10% 10%;overflow:hidden;background:linear-gradient(90deg,rgba(194,250,253,.04),transparent 20%,transparent 75%,rgba(194,250,253,.08))}.cup-rim{position:absolute;z-index:2;top:0;left:-2%;width:104%;height:8%;border:1px solid rgba(190,244,246,.4);border-radius:50%;box-shadow:inset 0 0 18px rgba(77,240,255,.14)}.cup-water{position:absolute;inset:4% 2% 1%;border-radius:50% 50% 43% 43% / 4% 4% 10% 10%;background-color:rgba(3,39,49,.55);background-image:radial-gradient(circle,#9affff 0 1px,transparent 1.5px);background-size:10px 10px;box-shadow:inset 0 0 70px rgba(77,240,255,.12);animation:shimmer 6s linear infinite}.motile{position:absolute;width:16px;height:16px;border:1px solid var(--cyan);border-radius:58% 42%;box-shadow:0 0 12px var(--cyan)}.motile-a{left:28%;top:21%;animation:drift 8s infinite}.motile-b{left:68%;top:49%;animation:drift 11s -3s infinite}.motile-c{left:37%;top:72%;animation:drift 9s -4s infinite}.cup-visual>span{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:.52rem;white-space:nowrap;letter-spacing:.14em;color:#a6c4c8}.census-list{margin:3rem 0 0}.census-list div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.census-list dt{font-family:var(--display);font-size:1.2rem;font-style:italic}.census-list dd{margin:0;color:var(--cyan);font-size:.7rem;letter-spacing:.08em}.count{color:var(--cyan);white-space:nowrap;text-shadow:0 0 25px rgba(77,240,255,.18)}
@keyframes shimmer{50%{background-position:4px 9px}}@keyframes drift{50%{transform:translate(24px,-19px) rotate(140deg)}}
.write-section{position:relative;min-height:900px;display:grid;grid-template-columns:.72fr 1.28fr;background:rgba(1,7,12,.8);border-bottom:1px solid var(--line)}.write-copy{padding:clamp(7rem,11vw,12rem) var(--pad);align-self:center}.write-copy .section-index{top:8rem}.write-copy>p:not(.eyebrow){color:#a7bdc1;max-width:33rem}.name-form{margin-top:3rem}.name-form label{display:block;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:#73959b;margin-bottom:.7rem}.name-form>div{display:flex;border-bottom:1px solid rgba(161,231,235,.42)}.name-form input{min-width:0;flex:1;color:#e8ffff;background:transparent;border:0;padding:1rem 0;font-family:var(--display);font-style:italic;font-size:2rem;text-transform:uppercase}.name-form input::placeholder{color:#536f75}.name-form input:focus{outline:0}.name-form button{border:0;background:transparent;color:var(--cyan);font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;padding:.75rem 0 .75rem 1rem}.name-form button span{font-size:1rem;margin-left:.6rem}.name-basin{min-height:900px;position:relative;border-left:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(5,50,63,.78),rgba(1,7,12,.92) 68%)}.name-basin:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 45%,transparent 0 31px,rgba(96,210,217,.045) 32px 33px,transparent 34px 63px);transform:scale(1.4) rotate(-7deg)}#name-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.name-basin>p{position:absolute;z-index:2;left:2rem;right:2rem;bottom:1.3rem;margin:0;display:flex;justify-content:space-between;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:#6d8e95}
.conservation{background:linear-gradient(140deg,rgba(4,31,40,.88),rgba(2,11,18,.88))}.conservation-head{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr .75fr;gap:10vw;align-items:end}.conservation .lead{font-family:var(--body);font-size:.9rem;line-height:1.85}.register{max-width:1200px;margin:6rem auto 0}.register-row{display:grid;grid-template-columns:1.2fr 1.4fr .5fr .7fr;gap:1rem;padding:1.35rem .8rem;border-top:1px solid var(--line);align-items:center;font-family:var(--display);font-size:1.15rem}.register-head-row{font-family:var(--body);font-size:.54rem;letter-spacing:.14em;color:#76969d;text-transform:uppercase}.status{font-family:var(--body);font-size:.54rem;letter-spacing:.12em;color:var(--cyan);text-transform:uppercase}.status:before{content:"";display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);margin-right:.6rem}.status.pending{color:#9eb5b9}.status.pending:before{background:transparent;border:1px solid #9eb5b9;box-shadow:none}.night-pledge{max-width:1200px;margin:6rem auto 0;border:1px solid rgba(77,240,255,.25);padding:2rem 2.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;background:rgba(3,23,30,.65);box-shadow:0 0 55px rgba(77,240,255,.05)}.night-pledge p{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em}.night-pledge strong{font-family:var(--display);font-size:clamp(4rem,8vw,7rem);line-height:1;font-weight:300;color:var(--cyan)}.night-pledge span{grid-column:1/-1;color:#729198;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}
.closing{min-height:90vh;display:grid;place-content:center;text-align:center;padding:8rem var(--pad);background:radial-gradient(circle at 50% 55%,rgba(22,123,132,.13),transparent 38%),rgba(1,7,11,.88)}.closing p,.closing span{font-size:.58rem;letter-spacing:.19em;text-transform:uppercase;color:#77969d}.closing blockquote{max-width:1000px;margin:4rem auto;font-family:var(--display);font-size:clamp(3.1rem,7vw,7rem);line-height:.98;font-weight:300;font-style:italic;color:#e1edef}
footer{min-height:190px;padding:3rem var(--pad);display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;border-top:1px solid var(--line);background:#01070b}footer p{margin:0;font-size:.59rem;letter-spacing:.09em;color:#6f8a91}.footer-mark{grid-column:1/-1;font-size:.6rem;letter-spacing:.2em;display:flex;align-items:center;gap:.8rem;color:#a7bec2}footer nav{display:flex;gap:2rem;justify-content:flex-end;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#91aaaf}footer nav a{padding:.7rem 0;border-bottom:1px solid transparent}footer nav a:hover{color:var(--cyan);border-color:var(--cyan)}
.reveal{opacity:1;transform:translateY(10px);filter:brightness(.72);transition:filter 1.1s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{transform:none;filter:none}.hero-title .title-line{opacity:0;animation:title-arrival 1.5s .25s cubic-bezier(.16,.75,.2,1) forwards}.hero-title .title-b{animation-delay:.48s}@keyframes title-arrival{from{opacity:0;transform:translateY(34px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.hero-title{font-size:clamp(6rem,19vw,10rem)}.science-grid,.moon-layout,.census-grid{grid-template-columns:1fr;gap:5rem}.cell-diagram{max-width:620px;margin:auto}.science-copy{max-width:600px;margin:auto}.lunar-orbit{max-width:580px;width:100%;margin:auto}.tour-top{align-items:start}.log-entries{grid-template-columns:repeat(2,1fr)}.log-entries article:nth-child(2){border-right:0}.cup-visual{width:min(86%,560px);height:520px;margin:auto}.write-section{grid-template-columns:1fr}.name-basin{min-height:650px;border-left:0;border-top:1px solid var(--line)}.conservation-head{grid-template-columns:1fr;gap:3rem}.section-index{left:1rem}.site-header nav{gap:1.25rem}.site-header nav a{font-size:.58rem}}
@media(max-width:600px){:root{--pad:1.2rem}.site-header{height:68px}.wordmark{font-size:.62rem}.site-header nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:30;left:0;right:0;bottom:0;height:54px;background:rgba(1,10,15,.94);backdrop-filter:blur(12px);border-top:1px solid rgba(77,240,255,.24);gap:0}.site-header nav a{display:grid;place-items:center;min-height:54px;padding:0 .2rem;font-size:.52rem;text-align:center;border-right:1px solid rgba(77,240,255,.1)}.site-header nav a:after{display:none}.moon-status{font-size:0}.moon-status span{display:inline-block;font-size:1.5rem;min-width:44px;min-height:44px;text-align:center;padding-top:5px}.hero{padding-top:7rem;padding-bottom:6rem;align-content:center}.hero-moon{top:16%;right:-13%;width:64vw;opacity:.58}.hero-coordinate{top:14%;font-size:.5rem;max-width:19rem}.hero-title-wrap{margin-top:25vh}.hero-title{font-size:27vw;line-height:.59}.title-b{margin-left:12%}.hero-intro{margin:1.5rem 0 0 17%;font-size:1.3rem;max-width:19rem}.gesture-hint{bottom:1.5rem}.depth-gauge{display:none}.section-shell{padding:7.5rem var(--pad)}.section-index{writing-mode:initial;position:static;margin:0 0 3rem}.science-heading{margin-bottom:3rem}.science h2,.moon-copy h2,.tour h2,.census h2,.write-copy h2,.conservation h2{font-size:3.45rem}.science-grid{gap:3rem}.science-copy article{grid-template-columns:3.7rem 1fr}.micro-number{font-size:3.5rem}.field-note{margin-left:0}.moon-layout{gap:3rem}.lunar-orbit>p{bottom:5%}.conditions{grid-template-columns:1fr}.conditions div:nth-child(odd){margin-right:0}.tour-top{display:block}.tour-meta{text-align:left;margin-top:2rem}.route-map{width:100%;transform:none}.route-map svg{width:100%;height:auto}.tour{overflow:hidden}.log-entries{grid-template-columns:1fr}.log-entries article{border-right:0;margin-right:0;border-bottom:1px solid var(--line)}.cup-visual{width:100%;height:118vw;max-height:500px}.census-grid{gap:4rem}.write-section{min-height:0}.write-copy{padding:7.5rem var(--pad)}.write-copy .section-index{position:static}.name-form>div{display:block}.name-form button{width:100%;min-height:52px;text-align:left;border-top:1px solid var(--line)}.name-basin{min-height:520px}.conservation-head{gap:2rem}.register{margin-top:4rem}.register-row{grid-template-columns:1fr auto;padding:1.2rem 0}.register-row span:nth-child(2),.register-row span:nth-child(3){display:none}.register-head-row span:last-child{text-align:right}.night-pledge{grid-template-columns:1fr;padding:1.5rem}.night-pledge strong{font-size:4.8rem}.closing{min-height:66vh;padding-top:6rem;padding-bottom:6rem}.closing blockquote{font-size:3rem;margin:2.5rem auto}.closing p{margin-top:0}footer{min-height:0;grid-template-columns:1fr;align-items:start;padding-bottom:6rem}footer .footer-mark{grid-column:1}footer nav{justify-content:flex-start;flex-direction:column;gap:.15rem}footer nav a{min-height:44px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(min-width:601px) and (max-width:900px){.site-header{grid-template-columns:1fr auto 1fr}}
@media(max-width:600px){.site-header{grid-template-columns:1fr auto;backdrop-filter:none;background:linear-gradient(#020b12f2,#020b12df)}}

/* Pass 2 — the bay responds before it explains */
:root{--abyss:#01080e;--deep:#031821;--ink:#062832;--cyan:#4df0ff;--phosphor:#8dffff;--teal:#0797a2;--silver:#d4e1e2;--muted:#91aeb4;--line:rgba(121,219,226,.2)}
html{color-scheme:dark;scroll-padding-top:6rem}
body{background:
  radial-gradient(ellipse at 78% 8%,rgba(24,95,108,.2),transparent 29rem),
  radial-gradient(ellipse at 18% 64%,rgba(7,70,79,.13),transparent 36rem),var(--abyss)}
main section[id]{scroll-margin-top:5.5rem}
h1,h2,h3,blockquote{text-wrap:balance}
p{overflow-wrap:break-word;text-wrap:pretty}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tide-progress{position:fixed;z-index:18;right:1rem;top:50%;height:34vh;width:1px;background:rgba(122,216,222,.16);transform:translateY(-50%);pointer-events:none}
.tide-progress i{position:absolute;top:0;left:-1px;width:3px;height:var(--read,0%);background:linear-gradient(var(--ice),var(--cyan),transparent);box-shadow:0 0 12px rgba(77,240,255,.55)}
.tide-progress span{position:absolute;right:.65rem;top:50%;font-size:.46rem;letter-spacing:.22em;text-transform:uppercase;color:#6f9198;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);white-space:nowrap}
.site-header{background:linear-gradient(180deg,rgba(1,8,14,.96),rgba(1,8,14,.72) 76%,transparent);border-bottom-color:rgba(136,232,238,.12)}
.site-header nav a,.moon-status{color:#c1d3d6}
.site-header nav a[aria-current="true"]{color:var(--phosphor);text-shadow:0 0 12px rgba(77,240,255,.36)}
.site-header nav a[aria-current="true"]:after{transform:scaleX(1)}
.hero{min-height:min(100svh,960px);height:min(100svh,960px);overflow:hidden;background:
  linear-gradient(180deg,transparent 48%,rgba(1,8,14,.32) 75%,rgba(1,8,14,.92)),
  radial-gradient(ellipse at 62% 77%,rgba(16,112,121,.12),transparent 40%)}
.hero:before{content:"NEW MOON / THE EYE ADAPTS IN 19 MINUTES";position:absolute;right:var(--pad);top:18%;font-size:.48rem;letter-spacing:.2em;color:#75969c;writing-mode:vertical-rl}
.hero:after{background:linear-gradient(90deg,rgba(1,8,14,.56),transparent 54%,rgba(1,8,14,.08)),linear-gradient(0deg,rgba(1,8,14,.97),transparent 36%)}
.hero-moon{top:10%;right:7%;width:clamp(210px,29vw,450px);background:radial-gradient(circle at 48% 48%,#000508 0 54%,#031119 63%,#789aa0 67%,#d9e7e8 68%,rgba(169,221,224,.18) 69%,transparent 70%);border:1px solid rgba(211,244,245,.07);box-shadow:0 0 0 5vw rgba(4,33,42,.12),0 0 120px rgba(77,240,255,.12);opacity:.95;filter:none}
.hero-moon:after{inset:-19%;border-color:rgba(121,223,230,.13);box-shadow:inset 0 0 40px rgba(77,240,255,.025)}
.hero-moon span{display:none}
.hero-moon i{position:absolute;right:5%;top:26%;width:5px;height:5px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 9px 3px rgba(77,240,255,.85)}
.hero-waterline{position:absolute;z-index:-1;left:-10%;right:-10%;bottom:2%;height:48%;transform:rotate(-2deg);opacity:.8}
.hero-waterline i{position:absolute;left:0;width:120%;height:40%;border-top:1px solid rgba(77,240,255,.11);border-radius:50%;filter:drop-shadow(0 0 10px rgba(77,240,255,.04))}
.hero-waterline i:nth-child(1){top:8%;transform:translateX(-5%)}.hero-waterline i:nth-child(2){top:30%;transform:translateX(3%) scaleX(.93)}.hero-waterline i:nth-child(3){top:59%;transform:translateX(-7%) scaleX(1.08)}
.hero-coordinate{top:17%;color:#9ab6bb}
.hero-title{font-size:clamp(7rem,15.4vw,14.7rem);line-height:.52;color:#eef7f6;text-shadow:0 1px 0 #fff,0 0 50px rgba(77,240,255,.08)}
.title-b{-webkit-text-stroke:1px rgba(144,244,248,.82);text-shadow:0 0 24px rgba(77,240,255,.12)}
.hero-intro{color:#deeaeb;font-size:clamp(1.5rem,2vw,2.05rem)}
.gesture-hint{appearance:none;background:transparent;border:0;color:#bfd2d5;padding:0 1rem 0 0;min-height:48px;transition:color .25s ease,transform .45s cubic-bezier(.16,.8,.2,1)}
.gesture-hint:hover{color:var(--phosphor);transform:translateX(5px)}
.gesture-hint:active span{transform:scale(.72)}
.gesture-hint span{display:block;flex:0 0 44px;transition:transform .2s ease;background:radial-gradient(circle,rgba(77,240,255,.16),transparent 65%)}
.section-shell{isolation:isolate;padding-block:clamp(6.8rem,11vw,11.5rem)}
.section-shell:after{content:"";position:absolute;z-index:-1;left:7%;right:3%;bottom:-1px;height:20%;border-bottom:1px solid rgba(77,240,255,.08);border-radius:50%;transform:translateY(50%) rotate(-1deg);pointer-events:none}
.section-index{color:#8eabb0}
.science{background:radial-gradient(circle at 23% 53%,rgba(14,111,121,.15),transparent 28%),linear-gradient(125deg,rgba(5,31,41,.88),rgba(1,8,14,.66) 58%,rgba(3,35,43,.34))}
.science-heading{max-width:1040px;margin-left:12%;margin-right:auto}
.science h2,.moon-copy h2,.tour h2,.census h2,.write-copy h2,.conservation h2{font-size:clamp(4rem,6.8vw,7rem);line-height:.88;letter-spacing:-.055em}
.chapter-deck{max-width:37rem;margin:2rem 0 0 42%;font-family:var(--display);font-size:1.35rem;line-height:1.35;font-style:italic;color:#bcd0d3}
.reaction-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.7rem;padding:0 0 1.8rem;margin-bottom:.5rem;color:#a7c0c4;font-size:.54rem;letter-spacing:.15em;text-transform:uppercase}
.reaction-line i{height:1px;background:linear-gradient(90deg,rgba(77,240,255,.15),var(--cyan));position:relative}.reaction-line i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.cell-diagram svg{filter:drop-shadow(0 0 35px rgba(77,240,255,.14))}
.science-copy article{transition:border-color .3s ease,transform .45s cubic-bezier(.16,.8,.2,1)}
.science-copy article:hover{border-color:rgba(77,240,255,.55);transform:translateX(8px)}
.moon-section{background:radial-gradient(circle at 24% 49%,rgba(55,170,178,.15),transparent 29%),linear-gradient(155deg,rgba(1,8,14,.92),rgba(3,25,32,.66))}
.dark-moon{background:radial-gradient(circle at 55% 49%,#000406 0 60%,#071821 72%,#253e46 74%,transparent 75%);box-shadow:-10px -2px 18px rgba(210,244,245,.16),0 0 85px rgba(77,240,255,.11)}
.conditions strong{font-variant-numeric:tabular-nums}
.tour{background:linear-gradient(180deg,rgba(3,27,36,.8),rgba(1,8,14,.7))}
.route-instruction{max-width:1250px;margin:2.2rem auto 0;color:#87a8ad;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase}
.route-map{margin-top:1.25rem;border-block:1px solid rgba(77,240,255,.08);background:radial-gradient(ellipse at 59% 52%,rgba(20,114,124,.12),transparent 42%)}
.route-line{stroke-width:3;stroke-dasharray:1 13;animation:route-current 8s linear infinite}
@keyframes route-current{to{stroke-dashoffset:-140}}
.waypoint{transition:opacity .3s ease}.waypoint circle{transform-box:fill-box;transform-origin:center;transition:transform .35s ease,stroke .35s ease}.waypoint.active circle:nth-child(2){transform:scale(2.1);stroke:var(--phosphor)}
.log-entries{margin-top:0}
.log-entry{appearance:none;text-align:left;color:inherit;background:transparent;border:0;border-right:1px solid var(--line);padding:2.7rem 2rem 2.2rem 0;margin-right:2rem;position:relative;cursor:pointer;font:inherit;min-width:0;transition:background-color .35s ease,padding-left .45s cubic-bezier(.16,.8,.2,1),border-color .35s ease}
.log-entry:last-child{border-right:0;margin-right:0}
.log-entry:hover,.log-entry.active{background:linear-gradient(90deg,rgba(77,240,255,.08),transparent);padding-left:1.1rem;border-color:rgba(77,240,255,.48)}
.log-entry time{color:var(--cyan);font-size:.6rem;letter-spacing:.16em;font-variant-numeric:tabular-nums}.log-entry>span{position:absolute;right:1rem;top:1.6rem;font-family:var(--display);font-size:4rem;color:rgba(92,203,212,.12)}.log-entry h3{font-family:var(--display);font-size:1.7rem;font-weight:400;margin:.75rem 0}.log-entry p{font-size:.78rem;color:#abc0c4;line-height:1.8}.log-entry b{font-size:.48rem;letter-spacing:.16em;text-transform:uppercase;color:#73999f;font-weight:500}.log-entry:hover b,.log-entry.active b{color:var(--cyan)}
.census{background:radial-gradient(circle at 25% 51%,rgba(39,210,219,.12),transparent 27%),linear-gradient(135deg,rgba(2,19,27,.9),rgba(1,8,14,.72))}
.census-grid{grid-template-columns:.9fr 1.1fr;gap:9vw}
.cup-visual{width:min(42vw,560px);height:auto;aspect-ratio:1;border:1px solid rgba(149,238,242,.28);border-radius:50%;overflow:visible;background:radial-gradient(circle,rgba(16,95,104,.18),rgba(1,8,14,.18) 67%,transparent 68%);box-shadow:inset 0 0 80px rgba(77,240,255,.06),0 0 100px rgba(77,240,255,.06)}
.cup-visual:before,.cup-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(77,240,255,.1);inset:-7%}.cup-visual:after{inset:9%;border-style:dashed;transform:rotate(17deg)}
.cup-rim{inset:3%;width:auto;height:auto;border-radius:50%;border-color:rgba(194,250,253,.3);box-shadow:inset 0 0 30px rgba(77,240,255,.1)}
.cup-water{inset:7%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 48% 43%,rgba(13,91,101,.45),rgba(2,21,29,.74) 64%,rgba(1,8,14,.95));box-shadow:inset 0 0 70px rgba(77,240,255,.14);animation:none}
#sample-canvas{position:absolute;inset:0;width:100%;height:100%}
.cup-visual>span{bottom:-3rem;color:#b8ced1}
.count{font-variant-numeric:tabular-nums}
.census-list div{position:relative;overflow:hidden}.census-list div:after{content:"";position:absolute;bottom:0;left:0;width:var(--share,74%);height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.census-list div:nth-child(2):after{width:19%}.census-list div:nth-child(3):after{width:4%}.census-list div:nth-child(4):after{width:3%}
.write-section{min-height:760px;grid-template-columns:.8fr 1.2fr;background:linear-gradient(145deg,rgba(1,8,14,.95),rgba(2,23,31,.72))}
.name-basin{min-height:760px;background:radial-gradient(ellipse at 50% 48%,rgba(5,65,77,.78),rgba(1,8,14,.94) 68%);box-shadow:inset 45px 0 90px rgba(0,0,0,.28)}
.name-form label{color:#9bb5ba}
.name-form>p{margin:.35rem 0 1rem!important;max-width:none!important;font-size:.62rem!important;line-height:1.6;color:#76979d!important}
.name-form>div{transition:border-color .25s ease,box-shadow .25s ease}.name-form>div:focus-within{border-color:var(--cyan);box-shadow:0 10px 26px -24px var(--cyan)}
.name-form input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.name-form button{min-height:52px;transition:color .25s ease,transform .25s ease}.name-form button:hover{color:var(--phosphor);transform:translateX(3px)}
.conservation{background:linear-gradient(140deg,rgba(3,33,42,.86),rgba(1,8,14,.78))}
.register-row{transition:background-color .3s ease,transform .35s ease}.register-row:not(.register-head-row):hover{background:linear-gradient(90deg,rgba(77,240,255,.06),transparent);transform:translateX(7px)}
.night-pledge{position:relative;overflow:hidden}.night-pledge:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(77,240,255,.08) 50%,transparent 72%);transform:translateX(-100%);animation:pledge-sheen 7s ease-in-out infinite}
@keyframes pledge-sheen{50%,100%{transform:translateX(100%)}}
.closing{position:relative;min-height:78vh;text-align:left;place-content:center start;padding-left:clamp(2rem,16vw,15rem);background:radial-gradient(circle at 65% 51%,rgba(25,150,157,.14),transparent 32%),rgba(1,7,11,.9)}
.closing blockquote{max-width:1050px;margin:3.5rem 0;font-size:clamp(3.2rem,6.8vw,6.8rem)}
.last-light{position:absolute;right:12%;top:45%;display:grid;place-items:center;width:10rem;aspect-ratio:1;border:1px solid rgba(77,240,255,.13);border-radius:50%}.last-light i{width:7px;height:7px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 12px 5px rgba(77,240,255,.7);animation:last-pulse 3.4s ease-in-out infinite}.last-light span{position:absolute!important;bottom:-2rem;font-size:.48rem!important}
@keyframes last-pulse{50%{transform:scale(.35);opacity:.35}}
.reveal{opacity:.78;transform:translateY(12px);filter:none;transition:opacity 1s ease,transform 1s cubic-bezier(.16,.75,.2,1)}.reveal.visible{opacity:1}
.ignite{position:relative;transition:text-shadow 1.6s ease,color 1.1s ease}.ignite:after{content:"";position:absolute;left:0;bottom:-.08em;width:26%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s .25s cubic-bezier(.16,.8,.2,1)}.ignite.lit:after{transform:scaleX(1)}

@media(max-width:900px){
  .tide-progress{display:none}.hero{height:min(100svh,960px);min-height:min(100svh,960px)}.hero:before{display:none}.hero-moon{right:5%;width:min(44vw,350px)}
  .science-heading{margin-left:4%;max-width:740px}.chapter-deck{margin-left:28%}.science-grid{gap:3.5rem}
  .census-grid{grid-template-columns:1fr;gap:4.5rem}.census-copy{order:-1;max-width:720px;margin:auto}.cup-visual{width:min(68vw,520px);height:auto}.write-section{min-height:0}.name-basin{min-height:620px}
}
@media(max-width:600px){
  body{padding-bottom:54px}.site-header nav{padding-bottom:env(safe-area-inset-bottom);height:calc(54px + env(safe-area-inset-bottom))}.site-header nav a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(77,240,255,.14)}
  .hero{height:100svh;min-height:720px;padding-bottom:5.5rem}.hero-moon{top:12%;right:-20%;width:74vw}.hero-coordinate{top:13%;max-width:15rem;line-height:1.75}.hero-title-wrap{margin-top:26vh}.hero-title{font-size:26.5vw;line-height:.57}.hero-intro{margin-left:16%;max-width:19rem}.gesture-hint{left:var(--pad);bottom:1rem}
  .section-shell{padding-block:6.5rem}.section-index{margin-bottom:2.2rem}.science-heading{margin-left:0}.chapter-deck{margin:1.6rem 0 0 16%;font-size:1.2rem}.science h2,.moon-copy h2,.tour h2,.census h2,.write-copy h2,.conservation h2{font-size:3.35rem;line-height:.91}.reaction-line{gap:.4rem;font-size:.47rem}
  .route-instruction{margin-top:1.5rem}.route-map{width:calc(100% + 2.4rem);margin-left:-1.2rem}.route-map svg{min-height:230px;transform:scale(1.2)}.waypoint text{font-size:11px;letter-spacing:1px}.log-entries{grid-template-columns:1fr}.log-entry{border-right:0;border-bottom:1px solid var(--line);margin-right:0;padding:2rem 1rem 2rem 0;min-height:44px}.log-entry:last-child{border-bottom:0}.log-entry:hover,.log-entry.active{padding-left:.8rem}
  .census-grid{gap:5.5rem}.cup-visual{width:88vw;height:auto;max-height:none}.cup-visual>span{bottom:-2.3rem}.census-copy .lead{font-size:1.22rem}.census-list{margin-top:2.2rem}
  .write-copy{padding-block:6.5rem}.name-form input{font-size:1.8rem}.name-basin{min-height:500px}.name-basin>p{left:1rem;right:1rem}.name-basin>p span:last-child{display:none}
  .register-head-row{display:none}.register{display:grid;gap:1rem;margin-top:3rem}.register-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1.25rem;padding:1.25rem;border:1px solid var(--line);background:rgba(4,30,38,.58);font-size:1rem}.register-row span{display:block!important}.register-row span:before{content:attr(data-label);display:block;margin-bottom:.25rem;font-family:var(--body);font-size:.45rem;letter-spacing:.13em;text-transform:uppercase;color:#789aa0}.register-row .status:before{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;margin-right:0}.register-row .status:after{content:"";display:inline-block;width:5px;height:5px;margin-left:.45rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.register-row .status.pending:after{background:transparent;border:1px solid #9eb5b9;box-shadow:none}.night-pledge{margin-top:3rem}.night-pledge strong{font-size:4.5rem}
  .closing{min-height:62vh;text-align:left;padding:4.8rem var(--pad);place-content:center}.closing blockquote{font-size:2.8rem;margin:2rem 0}.last-light{right:-4rem;top:15%;width:9rem;opacity:.7}
  footer{padding-top:2.5rem;padding-bottom:4rem;gap:1rem}
}
@media(prefers-reduced-motion:reduce){.route-line,.night-pledge:after,.last-light i{animation:none}.reveal{opacity:1;transform:none}.ignite:after{transform:scaleX(1)}}

/* Pass 3 — darkness becomes an instrument */
html{scrollbar-color:rgba(77,240,255,.62) #01080e;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#01080e}::-webkit-scrollbar-thumb{background:linear-gradient(var(--teal),var(--cyan));border:3px solid #01080e;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--phosphor)}
body{font-kerning:normal;font-optical-sizing:auto;font-feature-settings:"kern" 1,"liga" 1}
h1,h2,h3,blockquote,.hero-intro,.field-note{font-optical-sizing:auto;font-kerning:normal}
time,.conditions strong,.census-list dd,.night-pledge strong,.micro-number,.lamp-status,output{font-variant-numeric:tabular-nums lining-nums}
.hero-intro{max-width:31ch;letter-spacing:-.012em;hanging-punctuation:first last}
.chapter-deck,.moon-copy .lead,.census .lead{max-width:38ch}
.wordmark,.moon-status,.site-header nav a,footer nav a{transition:color .3s ease,text-shadow .3s ease,transform .4s cubic-bezier(.16,.8,.2,1)}
.wordmark:hover,.wordmark:focus-visible{color:var(--phosphor);text-shadow:0 0 13px rgba(77,240,255,.4);transform:translateX(3px)}
.moon-status:hover,.moon-status:focus-visible{color:var(--phosphor);text-shadow:0 0 13px rgba(77,240,255,.3)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#efffff}.site-header nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}
footer nav a:focus-visible{color:var(--cyan);border-color:var(--cyan)}
.hero-moon{animation:moon-arrival 1.7s .12s cubic-bezier(.16,.75,.2,1) both}
.hero-waterline i{animation:waterline-arrival 1.9s .38s cubic-bezier(.16,.75,.2,1) both}.hero-waterline i:nth-child(2){animation-delay:.52s}.hero-waterline i:nth-child(3){animation-delay:.66s}
.hero-coordinate{transition-delay:.12s}.hero .kicker{transition-delay:.28s}.hero-intro{transition-delay:.58s}.gesture-hint{transition-delay:.76s}
@keyframes moon-arrival{from{opacity:0;transform:scale(.86);filter:blur(12px)}to{opacity:.95;transform:none;filter:none}}
@keyframes waterline-arrival{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}

.darkness-lab{--return:.5;max-width:1200px;margin:6.5rem auto 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);min-height:560px;border:1px solid rgba(133,225,231,.24);background:#01070b;box-shadow:0 35px 100px rgba(0,0,0,.32),inset 0 0 90px rgba(77,240,255,.025);overflow:hidden}
.shoreline-visual{position:relative;min-height:560px;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(208,174,101,.035),transparent 45%),radial-gradient(ellipse at 50% 64%,rgba(77,240,255,.1),transparent 48%),#020b10}
.shoreline-visual:before{content:"";position:absolute;z-index:1;left:-10%;right:-10%;top:44%;height:46%;background:linear-gradient(180deg,rgba(204,170,96,.8) 0,rgba(153,118,55,.25) 15%,transparent 68%);filter:blur(18px);opacity:var(--glare);transition:opacity .8s ease,background 1s ease;pointer-events:none}
.shore-buildings{position:absolute;left:4%;right:3%;top:21%;height:25%;display:flex;align-items:flex-end;gap:1.5%;filter:drop-shadow(0 10px 18px #000)}
.shore-buildings:after{content:"";position:absolute;left:-4%;right:-3%;bottom:-2px;border-bottom:2px solid #0c2228;box-shadow:0 3px 16px #000}
.shore-buildings i{display:block;flex:1;height:44%;background:linear-gradient(90deg,#07151b,#0b2027);clip-path:polygon(0 21%,24% 21%,24% 0,77% 0,77% 30%,100% 30%,100% 100%,0 100%)}
.shore-buildings i:nth-child(2){height:73%;flex:1.4;clip-path:polygon(0 36%,18% 36%,18% 10%,45% 10%,45% 0,82% 0,82% 24%,100% 24%,100% 100%,0 100%)}.shore-buildings i:nth-child(3){height:50%;flex:.75}.shore-buildings i:nth-child(4){height:86%;flex:1.2}.shore-buildings i:nth-child(5){height:58%;flex:1.5}
.lamp-row{position:absolute;z-index:3;left:7%;right:6%;top:39%;height:18%;display:flex;justify-content:space-between;align-items:flex-start}
.lamp-row span{position:relative;width:2px;height:68px;background:#273f43;transition:background .75s ease,filter .75s ease}
.lamp-row span:after{content:"";position:absolute;left:-7px;top:-3px;width:15px;height:5px;border-radius:50%;background:#ffe1a0;box-shadow:0 0 10px 4px rgba(255,218,140,.8),0 18px 34px 11px rgba(255,196,101,.26);transition:background .7s ease,box-shadow .8s ease,transform .7s ease}
.lamp-row span.shielded{background:#173138}.lamp-row span.shielded:after{background:#46646a;box-shadow:0 1px 3px rgba(132,219,223,.18);transform:scaleX(.8)}
.dark-water{position:absolute;left:0;right:0;bottom:0;height:56%;background:repeating-radial-gradient(ellipse at 49% 8%,transparent 0 27px,rgba(77,240,255,.045) 28px 29px,transparent 30px 59px),linear-gradient(180deg,#021218,#01090e)}
.dark-water:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 51% 30%,rgba(77,240,255,.2),transparent 58%);opacity:calc(.08 + var(--return));transition:opacity 1.1s cubic-bezier(.16,.8,.2,1)}
.dark-water i{position:absolute;z-index:2;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 7px 2px var(--cyan),0 0 22px 7px rgba(77,240,255,.25);opacity:calc(.08 + var(--return));transform:scale(calc(.4 + var(--return)));transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,.8,.2,1);animation:shore-plankton 3.4s var(--d) ease-in-out infinite}
@keyframes shore-plankton{50%{opacity:.18;transform:scale(.48)}}
.shoreline-visual>p{position:absolute;z-index:4;left:1.5rem;right:1.5rem;bottom:1rem;margin:0;display:flex;justify-content:space-between;gap:1rem;font-size:.48rem;letter-spacing:.16em;text-transform:uppercase;color:#87a5aa}
.darkness-controls{align-self:center;padding:clamp(2rem,4vw,4.5rem)}
.darkness-controls .eyebrow{font-size:.54rem;margin-bottom:1.3rem}.darkness-controls h3{font-family:var(--display);font-weight:300;font-size:clamp(3.2rem,4.7vw,5rem);letter-spacing:-.052em;line-height:.86;margin:0 0 2rem;color:#eef7f7}
.darkness-controls>p:not(.eyebrow):not(.lab-status){font-size:.78rem;line-height:1.8;color:#b4c8cb;margin:0 0 2.8rem}
.darkness-controls label{display:flex;justify-content:space-between;gap:1rem;font-size:.53rem;letter-spacing:.13em;text-transform:uppercase;color:#9ab4b8}.darkness-controls output{color:var(--cyan)}
.darkness-controls input[type="range"]{display:block;width:100%;height:44px;margin:.4rem 0 0;appearance:none;background:transparent;cursor:pointer;accent-color:var(--cyan)}
.darkness-controls input[type="range"]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--cyan) 0 var(--return-pct),rgba(117,184,188,.25) var(--return-pct))}.darkness-controls input[type="range"]::-moz-range-track{height:1px;background:rgba(117,184,188,.25)}.darkness-controls input[type="range"]::-moz-range-progress{height:1px;background:var(--cyan)}
.darkness-controls input[type="range"]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1px solid var(--phosphor);background:#07303a;box-shadow:0 0 0 7px rgba(77,240,255,.08),0 0 16px rgba(77,240,255,.55)}.darkness-controls input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:1px solid var(--phosphor);background:#07303a;box-shadow:0 0 0 7px rgba(77,240,255,.08),0 0 16px rgba(77,240,255,.55)}
.range-ends{display:flex;justify-content:space-between;margin-top:-.2rem;font-size:.45rem;letter-spacing:.12em;text-transform:uppercase;color:#607f85}
.darkness-controls button{width:100%;min-height:52px;margin-top:2.2rem;padding:.8rem 0;display:flex;justify-content:space-between;align-items:center;border:0;border-block:1px solid var(--line);background:transparent;color:#d7e8e9;font-size:.55rem;letter-spacing:.17em;text-transform:uppercase;transition:color .3s ease,padding .45s cubic-bezier(.16,.8,.2,1),background-color .3s ease}
.darkness-controls button span{font-family:var(--display);font-size:1.6rem;color:transparent;-webkit-text-stroke:1px rgba(77,240,255,.55)}.darkness-controls button:hover,.darkness-controls button:focus-visible{color:var(--phosphor);padding-inline:.65rem;background:rgba(77,240,255,.055)}
.lab-status{min-height:3.2em;margin:1.2rem 0 0;font-family:var(--display);font-style:italic;font-size:1.05rem;line-height:1.45;color:#a8c2c6}
.night-pledge{margin-top:3rem}

@media(max-width:900px){.darkness-lab{grid-template-columns:1fr;max-width:720px}.shoreline-visual{min-height:490px;border-right:0;border-bottom:1px solid var(--line)}.darkness-controls{padding:4rem}.darkness-controls h3{font-size:4.6rem}}
@media(max-width:600px){.darkness-lab{margin-top:4rem;min-height:0}.shoreline-visual{min-height:340px}.lamp-row span{height:46px}.shoreline-visual>p{left:1rem;right:1rem;font-size:.42rem}.shoreline-visual>p span:last-child{display:none}.darkness-controls{padding:2.5rem 1.25rem}.darkness-controls h3{font-size:3.6rem}.darkness-controls>p:not(.eyebrow):not(.lab-status){font-size:.8rem}.darkness-controls input[type="range"]{height:48px}.lab-status{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.hero-moon,.hero-waterline i,.dark-water i{animation:none!important}.hero-moon{opacity:.95;transform:none}.hero-waterline i{opacity:1;clip-path:none}.hero-coordinate,.hero .kicker,.hero-intro,.gesture-hint{transition-delay:0s}}