:root{--cream:#ece2cb;--cream-d:#c9bc9f;--char:#151210;--char2:#1f1a17;--ox:#8f1b17;--ox-l:#c4392d;--ink:#2a221d;
--display:"Alfa Slab One",Georgia,serif;--body:"Old Standard TT",Georgia,"Times New Roman",serif;--deco:"Limelight",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--char);color:var(--cream);font:1.125rem/1.7 var(--body);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.09;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-999px;top:0;background:var(--cream);color:var(--char);padding:.5rem 1rem;z-index:99}
.skip:focus{left:1rem}
h1,h2,h3{margin:0;font-weight:400}
a{color:var(--ox-l)}
:focus-visible{outline:2px solid var(--ox-l);outline-offset:3px}
.btn{display:inline-block;background:var(--ox);color:var(--cream);border:1px solid var(--ox-l);font:1rem/1 var(--deco);letter-spacing:.08em;padding:.9rem 1.4rem;text-decoration:none;cursor:pointer;transition:background .2s}
.btn:hover{background:#a8221c}

.hero{position:relative;overflow:hidden;padding:2.5rem 1.25rem 3rem;
background:radial-gradient(ellipse at 50% 0%,#4a4038 0%,#1f1a17 55%,var(--char) 100%)}
.hero::after{content:"";position:absolute;inset:-50%;pointer-events:none;opacity:.07;
background:repeating-linear-gradient(105deg,transparent 0 9px,rgba(236,226,203,.9) 9px 10px,transparent 10px 23px);
animation:rain 1.2s linear infinite}
@keyframes rain{to{transform:translate(-14px,46px)}}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}html{scroll-behavior:auto}}
.hero-inner{position:relative;z-index:1;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}
.cover{margin:0;width:min(70vw,340px)}
.cover img{display:block;width:100%;height:auto;box-shadow:0 30px 60px rgba(0,0,0,.7),0 0 0 1px rgba(236,226,203,.12)}
.kicker{margin:0 0 .5rem;font:.85rem var(--deco);letter-spacing:.3em;text-transform:uppercase;color:var(--cream-d)}
h1{line-height:.95}
.t1{display:block;font-family:var(--display);font-size:clamp(3.4rem,15vw,6.5rem);color:var(--cream);letter-spacing:.01em;text-shadow:0 4px 18px rgba(0,0,0,.6)}
.t2{display:block;font-family:var(--display);font-size:clamp(1.5rem,6.6vw,2.85rem);color:var(--ox-l);text-transform:uppercase;letter-spacing:.04em;margin-top:.35rem}
.byline{margin:1rem 0 0;font:italic 1.2rem var(--body);color:var(--cream-d)}
.byline span{font:normal 1.6rem var(--deco);color:var(--cream);letter-spacing:.04em;display:inline-block;padding-bottom:.25rem;border-bottom:3px solid var(--ox-l)}
.hook{margin:1.5rem auto 1.8rem;max-width:26ch;font:italic 700 1.45rem/1.35 var(--body);color:var(--cream);border-top:1px solid var(--ox);border-bottom:1px solid var(--ox);padding:.9rem 0}
@media (min-width:900px){
 .hero{padding:4.5rem 2rem 5rem}
 .hero-inner{flex-direction:row;justify-content:center;gap:4rem;text-align:left}
 .cover{width:380px;flex:none;transform:rotate(-1.2deg)}
 .hook{margin-left:0}
}

main section{padding:3.5rem 1.25rem}
h2{font-family:var(--deco);font-size:clamp(1.7rem,6vw,2.4rem);letter-spacing:.06em;text-align:center;margin-bottom:1.5rem;color:var(--cream)}
h2::after{content:"";display:block;width:70px;height:3px;background:var(--ox);margin:.8rem auto 0}

.blurb{max-width:42rem;margin:0 auto}
.blurb p{margin:0 0 1.1rem}
.blurb p:first-of-type::first-letter{font:3.6rem/.8 var(--display);float:left;margin:.35rem .5rem 0 0;color:var(--ox-l)}


.world{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 120px rgba(90,60,30,.18)}
.world h2{color:var(--char)}
.world ul{list-style:none;margin:0 auto;padding:0;max-width:1040px;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:700px){.world{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 120px rgba(90,60,30,.18)}
.world h2{color:var(--char)}
.world ul{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.world{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 120px rgba(90,60,30,.18)}
.world h2{color:var(--char)}
.world ul{grid-template-columns:repeat(4,1fr)}}
.world li{background:var(--char2);border:1px solid #3a302a;border-top:3px solid var(--ox);padding:1.4rem 1.3rem}
.world h3{font:1.25rem var(--deco);letter-spacing:.05em;color:var(--cream);margin-bottom:.5rem}
.world p{margin:0;font-size:1.02rem;color:var(--cream-d)}

.signup{text-align:center;background:linear-gradient(180deg,var(--char) 0%,#2a0f0d 100%)}
.signup>p{max-width:34rem;margin:0 auto 1.6rem}
.form{max-width:32rem;margin:0 auto}
.form label{display:block;font:.85rem var(--deco);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;color:var(--cream-d)}
.row{display:flex;flex-direction:column;gap:.6rem}
@media (min-width:520px){.row{flex-direction:row}}
.form input{flex:1;font:1.05rem var(--body);padding:.85rem 1rem;background:var(--cream);color:var(--char);border:1px solid var(--cream-d)}
.form-msg{min-height:1.5em;margin:.9rem 0 0;font-style:italic;color:var(--cream)}

.foot{text-align:center;padding:2.5rem 1rem;border-top:1px solid #3a302a;font-size:.95rem;color:var(--cream-d)}
.foot p{margin:.2rem 0}
.foot-title{font-family:var(--display);color:var(--cream);font-size:1.2rem}
/* Kit form overrides */
.signup .formkit-form{max-width:34rem!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-family:var(--body)!important;color:var(--cream)!important}
.signup .formkit-form [data-style="clean"],.signup .formkit-form .formkit-background{background:transparent!important;padding:0!important;width:100%!important}
.signup .formkit-header,.signup .formkit-header h2,.signup .formkit-subheader,.signup .formkit-subheader p,.signup .formkit-guarantee{color:var(--cream-d)!important;font-family:var(--body)!important}
.signup .formkit-header h2{font-family:var(--deco)!important;letter-spacing:.06em!important}
.signup .formkit-fields{display:flex!important;flex-wrap:wrap!important;gap:.6rem!important;margin:0!important}
.signup .formkit-field{flex:1 1 14rem!important;margin:0!important}
.signup .formkit-input{width:100%!important;font:1.05rem var(--body)!important;padding:.85rem 1rem!important;background:var(--cream)!important;color:var(--char)!important;border:1px solid var(--cream-d)!important;border-radius:0!important;min-height:3rem!important}
.signup .formkit-input::placeholder{color:#6b5d50!important;opacity:1!important}
.signup .formkit-input:focus{outline:2px solid var(--ox-l)!important;outline-offset:2px!important;border-color:var(--ox-l)!important}
.signup .formkit-submit{flex:0 0 auto!important;margin:0!important;background:var(--ox)!important;color:var(--cream)!important;border:1px solid var(--ox-l)!important;border-radius:0!important;font:1rem/1 var(--deco)!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer!important;min-height:3rem!important;padding:0!important}
.signup .formkit-submit>span{padding:.9rem 1.4rem!important;background:transparent!important}
.signup .formkit-submit:hover,.signup .formkit-submit:focus-visible{background:#a8221c!important}
.signup .formkit-submit:focus-visible{outline:2px solid var(--cream)!important;outline-offset:3px!important}
.signup .formkit-alert-success{background:transparent!important;border:1px solid var(--ox-l)!important;color:var(--cream)!important;font-style:italic!important;border-radius:0!important}
.signup .formkit-alert-error{background:#2a0f0d!important;border:1px solid var(--ox-l)!important;color:var(--cream)!important;border-radius:0!important}
.signup .formkit-powered-by-convertkit-container,.signup .formkit-powered-by{display:none!important}
@media (max-width:520px){.signup .formkit-field,.signup .formkit-submit{flex:1 1 100%!important}}
.signup .formkit-form *{background-color:transparent}
.signup .formkit-form [data-style="minimal"],.signup .formkit-form [data-style="clean"]{background:transparent!important;padding:0!important}
.signup .formkit-header,.signup .formkit-subheader,.signup .formkit-image{display:none!important}
.signup .formkit-form [data-element="fields"]{max-width:none!important}
.signup .formkit-guarantee{font-size:.85rem!important;font-style:italic!important;margin-top:.8rem!important}
.signup .formkit-form .formkit-column{background:transparent!important;padding:0!important;min-height:0!important}
.signup .formkit-form .formkit-column:empty,.signup .formkit-form .formkit-column:has(>.formkit-header){display:none!important}
.signup .formkit-alert:empty{display:none!important}