@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#191712;background:#fa5429;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;gap:25px;margin:0 4%;border-bottom:1px solid #19171266}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:1;font-weight:800;letter-spacing:-2px}.logo span{font-size:15px;vertical-align:top;margin-left:5px;letter-spacing:0}.brandline{font-size:11px;font-weight:700;line-height:1.25;letter-spacing:1px}.edition{margin-left:auto;font-size:12px;letter-spacing:1px}#soundless{margin-left:45px;border:0;background:none;font-size:12px}#soundless span{margin-left:12px}.cover{position:relative;min-height:820px;height:calc(100svh - 96px);max-height:1200px;overflow:hidden}.topline{position:absolute;top:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;font-weight:600}h1{position:absolute;left:9%;top:59px;margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(120px,17.6vw,300px);line-height:.79;font-weight:800;letter-spacing:-.025em;color:#201b15}h1 span{color:#ffe7ba}.vertical{position:absolute;left:2%;top:260px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:2px}#stage{position:absolute;inset:150px -3% 60px 12%;touch-action:pan-y;z-index:1}canvas{display:block}#loading{position:absolute;top:45%;left:35%;font-size:12px;letter-spacing:2px}.cover-caption{position:absolute;left:4%;bottom:143px;z-index:2}.chapter-label{font-size:11px;font-weight:600;letter-spacing:1.5px}.cover-caption h2{font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.8px;margin:14px 0 22px}.read{display:flex;align-items:center;gap:65px;width:max-content;border-bottom:1px solid;padding-bottom:10px;font-size:15px;font-weight:700}.read span{font-size:22px}.interaction{position:absolute;right:4%;bottom:152px;display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:1.4px;z-index:2}.interaction span:first-child{font-weight:700}.chapters{position:absolute;bottom:0;left:4%;right:4%;display:grid;grid-template-columns:1fr 1fr 1fr .7fr;border-top:1px solid #19171270;z-index:2}.chapters button{padding:23px 20px 24px 0;background:none;border:0;text-align:left;border-top:3px solid transparent;transition:background .2s}.chapters button.selected{border-top-color:#191712}.chapters button span{font-size:10px;letter-spacing:1.4px;display:block;margin-bottom:8px}.chapters button strong{font-size:17px;font-weight:500}.chapters button:hover{background:#ffffff14}.scroll{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:10px;letter-spacing:1px}.scroll span{font-size:26px}.story{background:#f3f2ed;padding:40px 7% 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;scroll-margin-top:0}.story-meta{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid #19171255;padding-bottom:20px;font-size:10px;letter-spacing:1px}.number{font-size:13px;letter-spacing:2px}.story-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(60px,7vw,115px);font-weight:600;line-height:.94;letter-spacing:-2px;margin-top:25px}.story-heading em{font-style:normal;color:#e84924}.story-body{max-width:540px}.story-body p{font-size:17px;line-height:1.85;color:#4f4e48}.story-body .lead{font-size:27px;line-height:1.4;color:#191712;margin-top:0}.essay{margin-top:38px;padding-top:25px;border-top:1px solid #19171233}.essay>span{font-size:11px;letter-spacing:1.5px;color:#c94022}.essay h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;font-weight:500;margin:14px 0}.journal-link{display:block;font-size:15px;font-weight:700;margin-top:40px;border-bottom:1px solid;padding-bottom:12px}footer{background:#191b17;color:#f3f2ed;padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span,footer>a:last-child{font-size:10px;letter-spacing:1px}a:focus-visible,button:focus-visible{outline:3px solid #111;outline-offset:5px}@media(max-width:900px){.cover{min-height:900px}h1{left:7%;top:80px;font-size:21vw}#stage{inset:200px -15% 150px -5%}.cover-caption{bottom:150px}.interaction{bottom:160px}.edition{display:none}#soundless{margin-left:auto}.story{gap:30px;padding:30px 5% 70px}.story-heading h2{font-size:68px}.chapters{grid-template-columns:1fr 1fr 1fr}.scroll{display:none}}@media(max-width:600px){header{height:78px;gap:16px}.logo{font-size:43px}.brandline{font-size:9px}#soundless{font-size:10px;margin-left:auto}.cover{height:calc(100svh - 78px);min-height:790px;max-height:1000px}.topline{font-size:8px;top:20px}h1{top:68px;left:5%;font-size:25.8vw;line-height:.85;letter-spacing:-1px}.vertical{display:none}#stage{inset:170px -24% 155px -24%}.cover-caption{bottom:131px;left:5%}.cover-caption h2{font-size:21px;margin:9px 0 14px}.chapter-label{font-size:9px}.read{font-size:13px;padding-bottom:5px;gap:40px}.interaction{right:5%;bottom:136px;font-size:8px;gap:6px}.chapters{left:5%;right:5%}.chapters button{padding:18px 8px 24px 0}.chapters button span{font-size:8px;letter-spacing:.6px}.chapters button strong{font-size:13px;line-height:1.3;display:block;max-width:100px}.story{display:block;padding:25px 6% 60px}.story-meta{font-size:8px;gap:20px;margin-bottom:35px}.story-heading h2{font-size:69px;margin:20px 0 35px}.story-body .lead{font-size:24px}.story-body p{font-size:16px}.essay h3{font-size:23px}footer{flex-wrap:wrap}footer>a:last-child{width:100%;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cover-caption h2{max-width:310px}#bigword{display:inline-block;font-size:.86em}@media(max-width:600px){.cover-caption h2{max-width:245px;font-size:20px}.interaction{bottom:245px}}

