@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/barlow-condensed-700-latin.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/barlow-condensed-800-latin.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2')}
:root{--display:'Barlow Condensed',Impact,sans-serif;--sans:'Space Grotesk',sans-serif;--ink:#291232;--paper:#fbf6fc;--paper-warm:#f1e2f5;--mauve:#d99bc5;--lilac:#d9c4ef;--royal:#633184;--plum:#361143;--champagne:#eac98d}
body{font-family:var(--sans);font-weight:400}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.015em;line-height:1;text-transform:uppercase}
h1 em,h2 em{font-style:normal}
.hero h1{font-weight:800;font-size:clamp(6rem,12vw,11rem);line-height:.82;letter-spacing:-.025em}
.hero-line{font-family:var(--sans);font-size:clamp(1.1rem,1.65vw,1.4rem);line-height:1.4}
.eyebrow{font-family:var(--sans);font-weight:600;letter-spacing:.1em;font-size:.76rem}
.primary-nav{align-items:center;gap:clamp(.8rem,1.7vw,1.8rem)}
.primary-nav a{font-family:var(--display);font-size:1.3rem;font-weight:700;line-height:1.1;letter-spacing:.025em;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:color .2s,transform .2s}
.primary-nav a::after{bottom:2px;height:2px}
.primary-nav a:hover{color:var(--mauve);transform:translateY(-2px)}
.primary-nav a.nav-cta{padding:.7rem 1rem;background:var(--champagne);color:var(--plum);border:1px solid var(--champagne);box-shadow:3px 3px 0 var(--royal)}
.primary-nav a.nav-cta::after{display:none}
.primary-nav a.nav-cta:hover{background:var(--paper);color:var(--plum)}
.text-link,.action-link,.preview-toggle,.input-row button{font-family:var(--display);font-size:1.35rem;font-weight:700;line-height:1.1;letter-spacing:.025em;text-transform:uppercase}
.text-link,.action-link{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;max-width:100%;min-height:48px;padding:.72rem 1rem;border:1px solid currentColor;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.text-link:hover,.action-link:hover{background:var(--champagne);color:var(--plum);border-color:var(--champagne);box-shadow:4px 4px 0 var(--royal);transform:translate(-2px,-2px)}
.text-link:focus-visible,.action-link:focus-visible,.nav-cta:focus-visible{outline:3px solid var(--mauve);outline-offset:5px}
.release-week h2{font-size:2.3rem}
.release-week .text-link{font-size:1.1rem;padding:.5rem .8rem;min-height:42px}
.release-week .release-detail-link{margin-top:.7rem}
.release-card h2{font-size:2.8rem;line-height:1}
.release-card span{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.25em}
.release-card{transition:transform .2s,box-shadow .2s}
.release-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #29123220}
.journal-intro h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.98}
.essay h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1}
.essay h3{font-size:1.8rem;line-height:1.1}
.essay a:not(.text-link){font-weight:600;text-decoration-thickness:2px;text-underline-offset:.2em}
.footer-social-links .official-link span,.future-links .official-link span{font-family:var(--display);font-size:1.5rem;font-weight:700;text-transform:uppercase}
.site-footer>a:last-child{font-family:var(--display);font-size:1.2rem;font-weight:700;text-transform:uppercase;min-height:44px;display:inline-flex;align-items:center}
/* A bold invitation uses the existing approved comic and palette. */
.hero{row-gap:2.5rem}
.comic-invitation{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr) 235px;align-items:center;gap:clamp(1.25rem,3vw,3rem);padding:1.8rem 2rem;background:linear-gradient(115deg,var(--paper) 0%,var(--paper-warm) 52%,var(--lilac) 100%);color:var(--ink);border:0;border-left:7px solid var(--champagne);overflow:hidden}
.comic-invitation-cover{display:block;transform:rotate(-5deg);transition:transform .25s;box-shadow:9px 12px 0 #6331842b}
.comic-invitation-cover:hover{transform:rotate(0deg) translateY(-3px)}
.comic-invitation-cover img{display:block;width:100%;height:auto}
.comic-invitation .eyebrow{color:var(--royal);margin:0 0 .7rem;line-height:1.4}
.comic-invitation h2{font-family:var(--display);font-size:clamp(3rem,5.7vw,5.5rem);font-weight:800;letter-spacing:-.02em;line-height:.88;margin:0 0 1rem}
.comic-invitation h2 em{color:var(--royal);font-style:normal}
.comic-invitation-copy>p:last-child{font-size:1rem;line-height:1.5;margin:0;max-width:38ch}
.comic-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px;padding:1.1rem 1.25rem;background:var(--plum);color:var(--paper);font-family:var(--display);font-size:1.75rem;font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:0;text-decoration:none;border:2px solid var(--plum);box-shadow:6px 6px 0 var(--champagne);transition:transform .2s,box-shadow .2s,background .2s}
.comic-cta>span:last-child{font-size:2rem}
.comic-cta:hover{background:var(--royal);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--champagne)}
.comic-cta:focus-visible{outline:3px solid var(--royal);outline-offset:8px}
.comic-invitation-note{font-size:.75rem;line-height:1.5;margin:1rem 0 0}
.capture{font-family:var(--sans)}
.capture .welcome-copy h1{font-family:var(--display);font-size:clamp(3.5rem,6vw,5.7rem);font-weight:800;line-height:.92;text-transform:uppercase}
.capture .welcome-copy h1 em{color:var(--royal);font-style:normal}
.capture .welcome-copy>.eyebrow{color:var(--royal);font-weight:700;letter-spacing:.09em}
.capture .welcome-copy .hello{font-family:var(--sans);font-size:1.25rem;font-weight:600}
.capture .gift-form .eyebrow{color:var(--royal)}
.capture .gift-form button{font-family:var(--display);font-size:1.75rem;font-weight:800;letter-spacing:.015em;text-transform:uppercase;border-radius:0;min-height:64px;background:var(--plum);box-shadow:5px 5px 0 var(--champagne);transition:background .2s,transform .2s}
.capture .gift-form button:hover:not(:disabled){background:var(--royal);transform:translateY(-2px)}
.capture .gift-form h2,.capture .story-note h2{font-family:var(--display);font-weight:700}
@media(max-width:1050px) and (min-width:641px){.wordmark-name{font-size:1.1rem}.wordmark-mark{width:44px;height:44px}.primary-nav{gap:.75rem}.primary-nav a{font-size:1.1rem}.comic-invitation{grid-template-columns:115px minmax(0,1fr)}.comic-invitation-action{grid-column:2}.comic-cta{max-width:330px;min-height:64px}.comic-invitation h2{font-size:3.8rem}}
@media(max-width:640px){.primary-nav{align-items:stretch}.primary-nav a{font-size:1.65rem;padding:.9rem .7rem;min-height:54px}.primary-nav a.nav-cta{margin-top:.5rem;justify-content:center}.hero h1{font-size:clamp(5.6rem,23vw,9rem)}.text-link{font-size:1.2rem}.comic-invitation{grid-template-columns:82px minmax(0,1fr);gap:1.2rem;padding:1.3rem 1rem;border-left-width:4px}.comic-invitation h2{font-size:clamp(2.15rem,8.8vw,3.7rem);line-height:.92;margin-bottom:.7rem}.comic-invitation .eyebrow{font-size:.63rem;letter-spacing:.06em}.comic-invitation-copy>p:last-child{font-size:.85rem;line-height:1.4}.comic-invitation-action{grid-column:1/-1}.comic-cta{font-size:1.6rem;min-height:66px;width:100%;padding:.8rem 1rem}.comic-invitation-note{margin:.75rem 0 0;text-align:center}.comic-invitation-cover{transform:rotate(-4deg)}.journal-intro h1{font-size:clamp(2.8rem,12vw,4.7rem)}.capture .welcome-copy h1{font-size:3.4rem}.release-card h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.primary-nav a,.text-link,.action-link,.release-card,.comic-invitation-cover,.comic-cta,.capture .gift-form button{transition:none;transform:none!important}}