:root{--paper:#F4E8C9;--ink:#214D8A;--accent:#ED7137;--surface:#F4E8C9;--heading:Young,Georgia,serif;--headweight:400}
@font-face{font-family:Archivo;src:url(assets/display.woff2) format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:Plex;src:url(assets/mono.woff2) format("woff2");font-display:swap}
@font-face{font-family:Young;src:url(assets/serif.ttf) format("truetype");font-display:swap}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Archivo,Arial,sans-serif}
a{color:inherit;text-underline-offset:.2em}
button,input,textarea{font:inherit}
img{display:block;max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,video:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
button{cursor:pointer}
.skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:10;padding:12px;background:var(--paper)}
.skip:focus{transform:none}
.wrap{width:min(1440px,calc(100% - 80px));margin:auto}
.mast{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--ink);gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.025em}
.brand img{width:46px;height:46px;object-fit:contain}
.nav{display:flex;gap:26px;align-items:center;font-size:14px}
.nav a{display:inline-flex;min-height:44px;align-items:center}
.edition,.kicker,.file-type,.number{font:12px/1.4 Plex,'Courier New',monospace;letter-spacing:.07em;text-transform:uppercase}
.edition{display:flex;justify-content:space-between;gap:20px;margin:20px 0}
.identity-strip{width:100%;aspect-ratio:3/1;object-fit:contain}
.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:end;padding:52px 0 76px}
.intro h1{font-family:var(--heading);font-weight:var(--headweight);font-size:clamp(42px,5.7vw,86px);line-height:1.06;letter-spacing:-.025em;margin:15px 0 0;max-width:920px;text-wrap:balance}
.intro p{max-width:500px;margin:0 0 26px;font-size:19px;line-height:1.65}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;gap:16px;justify-content:space-between;align-items:center;min-height:50px;padding:12px 18px;text-decoration:none;border:1px solid var(--ink);font-size:14px;font-weight:700;background:transparent;color:var(--ink)}
.button.primary{background:var(--ink);color:var(--paper)}
.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}
.button.primary:hover{box-shadow:4px 4px 0 var(--accent)}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:baseline;border-top:1px solid var(--ink);padding:24px 0 30px}
.section-head h2{font-family:var(--heading);font-weight:var(--headweight);font-size:clamp(28px,3vw,45px);line-height:1.2;letter-spacing:-.035em;margin:0}
.section-head .number{white-space:nowrap}
.film{padding-bottom:76px}
video{display:block;background:#111;color:#fff;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.film-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.film-foot p{margin:0;font-size:14px;max-width:570px}
.film-foot a{font-size:14px;min-height:44px;display:flex;align-items:center}
.assets{padding-bottom:76px}
.asset-grid{display:grid;grid-template-columns:1fr 2fr;gap:28px}
.asset-preview{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--ink);padding:28px}
.asset-preview.square{aspect-ratio:1/1}
.asset-preview.square img{width:74%;height:auto}
.asset-preview.wide{height:100%}
.asset-preview.wide img{width:100%}
.asset-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:12px;border-bottom:1px solid var(--ink)}
.asset-row p{margin:0;font-size:14px}
.asset-row small{display:block;font:12px/1.7 Plex,'Courier New',monospace}
.asset-row a{min-height:44px;display:flex;align-items:center;font-weight:700;font-size:14px}
.copy{padding-bottom:76px}
.copy-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:28px}
.copy-box{border:1px solid var(--ink);padding:26px;display:flex;flex-direction:column;gap:20px;align-items:start}
.copy-box label{font-size:14px;font-weight:700}
.copy-box textarea{background:transparent;color:inherit;border:0;padding:0;width:100%;resize:vertical;line-height:1.6;min-height:150px;border-radius:0;font-size:17px}
.copy-box .button{margin-top:auto}
.copy-note{font-size:14px;margin-top:20px}
.download{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:50px 0;border-top:3px solid var(--ink);align-items:center}
.download h2{font-family:var(--heading);font-size:clamp(35px,4vw,60px);font-weight:var(--headweight);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}
.download p{max-width:620px;margin:0}
.download-links{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.download-links .textlink{padding:6px 0;font-size:14px;min-height:44px}
.footer{border-top:1px solid var(--ink);padding:30px 0 38px;display:flex;justify-content:space-between;gap:30px;font-size:12px}
.footer p{margin:0;max-width:780px}
.status{min-height:24px;font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

body[data-theme=crumbor] .mast{border-bottom:3px solid var(--ink)}
body[data-theme=crumbor] .identity-strip{border:1px solid var(--ink)}
body[data-theme=bellbork] .button{border-radius:50px;border-width:2px}
body[data-theme=bellbork] .asset-preview{border-radius:26px;border-width:2px}
body[data-theme=bellbork] .intro h1{font-weight:900;letter-spacing:-.035em}
body[data-theme=bao-shift] .mast{border-block:5px double var(--ink);margin-top:16px}
body[data-theme=bao-shift] .kicker{font-weight:700}
body[data-theme=tickermoth] .edition{border-bottom:1px solid var(--ink);padding-bottom:18px}
body[data-theme=tickermoth] .intro{padding-top:44px}
body[data-theme=tabgoblin]{font-family:Plex,'Courier New',monospace}
body[data-theme=tabgoblin] .mast{border-top:1px solid var(--ink);margin-top:16px}
body[data-theme=tabgoblin] .intro h1{letter-spacing:-.035em}
body[data-theme=tabgoblin] .asset-preview img{image-rendering:pixelated}
body[data-theme=baggward] .mast{border-bottom:6px solid var(--ink)}
body[data-theme=baggward] .intro h1{font-weight:900;text-transform:uppercase}
body[data-theme=baggward] .section-head{border-top:3px solid var(--ink)}
body[data-theme=wickward] .mast{border-bottom:4px double var(--ink)}
body[data-theme=wickward] .asset-preview.square{border-radius:48% 48% 0 0}
body[data-theme=wickward] .section-head{border-top:4px double var(--ink)}
body[data-theme=brothmode] .intro h1{letter-spacing:-.025em}
body[data-theme=brothmode] .asset-preview{border-radius:48px}
body[data-theme=brothmode] .mast{border-bottom:4px double var(--ink)}
body[data-theme=gloosie] .identity-strip{border-radius:24px}
body[data-theme=gloosie] .button,body[data-theme=gloosie] .asset-preview{border-radius:16px}
body[data-theme=gloosie] .mast{border-bottom:2px solid var(--ink)}
body[data-theme=void-mart] .asset-preview{border-width:2px;box-shadow:6px 6px 0 var(--ink)}
body[data-theme=void-mart] .button{box-shadow:3px 3px 0 var(--ink)}
body[data-theme=void-mart] .section-head{border-top:2px solid var(--ink)}

@media(max-width:900px){.wrap{width:calc(100% - 48px)}
.intro{grid-template-columns:1fr;gap:26px;padding:36px 0 52px}
.intro h1{max-width:730px;font-size:clamp(44px,7vw,68px)}
.intro p{max-width:690px}
.asset-grid{gap:18px}
.asset-preview{padding:20px;min-height:180px}
.film,.assets,.copy{padding-bottom:52px}
.copy-grid{gap:18px}
.download{gap:30px}
}

@media(max-width:600px){.wrap{width:calc(100% - 32px)}
.mast{padding:14px 0}
.brand{font-size:16px;gap:8px}
.brand img{width:38px;height:38px}
.nav{gap:14px;font-size:12px}
.nav a:first-child{display:none}
.edition{font-size:10px;gap:12px;margin:16px 0}
.intro{padding-top:26px;gap:24px}
.intro h1{font-size:clamp(40px,11vw,62px);letter-spacing:-.025em}
.intro p{font-size:17px;line-height:1.6}
.section-head{padding:20px 0;gap:16px;align-items:start}
.section-head h2{font-size:29px}
.number{font-size:10px}
.film-foot{display:block}
.film-foot .actions{margin-top:12px}
.asset-grid,.copy-grid,.download{grid-template-columns:1fr}
.asset-preview.square{aspect-ratio:1/1}
.asset-preview.square img{width:220px;max-width:80%}
.asset-preview.wide{min-height:160px;padding:16px}
.copy-box{padding:22px}
.copy-box textarea{min-height:135px}
.download{gap:28px;padding:36px 0}
.footer{display:block}
.footer .file-type{display:block;margin-bottom:12px}
.button{font-size:13px}
.film video{min-height:0}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.button:hover{transform:none}
}