/* Permanent road sculpture cover */
:root{background:#cddde0;color:#16292d}header{border-color:#16292d44}.cover{background:radial-gradient(ellipse at 50% 55%,#e6edef 0%,#cddde0 70%);min-height:780px;height:calc(100svh - 96px)}.cover-heading{position:absolute;top:67px;left:5%;z-index:2;pointer-events:none}.cover-heading h1{position:static;font-size:clamp(55px,6.6vw,105px);line-height:.88;letter-spacing:-2px;color:#173137}.cover-heading h1 em{font-style:normal;color:#637f84}.cover-heading p{font-size:14px;letter-spacing:.25px;margin-top:21px;color:#4a666b}#stage{inset:180px 0 75px 0;z-index:1}.scene-note{position:absolute;right:5%;top:83px;font-size:11px;letter-spacing:2px;line-height:1.7;color:#4a666b}.scene-controls{position:absolute;right:5%;bottom:107px;z-index:3;display:flex;gap:4px;padding:5px;border:1px solid #18313730;background:#e5edefbb;border-radius:30px}.scene-controls button{border:0;background:transparent;padding:10px 16px;border-radius:22px;font-size:12px}.scene-controls button.selected{background:#183137;color:#edf4f2}.cover-bottom{position:absolute;bottom:0;left:5%;right:5%;height:83px;border-top:1px solid #18313733;display:flex;align-items:center;justify-content:space-between;z-index:2}.cover-bottom>span{font-size:10px;line-height:1.6;letter-spacing:1.5px}.cover-bottom>a{font-size:16px;display:flex;gap:45px;align-items:center}.cover-bottom>a span{font-size:26px}.story-heading em{color:#637f84}.essay>span{color:#54767a}#loading{left:38%;top:45%;color:#47646a;font-size:11px}.cover.dusk{background:radial-gradient(ellipse at 50% 45%,#33454e,#121f28);color:#deebeb}.cover.dusk .cover-heading h1{color:#e0eceb}.cover.dusk .cover-heading h1 em{color:#8facb3}.cover.dusk .cover-heading p,.cover.dusk .scene-note{color:#93aeb6}.cover.dusk .cover-bottom{border-color:#b9d0d333}.cover.dusk .scene-controls{color:#173137}.cover{transition:background .5s}@media(max-width:900px){.cover{min-height:850px}.cover-heading h1{font-size:74px}#stage{inset:220px -7% 110px}.scene-note{font-size:9px}.scene-controls{bottom:105px}.cover-bottom .drag-hint{display:none}}@media(max-width:600px){.cover{min-height:820px;height:calc(100svh - 78px)}.cover-heading{top:65px}.cover-heading h1{font-size:61px}.cover-heading p{font-size:12px;margin-top:16px}.scene-note{display:none}#stage{inset:245px -3% 125px}.scene-controls{right:50%;transform:translateX(50%);bottom:96px;white-space:nowrap}.scene-controls button{padding:9px 13px;font-size:11px}.cover-bottom{height:78px}.cover-bottom>span{font-size:8px;letter-spacing:.8px}.cover-bottom>a{font-size:14px;gap:18px}.topline{font-size:8px;gap:20px}#loading{left:20%;font-size:10px}.cover-heading h1 em{font-size:1em}}

html,body{margin:0;overflow:hidden}.cover{height:820px;min-height:0;max-height:none}.scene-controls #soundless{margin:0;padding:10px 16px;font-size:12px}@media(max-width:600px){.cover{height:820px}.scene-controls #soundless{padding:9px 10px;font-size:11px}}

/* Reserve a clear band for the title in both camera presets. */
#stage{inset:270px 0 130px}
@media(max-width:900px){#stage{inset:285px 0 130px}}
@media(max-width:600px){#stage{inset:260px 0 135px}}
