:root{color-scheme:dark;--bg:#06111b;--bg2:#0a1926;--panel:#0d2130;--text:#f6f2e9;--muted:#afbec8;--accent:#54ddea;--line:rgba(104,216,232,.26);--shadow:0 28px 70px rgba(0,0,0,.42);--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
[data-theme=sunrise]{color-scheme:light;--bg:#f2e3cd;--bg2:#dfc29b;--panel:#fff8ec;--text:#2f1b12;--muted:#53382b;--accent:#7c3519;--line:rgba(76,37,18,.38);--shadow:0 24px 58px rgba(61,31,14,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:9rem}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 var(--sans)}a{color:inherit}img{display:block;width:100%}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;padding:.8rem 1rem;background:var(--text);color:var(--bg)}.skip:focus{top:1rem}.mark{display:block;width:2rem;height:2rem;flex:0 0 auto;background:var(--accent);font-size:0;-webkit-mask:url('listening-mark-mask.png') center/contain no-repeat;mask:url('listening-mark-mask.png') center/contain no-repeat}
.site-header{position:fixed;inset:0 0 auto;z-index:50;color:#fff;background:rgba(3,10,16,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-main{display:flex;justify-content:space-between;align-items:center;padding:.75rem clamp(1rem,5vw,5rem) .45rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:.875rem;font-weight:850;letter-spacing:.14em}.theme{min-height:2.5rem;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(4,12,18,.38);color:#fff;font:750 .875rem var(--sans);letter-spacing:.08em;cursor:pointer}.story-nav{display:flex;justify-content:center;gap:clamp(1rem,3vw,3rem);padding:.45rem 1rem .7rem;overflow:auto;scrollbar-width:none}.story-nav::-webkit-scrollbar{display:none}.story-nav a{position:relative;white-space:nowrap;color:#bec9cf;font-size:.875rem;font-weight:750;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.story-nav a[aria-current=true]{color:var(--accent)}.story-nav a[aria-current=true]::after{content:'';position:absolute;left:0;right:0;bottom:-.72rem;height:2px;background:currentColor}.progress{height:2px;background:rgba(255,255,255,.1)}.progress span{display:block;width:0;height:100%;background:var(--accent)}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;line-height:1;letter-spacing:-.035em}h1{font-size:clamp(5rem,12vw,10rem)}h2{font-size:clamp(3.2rem,7vw,6.5rem)}h3{font-size:clamp(2rem,3.5vw,3.4rem)}p{margin-top:0}.eyebrow,.label{margin:0 0 1rem;color:var(--accent);font-size:.875rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.button{display:inline-flex;min-height:3.2rem;align-items:center;padding:.75rem 1.3rem;border-radius:999px;text-decoration:none;font-size:.875rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.button.primary{background:var(--accent);color:#051019}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#06111b}.hero::before,.hero::after{content:'';position:absolute;inset:0;z-index:-2}.hero::before{background:url('canyon-dusk.webp') center 43%/cover no-repeat}.hero::after{z-index:-1;background:linear-gradient(90deg,rgba(3,9,15,.92),rgba(3,9,15,.58) 48%,transparent 82%),linear-gradient(0deg,rgba(3,9,15,.72),transparent 46%)}[data-theme=sunrise] .hero::before{background-image:url('canyon-sunrise.webp')}[data-theme=sunrise] .hero::after{background:linear-gradient(90deg,rgba(45,24,13,.9),rgba(45,24,13,.58) 50%,rgba(45,24,13,.08) 84%),linear-gradient(0deg,rgba(45,24,13,.68),transparent 48%)}.hero-copy{width:min(780px,calc(100% - 2.4rem));margin-left:clamp(1.2rem,8vw,9rem);padding:11rem 0 7rem;color:#fff}.hero-statement{max-width:700px;margin:1.5rem 0 .8rem;color:#fff8ef;font:500 clamp(1.45rem,2.5vw,2rem)/1.25 var(--serif)}.hero-detail{max-width:680px;margin-bottom:2.2rem;color:#e1e7ea;font-size:1.05rem}.scroll-cue{position:absolute;left:50%;bottom:1.5rem;display:flex;gap:.7rem;align-items:center;color:#d9e1e4;font-size:.875rem;font-weight:750;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue span{color:var(--accent);font-size:1.3rem}
.chapter{padding:clamp(6.5rem,12vw,11rem) clamp(1.15rem,7vw,8rem);scroll-margin-top:8rem}.chapter-heading{max-width:940px;margin:0 auto clamp(4rem,8vw,7rem);text-align:center}.chapter-heading>p:last-child{max-width:760px;margin:1.7rem auto 0;color:var(--muted);font-size:1.1rem}.chapter-heading.left{text-align:left;margin:0}.chapter-heading.left>p:last-child{margin-left:0}.ink{--text:#f6f2e9;--muted:#b3c1ca;--accent:#55dfec;--line:rgba(100,220,235,.28);--panel:#0d2130;background:#081722;color:var(--text)}[data-theme=sunrise] .ink{--accent:#e4a36d}.feature{display:grid;grid-template-columns:minmax(260px,410px) minmax(300px,650px);justify-content:center;align-items:center;gap:clamp(3rem,8vw,8rem);max-width:1200px;margin:auto}.feature.reverse{grid-template-columns:minmax(300px,650px) minmax(260px,410px)}.feature.reverse figure{order:2}.phone{margin:0;padding:.48rem;border:1px solid var(--line);border-radius:2.4rem;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.phone img{border-radius:2rem}.copy p{color:var(--muted);font-size:1.05rem}.copy h3{margin-bottom:1.5rem}.copy blockquote{margin:2rem 0 0;padding-left:1.3rem;border-left:2px solid var(--accent);color:var(--accent);font:1.45rem/1.35 var(--serif)}.path-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:1000px;margin:5rem auto 0}.path-strip span{padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.875rem;font-weight:750}.theory-gallery{display:grid;grid-template-columns:minmax(300px,1fr) repeat(2,minmax(230px,340px));align-items:center;gap:clamp(1.5rem,4vw,4rem);max-width:1200px;margin:9rem auto 0}.theory-gallery .raised{transform:translateY(3rem)}
.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:6rem auto 0}.tools article{padding:1.7rem;border:1px solid var(--line);border-radius:1.4rem;background:var(--panel)}.tools article>span{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:3rem;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-family:var(--serif)}.tools h3{font-size:1.8rem;margin-bottom:.8rem}.tools p{color:var(--muted)}.lab-story{display:grid;grid-template-columns:minmax(270px,.75fr) 1.5fr;align-items:center;gap:clamp(3rem,7vw,7rem);max-width:1250px;margin:10rem auto 0}.rooms{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rooms article{overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:var(--panel);box-shadow:var(--shadow)}.rooms img{aspect-ratio:4/5;object-fit:cover}.rooms div{padding:1.5rem}.rooms h3{font-size:1.7rem}
.matrix-story{display:grid;grid-template-columns:minmax(250px,360px) minmax(300px,520px) minmax(220px,310px);align-items:center;justify-content:center;gap:clamp(2rem,5vw,5rem)}.matrix-copy{display:grid;gap:1rem}.matrix-copy article{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--line)}.matrix-copy span{color:var(--accent);font-weight:850}.matrix-copy h3{font-size:1.65rem;margin-bottom:.5rem}.matrix-copy p{margin:0;color:var(--muted)}.matrix-story .detail{transform:rotate(2deg)}.future{background:var(--bg2)}.journey-cards,.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,360px));justify-content:center;gap:1rem}.journey-cards article,.access-grid article{display:flex;flex-direction:column;min-height:300px;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--panel);box-shadow:0 12px 34px rgba(0,0,0,.08)}.journey-cards .current{border-color:var(--accent)}.journey-cards h3,.access-grid h3{font-size:2rem;margin:3rem 0 1rem}.journey-cards p:last-child,.access-grid p,.access-grid li{color:var(--muted)}
.watch{display:grid;grid-template-columns:minmax(300px,520px) minmax(450px,1fr);align-items:center;gap:clamp(3rem,8vw,8rem);background:#07131d;color:#f6f2e9}.watch-copy p:not(.eyebrow){color:#bbc8d0;font-size:1.08rem}.watch-copy h2{margin-bottom:2rem}.watch figure{margin:0;overflow:hidden;border:1px solid rgba(103,218,232,.25);border-radius:2rem;box-shadow:0 30px 80px rgba(0,0,0,.45)}.access-grid{grid-template-columns:repeat(2,minmax(280px,480px))}.access-grid article{min-height:430px}.access-grid .full{border-color:var(--accent)}.access-grid ul{padding-left:1.1rem}.access-grid li{margin:.55rem 0}.back-top{display:flex;width:max-content;align-items:center;gap:.7rem;margin:5rem auto 0;font-size:.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.back-top .mark{width:1.7rem;height:1.7rem}
footer{display:grid;grid-template-columns:1fr auto;gap:3rem;padding:5rem clamp(1.15rem,7vw,8rem);border-top:1px solid var(--line)}footer>div{max-width:520px}footer>div>.mark{margin-bottom:1rem}footer p{color:var(--muted)}footer nav{display:flex;gap:1.5rem}footer nav a{font-size:.875rem;font-weight:800;text-transform:uppercase}.copyright{grid-column:1/-1;padding-top:2rem;border-top:1px solid var(--line);font-size:.875rem}
@media(max-width:980px){.tools{grid-template-columns:1fr 1fr}.matrix-story{grid-template-columns:minmax(240px,340px) 1fr}.matrix-story .detail{display:none}.watch{grid-template-columns:1fr}.watch figure{width:min(100%,760px);margin:auto}.theory-gallery{grid-template-columns:1fr 1fr}.theory-gallery .copy{grid-column:1/-1}.theory-gallery .raised{transform:none}}
@media(max-width:760px){html{scroll-padding-top:7.5rem}body{font-size:16px}.header-main{padding:.55rem 1rem .3rem}.story-nav{justify-content:flex-start;padding-inline:1rem}.story-nav a[aria-current=true]::after{bottom:-.72rem}.hero-copy{margin:auto;padding:10rem 0 6rem}.hero-detail{font-size:1rem}.scroll-cue{display:none}.chapter{padding-inline:1.1rem}.feature,.feature.reverse,.lab-story{grid-template-columns:1fr}.feature.reverse figure{order:0}.phone{width:min(78vw,390px);justify-self:center;margin:auto}.tools,.rooms,.journey-cards,.access-grid,.matrix-story{grid-template-columns:1fr}.theory-gallery{grid-template-columns:1fr}.theory-gallery .phone{width:min(76vw,360px)}.matrix-copy{order:2}.journey-cards article,.access-grid article{min-height:0}.watch{padding-inline:1.1rem}footer{grid-template-columns:1fr}.rooms article{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Dusk-only editorial site */
html{scroll-padding-top:1rem}
.hero-brand{position:absolute;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1.2rem,5vw,5rem);z-index:3;color:#fff}
.hero-brand .mark{background:#54ddea}
.modes{overflow:hidden;background:linear-gradient(180deg,#07131d 0%,#0a1b29 48%,#07131d 100%);color:#f6f2e9}
.modes .chapter-heading>p:last-child,.mode-copy p{color:#b8c6ce}
.mode-pairs{display:grid;gap:clamp(7rem,13vw,12rem);max-width:1240px;margin:auto}
.mode-row{display:grid;grid-template-columns:minmax(260px,430px) minmax(520px,720px);align-items:center;justify-content:space-between;gap:clamp(3rem,7vw,7rem)}
.mode-row.reverse .mode-copy{order:2}
.mode-images{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(.8rem,2vw,1.5rem)}
.mode-images .phone{width:100%;background:#0d2130}
.mode-images .sunrise-frame{border-color:rgba(238,190,131,.48);background:#ead4b5;transform:translateY(2rem)}
.mode-copy h3{margin-bottom:1.35rem}
.mode-copy p:last-child{font-size:1.05rem}
.lab-proof{display:grid;grid-template-columns:minmax(280px,480px) minmax(480px,700px);align-items:center;justify-content:center;gap:clamp(3rem,8vw,8rem);max-width:1200px;margin:10rem auto 0}
.lab-phones{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem}
.lab-phones .phone{width:100%}
.lab-phones .raised{transform:translateY(2.5rem)}
@media(max-width:900px){.mode-row{grid-template-columns:1fr}.mode-row.reverse .mode-copy{order:0}.mode-copy{max-width:650px}.mode-images{width:min(100%,700px);margin:auto}}
@media(max-width:900px){.lab-proof{grid-template-columns:1fr}.lab-proof>.copy{max-width:650px}.lab-phones{width:min(100%,700px);margin:auto}}
@media(max-width:520px){.hero-brand{top:1.1rem;left:1.1rem}.mode-images{gap:.55rem}.mode-images .phone{padding:.25rem;border-radius:1.25rem}.mode-images .phone img{border-radius:1rem}.mode-images .sunrise-frame{transform:translateY(1rem)}}
@media(max-width:520px){.lab-phones{gap:.55rem}.lab-phones .phone{padding:.25rem;border-radius:1.25rem}.lab-phones .phone img{border-radius:1rem}.lab-phones .raised{transform:translateY(1rem)}}

/* Final product proof */
.theory-gallery{grid-template-columns:repeat(3,minmax(230px,340px));justify-content:center;align-items:start}
.theory-gallery .copy{grid-column:1/-1;max-width:760px;margin:0 auto 2rem;text-align:center}
.tool-proof{margin-top:9rem}
.watch-visuals{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:1rem}
.watch-visuals .commute{transform:translateX(-2rem)}
.watch-visuals .commute img{aspect-ratio:4/5;object-fit:cover;object-position:center}
@media(max-width:980px){.theory-gallery{grid-template-columns:repeat(3,1fr)}.watch-visuals{width:min(100%,850px);margin:auto}.watch-visuals figure{width:auto}}
@media(max-width:760px){.theory-gallery{grid-template-columns:1fr}.watch-visuals{grid-template-columns:1fr}.watch-visuals .commute{width:min(78vw,390px);margin:-1rem auto 0;transform:none}}

/* Sunrise legibility authority */
[data-theme=sunrise] .button.primary{background:#783416;color:#fffaf1}
[data-theme=sunrise] .chapter:not(.ink):not(.watch) .label,[data-theme=sunrise] .chapter:not(.ink):not(.watch) .eyebrow{color:#713014}
[data-theme=sunrise] .chapter:not(.ink):not(.watch) p,[data-theme=sunrise] .chapter:not(.ink):not(.watch) li{color:#4b3024}
[data-theme=sunrise] .chapter:not(.ink):not(.watch) h2,[data-theme=sunrise] .chapter:not(.ink):not(.watch) h3{color:#29170f}
[data-theme=sunrise] .tools article,[data-theme=sunrise] .rooms article,[data-theme=sunrise] .journey-cards article,[data-theme=sunrise] .access-grid article{border-color:rgba(73,34,15,.46);box-shadow:0 14px 34px rgba(58,29,13,.18)}
[data-theme=sunrise] .journey-cards .current,[data-theme=sunrise] .access-grid .full{border-color:#783416;box-shadow:0 16px 38px rgba(90,42,17,.24)}
[data-theme=sunrise] .path-strip span{border-color:rgba(73,34,15,.5);color:#40271d}
[data-theme=sunrise] .back-top,[data-theme=sunrise] footer nav a{color:#321d13;font-weight:850;text-decoration-thickness:2px}
[data-theme=sunrise] a:focus-visible{outline:3px solid #783416;outline-offset:4px}