@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{color-scheme:dark;--bg:#080a12;--muted:#a8a9bc;--acid:#e2ff84;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f7f5f1;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#080a12ed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;gap:15px;align-items:center;font:700 36px 'Space Grotesk',sans-serif}.brand span{font:10px/1.6 'DM Sans',sans-serif;letter-spacing:2px}nav{display:flex;gap:30px;font-size:13px}.draft{font-size:10px;letter-spacing:1px;color:var(--acid)}.hero{min-height:calc(100svh - 88px);position:relative;display:flex;align-items:center;overflow:hidden}.hero>img,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#060713da,#06071321 80%),linear-gradient(0deg,#080a12,transparent 35%)}.hero-copy{position:relative;padding:65px 7% 120px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--acid);font-weight:700}h1{font:700 clamp(70px,10vw,155px)/.86 'Space Grotesk',sans-serif;letter-spacing:-7px;margin:30px 0}em{font-style:normal;color:var(--acid)}.intro{font-size:19px;line-height:1.6;margin:30px 0}.button{display:inline-flex;gap:40px;padding:19px 23px;background:var(--acid);color:#12151b;font-size:12px;font-weight:700}.hero-foot{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.section{padding:110px 7%;scroll-margin-top:0}h2{font:500 clamp(37px,4.7vw,70px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:25px 0 40px}.journey{display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.story{padding-top:38px;color:#c0c1cd;font-size:16px;line-height:1.85}.text-link{display:inline-block;color:var(--acid);border-bottom:1px solid;padding:10px 0}.wide-image{grid-column:1/-1;background:none;padding:0;border:0;position:relative}.wide-image img{width:100%;max-height:620px;object-fit:cover;display:block}.wide-image span{position:absolute;bottom:25px;left:25px;background:#080a12cc;padding:12px;letter-spacing:2px;font-size:10px}.archives{background:#10121e;border-block:1px solid var(--line)}.archive-layout{display:grid;grid-template-columns:1fr 2fr;gap:80px}.tabs{display:flex;flex-direction:column}.tabs button{background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:22px 0;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--acid)}article{min-height:260px}article h3{font:500 29px 'Space Grotesk',sans-serif;margin-top:12px}article p{color:#c0c1cd;line-height:1.8}article strong{color:var(--acid)}.source-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:40px}.filters button{border:1px solid var(--line);padding:10px 16px;background:none;font-size:12px}.filters button.active{background:var(--acid);color:#080a12}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile{padding:0;text-align:left;background:none;border:0}.tile img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block;transition:filter .3s}.tile:hover img{filter:brightness(1.18)}.tile span{display:flex;justify-content:space-between;padding:15px 0;font-size:11px;letter-spacing:1px}.film{padding-top:10px}video{width:100%;max-height:75vh;background:black}.film-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;padding-top:16px;color:var(--muted)}.closing{height:650px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center}.closing>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.45)}.closing>div{position:relative}footer{padding:35px 7%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;background:#060713f5;border:0;padding:60px;inset:0;color:white}dialog[open]{display:flex;align-items:center;justify-content:space-between}dialog::backdrop{background:#000d}dialog button{background:#171925;border:1px solid var(--line);padding:15px}#close{position:absolute;right:25px;top:15px}figure{margin:0 20px;text-align:center}figure img{max-width:78vw;max-height:78vh;object-fit:contain}figcaption{font-size:12px;margin-top:15px}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}@media(max-width:760px){header{height:75px}.brand{font-size:28px}.brand span{font-size:8px}nav{gap:14px;font-size:11px}nav a:nth-child(2),nav a:nth-child(4){display:none}.draft{font-size:8px}h1{letter-spacing:-4px}.hero-copy{padding-left:7%}.hero-foot span:last-child{display:none}.hero-foot{font-size:7px}.section{padding:65px 7%}.journey{grid-template-columns:1fr;gap:10px}.story{padding-top:0}.archive-layout{grid-template-columns:1fr;gap:25px}.tabs{flex-direction:row;flex-wrap:wrap;gap:12px}.tabs button{font-size:12px;padding:12px 0}.gallery{grid-template-columns:repeat(2,1fr);gap:15px}.section-heading{display:block}.filters{margin-bottom:25px}.film-caption,footer{flex-direction:column}.closing{height:550px}dialog{padding:55px 8px}figure{margin:0 5px}figure img{max-width:73vw}dialog button{padding:10px}h2{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Buena Vista Paradise — atmosphère orbitale */
:root{--bg:#060910;--acid:#dfefaa;--muted:#a1aabd;--line:#b6d3ff26}body{background:radial-gradient(ellipse at 85% 25%,#1b213b66,transparent 45%),radial-gradient(ellipse at 0% 65%,#16332e55,transparent 42%),#060910}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 19%,#c1e7dc 80%,transparent),radial-gradient(1px 1px at 76% 36%,#e1bbed 80%,transparent),radial-gradient(1px 1px at 42% 73%,#b6d3ff 80%,transparent),radial-gradient(1px 1px at 90% 84%,#fff 80%,transparent);background-size:247px 293px,331px 367px,419px 271px,521px 433px;opacity:.5}header{background:#060910c9;backdrop-filter:blur(20px)}.brand{color:#e6e5ce;text-shadow:0 0 26px #a5dcc32b}.brand span{color:#abbeb9;letter-spacing:3px}.eyebrow{letter-spacing:4px;color:#c9d6b5}.hero .shade{background:linear-gradient(90deg,#060910ef,#080d1f70 55%,#080d1f20),linear-gradient(0deg,#060910,transparent 45%)}.hero>img{filter:saturate(.82) brightness(.77)}.hero:after{content:"";position:absolute;pointer-events:none;right:5%;top:12%;width:min(51vw,680px);aspect-ratio:1;border:1px solid #d8ecda20;border-radius:50%;box-shadow:0 0 90px #b7a5ff15,inset 0 0 90px #7ce0c40b;background:radial-gradient(circle,transparent 49%,#c2e1db12 49.1%,transparent 49.4%,transparent 61%,#dce7c912 61.1%,transparent 61.4%)}.hero-copy{z-index:1}h1{font-weight:400;letter-spacing:-5px;text-shadow:0 0 50px #a7cdff20}h1 em{background:linear-gradient(110deg,#ecd6a8,#d7e8b3 50%,#a0d6d5);background-clip:text;-webkit-background-clip:text;color:transparent}h2 em{color:#c7dbbe}.button{border:1px solid #d4e1c45c;background:#b7cbb617;color:#eef4dd;backdrop-filter:blur(14px);letter-spacing:2px;transition:background .25s,box-shadow .25s}.button:hover{background:#bdd9b629;box-shadow:0 0 30px #bcdfbe16}.hero-foot{z-index:1;color:#bac7cc}.archives{background:radial-gradient(ellipse at 80% 50%,#24213c66,transparent 65%),#0b0e19b3}.tabs button[aria-selected=true]{text-shadow:0 0 20px #c1e1b555}.wide-image{border:1px solid #c2dcce26}.wide-image:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #04081466}.wide-image span{z-index:1;backdrop-filter:blur(15px);background:#070d17a8}.tile img{filter:saturate(.88);border:1px solid #d5e8df16}.tile:hover img{filter:saturate(1.1) brightness(1.08)}.tile span{color:#bdc7ce;font-size:10px;letter-spacing:2px}.filters button{letter-spacing:1px}.filters button.active{background:#c1d6bd18;color:#e7efdb;border-color:#bfd2b88a}.closing:after{content:"";position:absolute;inset:12% 25%;border:1px solid #d1e0ce24;border-radius:50%;pointer-events:none}.closing>div{z-index:1}.closing>img{filter:brightness(.35) saturate(.8)}footer{border-top:1px solid var(--line);background:#070a12a6}.section{position:relative}.orbital-label{font-size:9px;letter-spacing:4px;color:#c8d5d0;display:flex;align-items:center;gap:15px;margin-bottom:27px}.orbital-label:before{content:"";width:6px;height:6px;background:#c8e6c6;border-radius:50%;box-shadow:0 0 15px #b4eecf}.hero .intro{color:#d1d6dc}.hero .eyebrow{color:#cbd6c7}@media(max-width:760px){h1{letter-spacing:-3px}.hero:after{width:85vw;right:-30%;top:20%}.closing:after{inset:20% 8%}}
.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:#eef4dd;color:#060910;padding:14px 20px}.skip-link:focus{top:12px}
@media(max-width:520px){header .draft{display:none}.brand span{letter-spacing:1.7px}header{gap:12px}nav{gap:16px}footer span{line-height:2}}
.mobile-menu{display:none}@media(max-width:760px){.mobile-menu{display:block;background:transparent;border:1px solid var(--line);padding:10px 15px;font-size:12px;margin-left:auto}header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#090e1bf5;border-bottom:1px solid var(--line);padding:22px 7%;gap:24px;backdrop-filter:blur(20px)}header nav.is-open{display:flex;flex-wrap:wrap}header nav a,header nav a:nth-child(2),header nav a:nth-child(4){display:block}}