@font-face{font-family:Cinzel;src:url('/assets/cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{--ink:#0c1b28;--ink-rgb:12,27,40;--cream:#f0e6d2;--brass:#d4b475;--muted:#bec8cb;--line:rgba(212,180,117,.28);--font-display:Cinzel,Georgia,serif;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{background:var(--ink);color:var(--cream);color-scheme:dark;scrollbar-color:var(--brass) var(--ink)}
body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
::selection{background:var(--brass);color:var(--ink)}
:focus-visible{outline:2px solid var(--cream);outline-offset:6px}
.skip-link{position:fixed;left:24px;top:-80px;z-index:10;padding:16px 24px;background:var(--cream);color:var(--ink)}
.skip-link:focus{top:16px}
.scene{position:absolute;inset:0;overflow:hidden;min-height:800px;pointer-events:none}
.scene picture,.scene img{display:block;width:100%;height:100%}
.scene img{object-fit:cover;object-position:64% center;animation:arrive 1.4s var(--ease) both}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(var(--ink-rgb),.95) 24%,rgba(var(--ink-rgb),.8) 43%,rgba(var(--ink-rgb),.12) 78%),linear-gradient(0deg,var(--ink) 0%,rgba(var(--ink-rgb),.05) 34%,rgba(var(--ink-rgb),.12) 75%,rgba(var(--ink-rgb),.6) 100%)}
.page{position:relative;display:flex;flex-direction:column;min-height:100svh;max-width:1600px;margin-inline:auto;padding:0 64px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:120px}
.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:600 24px/1 var(--font-display);letter-spacing:.02em}
.wordmark img{display:block;flex:none}
.masthead-note{font-size:13px;color:var(--cream)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;flex:1;min-height:560px;padding:40px 0 64px}
.message{max-width:580px}
h1{font:500 clamp(64px,6.8vw,96px)/1.04 var(--font-display);letter-spacing:-.035em;margin:0 0 40px;text-wrap:balance}
h2{font:500 24px/1.3 var(--font-body);color:var(--brass);margin:0 0 16px}
.description{max-width:36ch;color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 32px;text-wrap:pretty}
.action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:16px 24px;background:var(--brass);color:var(--ink);border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:15px;line-height:1.5;font-weight:600;transition:background .18s var(--ease),border-color .18s var(--ease)}
.action:hover{background:var(--cream);border-color:var(--brass)}
.return-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}
.world-mark{display:grid;place-items:center;padding-top:32px}
.world-mark img{width:clamp(224px,26vw,368px);height:auto;filter:drop-shadow(0 12px 32px rgba(var(--ink-rgb),.5))}
.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);min-height:88px;color:var(--muted);font-size:12px;line-height:1.5}
.footer p{color:var(--brass);margin:0;font-size:14px}
@keyframes arrive{from{transform:translate3d(0,12px,0) scale(1.025)}to{transform:translate3d(0,0,0) scale(1)}}
@media(min-width:1600px){.page{padding-inline:80px}}
@media(max-width:1024px){.page{padding-inline:40px}.hero{gap:24px}.masthead-note{max-width:20ch;text-align:right}.scene::after{background:linear-gradient(90deg,var(--ink) 0%,rgba(var(--ink-rgb),.9) 34%,rgba(var(--ink-rgb),.3) 80%),linear-gradient(0deg,var(--ink),transparent 65%)}h1{font-size:72px}.world-mark img{width:248px}}
@media(max-width:640px){.page{padding-inline:24px}.masthead{min-height:96px;gap:16px}.wordmark{font-size:21px;gap:8px}.wordmark img{width:40px;height:40px}.masthead-note{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:40px 0 0}.message{position:relative;z-index:1}h1{font-size:clamp(48px,14vw,80px);margin-bottom:32px}h2{font-size:22px}.description{font-size:16px;max-width:34ch;margin-bottom:24px}.action{padding:16px 20px}.world-mark{position:relative;isolation:isolate;padding:32px 24px;min-height:320px;align-self:center;width:calc(100% + 48px);margin-top:32px}.world-mark::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--ink),rgba(var(--ink-rgb),.08) 24%,rgba(var(--ink-rgb),.08) 68%,var(--ink)),url('/assets/sky-world-small.webp') 72% center/cover}.world-mark img{width:224px;max-width:70%;margin-left:24%}.scene{display:none}.footer{min-height:96px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding:24px 0}.footer p{font-size:12px}.footer span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}