@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--bg:#111b21;--cream:#ede7da;--muted:#9fa8a9;--orange:#e98e5b;--line:#ffffff22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:var(--bg)}header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:22px;letter-spacing:-1px;white-space:nowrap}.brand small{font-size:10px;align-self:flex-start}.nose{width:13px;height:13px;border-radius:50%;background:#a83931;box-shadow:inset -3px -3px 5px #0004}nav{display:flex;gap:32px;font-size:10px;letter-spacing:1.2px}.weather{font-size:8px;letter-spacing:1.3px;color:#b2bfc4}a:hover{color:var(--orange)}.hero{height:100svh;min-height:760px;position:relative;overflow:hidden}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071219e8 0%,#071219a3 35%,transparent 70%),linear-gradient(0deg,#111b21d9,transparent 35%,#0813193d)}.hero-copy{position:relative;padding:185px 7% 120px;max-width:900px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--orange)}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-3px;line-height:1.02;margin:30px 0}h1{font-size:clamp(75px,8vw,138px)}em{font-weight:400;color:var(--orange)}.hero-copy p{font-size:16px;line-height:1.8;color:#bdc5c5;margin:28px 0 35px}.button{display:inline-flex;align-items:center;gap:48px;background:var(--cream);color:#1c292d;padding:19px 24px;font-size:10px;font-weight:700;letter-spacing:1px;border:1px solid var(--cream);transition:.25s}.button:hover{color:var(--bg);background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}.tiny-note{display:block;font-size:8px;letter-spacing:1.8px;color:#91a0a6;margin-top:20px}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#abb4b7}.now-playing{position:absolute;right:6%;bottom:110px;display:flex;gap:17px;align-items:center;background:#0d1a21a8;border:1px solid #c0c5c433;backdrop-filter:blur(18px);padding:20px 23px;transform:rotate(-3deg)}.record{display:grid;place-items:center;background:repeating-radial-gradient(#17282c 0 3px,#091318 4px 6px);border-radius:50%;width:48px;height:48px;color:var(--orange)}.now-playing small{font-size:7px;letter-spacing:1.5px;color:#99a9ad}.now-playing strong{display:block;font-size:13px;font-weight:400;margin:6px 0 12px}.track{width:160px;height:2px;background:#687174}.track i{display:block;width:40%;height:2px;background:var(--orange)}.rain{position:absolute;inset:0;opacity:.12;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 100px,#ccdbe2 101px,transparent 102px);animation:rain 4s linear infinite}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:#162229;color:#b4bcba;font-size:10px;letter-spacing:2px;white-space:nowrap}.ticker>div{width:max-content;animation:marquee 55s linear infinite}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1.7px;color:#87999e;border-top:1px solid var(--line);padding-top:20px;margin-bottom:70px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.story-art{padding:12px 12px 20px;background:#ddd5c5;color:#263335;transform:rotate(-3deg);box-shadow:14px 20px 40px #0003}.story-art img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.photo-label{display:block;margin:18px 4px 0;font-size:8px;letter-spacing:2px}.story h2,.gallery-title h2{font-size:clamp(50px,5.5vw,85px)}.story-copy p{font-size:13px;line-height:1.95;color:#a1afb2;max-width:440px}.handwritten{display:block;font:italic 27px Georgia,serif;color:var(--orange);margin:30px 0}.text-link{display:inline-block;border-bottom:1px solid #e98e5b55;padding:15px 0;font-size:9px;letter-spacing:1.5px}.wide-scene{height:680px;position:relative;margin-top:40px;overflow:hidden}.wide-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.wide-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09151ddb,transparent 85%),linear-gradient(0deg,#111b21,transparent 30%)}.wide-scene>div{position:absolute;inset:0;z-index:1;padding:100px 9%}.wide-scene h2{font-size:110px;margin-top:35px}.coordinates{font-size:8px;letter-spacing:2px;color:#a1afb2}.gallery-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.gallery-title h2{margin:0}.gallery-title p{font-size:11px;line-height:1.9;color:#a1afb2}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:45px 0 35px}.filters button{color:#9eadaf;background:transparent;border:1px solid var(--line);padding:13px 18px;font-size:9px;letter-spacing:1px;transition:.2s}.filters button:hover,.filters button[aria-pressed=true]{background:var(--cream);color:#17262a;border-color:var(--cream)}.filters small{font-size:7px;margin-left:12px;opacity:.7}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.frame{display:block;width:100%;background:none;border:0;color:var(--cream);padding:0;text-align:left}.frame .image-wrap{overflow:hidden;position:relative;background:#213039}.frame img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.85)}.frame:hover img{transform:scale(1.045);filter:saturate(1.1)}.image-wrap:after{content:'↗';position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111b21c9;backdrop-filter:blur(6px);font-size:18px;opacity:0;transition:.3s}.frame:hover .image-wrap:after{opacity:1}.frame .caption{display:flex;justify-content:space-between;gap:10px;margin-top:17px;align-items:center}.caption strong{font-size:14px;font-weight:500}.caption small{font-size:8px;color:var(--orange);letter-spacing:1px}.frame .note{font-size:7px;letter-spacing:1.2px;color:#81959b;display:block;margin-top:9px}.frame[hidden]{display:none}.archive-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:25px;margin-top:50px;gap:25px;font-size:8px;letter-spacing:1.4px;color:#8e9fa3}.end-section{height:750px;position:relative;margin-top:30px}.end-section>img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}.end-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101b21e0,transparent 80%),linear-gradient(0deg,#111b21,transparent 30%)}.end-copy{position:absolute;left:9%;top:80px;z-index:1}.end-copy h2{font-size:95px;margin:25px 0}.end-copy p{font-size:13px;line-height:1.8;color:#bbc1bd}.end-copy .button{margin-top:20px}footer{padding:45px 7%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-of-type{font-size:8px;letter-spacing:1.5px;color:#9eabad}footer>small{width:100%;padding-top:25px;margin-top:15px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1.7px;color:#667d85}dialog{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;border:0;padding:55px;background:#071116f5;color:var(--cream)}dialog::backdrop{background:#071116}dialog[open]{display:flex;align-items:center;justify-content:center}dialog figure{margin:0;max-width:80vw}#full-image{max-width:100%;max-height:78svh;object-fit:contain;display:block;margin:auto}figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:20px;font-size:10px}#download{font-size:8px;color:var(--orange)}dialog button{position:absolute;background:none;color:var(--cream);border:1px solid #ffffff33;width:44px;height:44px;font-size:22px}dialog .close{right:25px;top:20px;font-size:30px}.prev{left:20px}.next{right:20px}.viewer-help{position:absolute;bottom:17px;font-size:7px;letter-spacing:2px;color:#83959a}@keyframes rain{to{background-position:110px 300px}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.weather{display:none}.hero-copy{padding-top:170px}.hero h1{font-size:90px}.now-playing{right:5%;bottom:75px}.story-grid{gap:7%}.section{padding:70px 6%}.gallery{grid-template-columns:repeat(2,1fr)}.wide-scene{height:550px}.gallery-title{gap:30px}.gallery-title p{max-width:220px}.end-copy h2{font-size:85px}}
@media(max-width:600px){header{height:70px;padding:0 6%;gap:20px}.brand{font-size:20px;gap:7px}nav{gap:17px;font-size:7px;letter-spacing:.5px}nav a:last-child{display:none}.hero{min-height:800px;max-height:1050px}.hero-bg{object-position:62% 50%}.hero-shade{background:linear-gradient(90deg,#071219c9,transparent 100%),linear-gradient(0deg,#111b21 1%,transparent 55%,#07121944)}.hero-copy{padding:140px 7% 40px}.eyebrow{font-size:7px;letter-spacing:1.3px}.hero h1{font-size:70px;letter-spacing:-2px;margin:28px 0}.hero-copy p{font-size:13px;margin-top:22px}.button{padding:17px 20px;font-size:9px;gap:25px}.tiny-note{font-size:7px}.now-playing{bottom:80px;right:7%;padding:15px;gap:12px}.hero-bottom{font-size:6px;left:7%;right:7%;gap:10px;line-height:1.7}.hero-bottom>span:last-child{display:none}.ticker{padding:18px 0;font-size:8px}.section{padding:60px 7%}.section-top{font-size:6px;letter-spacing:1px;margin-bottom:45px}.section-top span:last-child{text-align:right;max-width:125px}.story-grid{grid-template-columns:1fr;gap:50px}.story-art{max-width:380px;margin:0 10px}.story h2,.gallery-title h2{font-size:60px;letter-spacing:-2px}.story-copy p{font-size:12px}.wide-scene{height:560px;margin:0}.wide-scene>img{object-position:65% 50%}.wide-scene>div{padding:65px 7%}.wide-scene h2{font-size:74px;letter-spacing:-2px}.gallery-title{display:block}.gallery-title p{max-width:none;margin-top:25px}.filters{gap:7px;margin-top:30px}.filters button{font-size:7px;padding:12px}.filters small{margin-left:5px}.gallery{gap:25px 13px}.caption{align-items:flex-start!important;flex-direction:column;gap:6px!important}.caption strong{font-size:12px;line-height:1.3}.caption small{font-size:6px}.frame .note{font-size:6px;letter-spacing:.5px;line-height:1.7}.image-wrap:after{opacity:1;width:26px;height:26px;font-size:14px;bottom:8px;right:8px}.archive-foot{font-size:6px;letter-spacing:.8px;line-height:1.7}.end-section{height:660px}.end-section>img{object-position:62% 50%}.end-copy{top:60px;left:7%}.end-copy h2{font-size:72px;letter-spacing:-2px}.end-copy p{font-size:12px}.end-section:after{background:linear-gradient(90deg,#101b21b8,transparent),linear-gradient(0deg,#111b21,transparent 40%)}footer{padding:35px 7%;gap:20px}footer p{width:100%;font-size:7px}footer>a:last-of-type{font-size:7px}footer>small{font-size:6px;line-height:1.8}dialog{padding:65px 40px}dialog figure{max-width:100%}dialog button{width:32px;height:40px}.prev{left:4px}.next{right:4px}figcaption{flex-direction:column;font-size:11px;gap:12px}#full-image{max-height:66svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.platform-links a{display:flex;align-items:center;gap:10px;padding:13px 15px;min-height:46px;border:1px solid #d7e0df55;background:#10202988;backdrop-filter:blur(12px);font-size:8px;letter-spacing:1px;color:var(--cream);transition:background .2s,border-color .2s,transform .2s}.platform-links svg{width:20px;height:20px;flex-shrink:0;color:var(--orange)}.platform-links small{font-size:11px;margin-left:4px}.platform-links a:hover{background:#24333b;border-color:var(--orange);transform:translateY(-3px)}@media(max-width:600px){.platform-links{gap:7px;max-width:340px}.platform-links a{padding:11px 9px;font-size:6px;gap:6px;letter-spacing:.4px}.platform-links svg{width:17px;height:17px}.platform-links small{margin-left:0}.end-section{height:760px}.hero{min-height:860px}}

/* Keep hero content and platform links above the footer at every viewport height. */
.hero{height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column;justify-content:center}.hero-copy{width:100%;padding-top:160px;padding-bottom:135px;max-width:1000px;z-index:2}.hero-bottom{z-index:3;align-items:center;min-height:24px}.hero .platform-links{margin-top:25px}.hero .now-playing{z-index:2}.hero .tiny-note{margin-bottom:0}
@media(max-height:800px) and (min-width:601px){.hero-copy{padding-top:130px;padding-bottom:105px}.hero h1{font-size:clamp(65px,7.7vw,110px);margin:22px 0}.hero-copy p{margin:20px 0 25px}.hero .now-playing{bottom:85px;right:5%;scale:.9;transform-origin:right bottom}}
@media(max-width:900px){.hero .now-playing{display:none}.hero-copy{padding-bottom:100px}}
@media(max-width:600px){.hero{min-height:100svh;max-height:none}.hero-copy{padding:130px 7% 110px}.hero h1{font-size:clamp(54px,15vw,70px)}.hero-bottom{bottom:22px;align-items:flex-end}.hero .platform-links{max-width:100%;gap:8px}.hero .platform-links a{min-height:46px}.hero .tiny-note{margin-top:18px}}
@media(max-width:360px){.hero .platform-links a{padding:11px 8px}.hero .platform-links{gap:6px}}


.copy-contract{display:flex;align-items:center;gap:12px;max-width:100%;margin-top:18px;padding:13px 15px;background:#102029b8;border:1px solid #d7e0df44;color:var(--cream);text-align:left;min-height:48px}.copy-contract span{font-size:9px;color:var(--orange)}.copy-contract code{font-size:10px;overflow-wrap:anywhere;min-width:0}.copy-contract b{font-size:8px;white-space:nowrap;color:var(--orange)}.copy-contract:hover{border-color:var(--orange)}#copy-status{position:fixed;bottom:25px;left:50%;translate:-50% 0;z-index:20;background:var(--cream);color:var(--bg);padding:13px 20px;font-size:11px;max-width:90vw;text-align:center}#copy-status:empty{display:none}.end-section{height:auto;min-height:820px}.end-section>img{position:absolute;inset:0}.end-copy{position:relative;left:auto;top:auto;padding:80px 9% 100px}.end-copy .copy-contract{width:max-content;max-width:100%}@media(max-width:600px){.copy-contract{gap:8px;padding:12px 10px}.copy-contract code{font-size:9px}.end-copy{padding:60px 7% 90px}.end-section{min-height:830px}}