@font-face{font-family:Atlas;src:url('./AtlasSerif.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--ink:#08121b;--gold:#d9b57b;--ivory:#f3e3bf;--quiet:#beb39e;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--ink);color:var(--ivory)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}html{scrollbar-color:#756244 var(--ink)}
.masthead{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 52px;gap:24px}.brand{flex-shrink:0;font:400 34px/1 Atlas,Georgia,serif;text-decoration:none}.masthead-note{max-width:12ch;text-align:right;color:var(--quiet);font-size:13px;letter-spacing:.04em}
.stage{max-width:1320px;min-height:calc(100svh - 160px);margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:8px 52px 32px;column-gap:36px}.intro{position:relative;z-index:1;padding:32px 0}h1{font:400 clamp(64px,6.6vw,96px)/.98 Atlas,Georgia,serif;letter-spacing:-.025em;margin:0 0 28px;text-wrap:balance}h1 em{font-style:normal;color:var(--gold)}.lead{font:400 25px/1.4 Atlas,Georgia,serif;color:var(--quiet);margin:0 0 32px;max-width:30ch}
.actions{display:flex;flex-direction:column;gap:14px;max-width:350px}.button{min-height:58px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:100px;padding:16px 24px;text-decoration:none;text-align:center;font-size:16px;font-weight:500;line-height:1.4;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.button-primary{background:var(--ivory);color:var(--ink)}.button-primary:hover{background:#fff1d6}.button-secondary{color:var(--ivory);border-color:#88734f}.button-secondary:hover{background:#18252e;border-color:var(--gold)}.caption{color:var(--quiet);font-size:13px;line-height:1.7;margin:20px 0 0;max-width:42ch}.error{color:var(--ivory);padding:16px 0;line-height:1.6}
.artwork{position:relative;align-self:center;margin:0;max-width:600px}.artwork img{display:block;width:100%;height:auto;object-fit:contain}.artwork figcaption{position:absolute;bottom:5%;inset-inline:24px;text-align:center;color:var(--gold);font:400 40px/1.1 Atlas,Georgia,serif}.token{display:block;color:var(--ivory);font:400 clamp(25px,3.2vw,44px)/1.2 Atlas,Georgia,serif;overflow-wrap:anywhere;max-height:5em;overflow:auto;scrollbar-width:thin;padding:8px 0}.token[hidden]{display:none}.arrival{grid-column:1/-1;text-align:center;max-width:600px;justify-self:center;padding:24px 0 48px}.arrival h2,dialog h2{font:400 36px/1.15 Atlas,Georgia,serif;margin:0 0 14px}.arrival p{color:var(--quiet);line-height:1.65}.arrival .button{max-width:350px;margin:24px auto 0}.arrival .caption{margin:20px auto}.inline-qr{margin:32px auto 0}.inline-qr img,dialog img{padding:12px;background:#fff;border-radius:8px;image-rendering:pixelated}.inline-qr p{font-size:13px}
footer{max-width:1320px;margin:0 auto;padding:20px 52px 28px;display:flex;justify-content:space-between;gap:20px;color:var(--quiet);font:400 18px/1.4 Atlas,Georgia,serif}dialog{color:var(--ivory);background:#101c26;border:1px solid #66563c;border-radius:18px;padding:30px;max-width:420px;width:calc(100% - 32px);text-align:center}dialog::backdrop{background:#02070cc9}dialog p{color:var(--quiet);line-height:1.6}dialog .dialog-note{font-size:13px;margin:24px 0}dialog a{display:block;min-height:44px;line-height:1.7;font-size:14px}dialog form{display:flex;justify-content:flex-end;margin:-12px -12px 8px}.dialog-close{border:0;background:transparent;color:var(--gold);font:inherit;min-width:44px;min-height:44px;cursor:pointer}.noscript{max-width:600px;padding:24px;margin:auto;text-align:center}
.launch-methods{margin:24px auto;max-width:390px}.launch-methods summary{cursor:pointer;line-height:1.6;padding:12px;color:var(--gold)}.launch-methods .button{width:100%;margin:12px auto 0;font:inherit;cursor:pointer;background:transparent}.launch-methods .button:hover{background:#18252e}
body.is-arrival h1{font-size:clamp(56px,6vw,88px)}body.is-arrival .stage{padding-bottom:0}body.is-arrival .artwork figcaption{bottom:5%;padding:10px;background:#08121be6}body.is-arrival .lead{font-size:23px}
@media(min-width:1100px){.artwork{max-height:690px}.artwork img{max-height:690px;width:auto;max-width:100%;margin:auto}.stage{column-gap:72px}}
@media(max-width:700px){.masthead{padding:24px 24px 8px}.brand{font-size:29px}.masthead-note{font-size:11px;max-width:10ch}.masthead{gap:12px}.stage{display:flex;flex-direction:column;padding:16px 0 28px;gap:0}.intro{display:contents}h1{font-size:60px;line-height:.96;text-align:center;margin:20px 20px 12px;order:0}.lead{text-align:center;font-size:21px;margin:0 24px;order:1}.artwork{width:min(100%,420px);max-height:390px;overflow:hidden;order:2;margin:12px 0 0}.artwork img{width:100%;height:auto}.artwork figcaption{bottom:3%;font-size:33px;background:#08121bbf;padding:10px}.actions{order:3;width:calc(100% - 48px);max-width:390px;margin:16px 24px 0;gap:12px}.button{min-height:56px;padding:15px 20px}.caption{order:4;text-align:center;margin:18px 24px 0;max-width:34ch}.error{order:5;margin:0 24px;text-align:center}.arrival{order:6;padding:30px 24px 0}.arrival h2{font-size:34px}.arrival .caption{margin:20px auto}footer{padding:20px 24px 26px;font-size:16px;gap:16px}footer span:last-child{text-align:right;max-width:18ch}.token{font-size:29px}body.is-arrival .artwork{max-height:none}body.is-arrival h1{font-size:56px}body.is-arrival .lead{font-size:21px}.inline-qr{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}