:root {
  --scarlet: #d62828;
  --paper: #f1e4c9;
  --paper-light: #f7edd9;
  --ink: #151211;
  --soft-ink: #51463e;
  --rule: rgba(21,18,17,.22);
}
*,*::before,*::after {box-sizing:border-box}
html {background:var(--paper); min-width:320px}
body {margin:0; min-height:100vh; color:var(--ink); background:var(--paper); font-family:Arial, Helvetica, sans-serif; overflow-x:hidden}
.print-grain {position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.71' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23noise)' opacity='.23'/%3E%3C/svg%3E")}
.scarlet-rule--top {height:7px;width:100%;background:var(--scarlet)}
.landing-page {position:relative;max-width:1270px;margin:0 auto;padding:clamp(25px,3.4vw,48px) clamp(22px,6.5vw,92px) 25px;min-height:calc(100svh - 7px);display:flex;flex-direction:column}
.brand-header {display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3vw,37px)}
.official-logo {display:block;object-fit:contain;width:min(100%,785px);height:auto;filter:none}
.brand-divider {width:100%;height:1px;background:var(--rule)}
.teaser-section {flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0 52px}
.star-divider {display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 28px;color:var(--scarlet)}
.star-line {width:36px;height:1px;background:var(--scarlet);opacity:.72}
.star {display:block;font-size:29px;line-height:1;font-family:Georgia,serif;transform:translateY(-1px)}
.headline {font-family:Georgia,'Times New Roman',serif;font-weight:900;line-height:1.03;margin:0;width:100%;max-width:1100px;letter-spacing:-.052em}
.headline-line {display:block;white-space:nowrap}
.headline-line--first {font-size:clamp(48px,6.1vw,84px);color:var(--ink)}
.headline-line--middle {font-size:clamp(40px,5.9vw,82px);color:var(--scarlet);letter-spacing:-.065em;margin:.04em 0}
.headline-line--last {font-size:clamp(45px,5.8vw,79px);color:var(--ink);letter-spacing:-.052em}
.headline-dot {color:var(--ink)}
.intro {font-size:clamp(17px,1.6vw,20px);line-height:1.45;letter-spacing:.004em;color:var(--soft-ink);margin:25px 0 0}
.email-panel {width:min(100%,460px);margin-top:32px}
.form-preamble {margin:0 0 12px;letter-spacing:.19em;font-size:11px;font-weight:900;text-align:left}
.form-mount {min-height:132px;text-align:left}
.signup-form {display:flex;flex-direction:column;gap:12px}
.email-label {font-size:12px;font-weight:700;letter-spacing:.04em}
.signup-form input[type=email] {display:block;width:100%;height:57px;border:1px solid #665b51;border-radius:0;padding:0 17px;background:var(--paper-light);font-size:16px;color:var(--ink);outline-offset:3px;box-shadow:none}
.signup-form input[type=email]::placeholder {color:#77716c;opacity:1}
.signup-form input[type=email]:focus {outline:2px solid var(--scarlet);border-color:var(--scarlet)}
.subscribe-consent {display:flex;align-items:flex-start;gap:10px;line-height:1.45;font-size:12px;color:#4b413b;cursor:pointer;text-align:left;margin:1px 0 3px}
.subscribe-consent input {flex-shrink:0;appearance:auto;accent-color:var(--scarlet);width:17px;height:17px;margin:0}
.submit-btn {width:100%;min-height:57px;border:2px solid var(--scarlet);background:var(--scarlet);color:white;border-radius:0;font-size:13px;font-weight:900;letter-spacing:.2em;cursor:pointer;transition:background-color .15s,color .15s}
.submit-btn:hover {background:var(--ink);border-color:var(--ink)}
.submit-btn:focus-visible {outline:3px solid var(--ink);outline-offset:3px}
.submit-btn:disabled {opacity:.7;cursor:wait}
.form-error {font-size:12px;line-height:1.4;color:#ab1122}
.form-error:empty {display:none}
.form-mount .loading {font-size:13px;color:var(--soft-ink);margin:20px 0}
.success {border:1px solid var(--scarlet);padding:24px;background:rgba(214,40,40,.06);font-family:Georgia,serif;font-size:18px;line-height:1.45}
.site-footer {border-top:1px solid var(--rule);padding-top:16px;display:flex;justify-content:center;gap:15px;font-size:9px;font-weight:800;letter-spacing:.18em;line-height:1.4}

@media(min-width:1100px) and (min-height:800px) {.teaser-section {padding:85px 0}}
@media(max-width:650px) {
 .scarlet-rule--top {height:6px}
 .landing-page {min-height:calc(100svh - 6px);padding:27px 17px 16px}
 .brand-header {gap:27px}
 .official-logo {width:100%}
 .teaser-section {padding:47px 0 53px}
 .star-divider {gap:12px;margin-bottom:22px}
 .star-line {width:27px}
 .star {font-size:27px}
 
 .headline {line-height:1.065}
 .headline-line--first {font-size:clamp(40px,10vw,59px)}
 .headline-line--middle {font-size:clamp(30px,8.05vw,51px);letter-spacing:-.065em}
 .headline-line--last {font-size:clamp(38px,9.2vw,56px)}
 .intro {font-size:17px;margin-top:23px}
 .email-panel {margin-top:33px}
 .site-footer {font-size:8px;letter-spacing:.06em}

}
@media(max-width:380px) {
 .headline-line--first {font-size:clamp(36px,9.6vw,40px)}
 .headline-line--middle {font-size:clamp(28px,8vw,31px)}
 .headline-line--last {font-size:clamp(34px,9vw,38px)}
 .official-logo {width:100%}
}
@media(prefers-reduced-motion:reduce){.submit-btn{transition:none}}

/* Stacked authentic wordmark: each line is from the original approved glyphs. */
.landing-page {padding-top:clamp(27px,3vw,40px)}
.brand-header {gap:clamp(18px,2.4vw,27px)}
.official-logo {width:min(100%,500px);height:auto}
.teaser-section {padding:clamp(30px,4vw,48px) 0 45px}
.star-divider {margin-bottom:20px}
.intro {margin-top:21px}
.email-panel {margin-top:26px}
@media(max-width:650px) {
 .landing-page {padding-top:24px}
 .brand-header {gap:19px}
 .official-logo {width:min(100%,405px)}
 .teaser-section {padding:32px 0 39px}
 .star-divider {margin-bottom:19px}
 .intro {margin-top:19px}
 .email-panel {margin-top:27px}
}