:root{color-scheme:dark;--cream:#fceacb;--gold:#ebc66b}
*{box-sizing:border-box}
html{min-width:280px;background:#251408}
body{margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;min-height:100svh;background:radial-gradient(ellipse at 50% 32%,#533017 0,#2b170b 58%,#211207 100%)}
.landing{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;width:min(100%,720px);min-height:100svh;margin:0 auto;background:radial-gradient(ellipse at 50% 57%,#57310e 0,#432208 52%,#271609 100%)}
.landing::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;background:url("assets/grain.svg");mix-blend-mode:soft-light}
.photo{position:absolute;z-index:-2;top:0;left:0;right:0;height:105cqw;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent)}
.photo img{position:absolute;top:-61cqw;left:-5cqw;width:120%;height:auto;filter:sepia(.2) saturate(1.3) brightness(1.1) contrast(1.04)}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(99,58,0,.15) 0%,rgba(111,65,2,.14) 38%,rgba(71,35,6,.2) 55%,#4a270cdb 78%,#502b0c 100%)}
.offer{padding:71cqw 6.7cqw 15cqw;text-align:center;text-shadow:0 .15em .3em #21110885}
.eyebrow,.opening{display:flex;align-items:center;justify-content:center;gap:2.5cqw;margin:0}
.eyebrow{font-style:italic;font-size:4.02cqw;line-height:1.23;white-space:nowrap}
.eyebrow::before,.eyebrow::after,.opening::before,.opening::after{content:"";height:1px;flex:1 1 auto;background:var(--gold);min-width:1.6cqw;max-width:8cqw}
h1{margin:3.1cqw -1.7cqw 0;font-style:italic;font-size:7.85cqw;font-weight:700;line-height:1.04;letter-spacing:-.03em}
h1 span{display:block}
h1::after{content:"";display:block;width:15cqw;height:1.5px;margin:2.8cqw auto 0;background:var(--gold)}
.description{margin:2.8cqw auto 0;font-size:3.58cqw;line-height:1.11;max-width:85cqw}
.benefits{list-style:none;margin:4.25cqw auto 0;padding:0;display:grid;gap:2.3cqw;width:max-content;max-width:100%;text-align:left}
.benefits li{display:flex;align-items:center;gap:4.15cqw;font-size:4.0cqw;line-height:1.05}
.benefits svg{width:5.3cqw;height:5.3cqw;flex:none}
.opening{margin-top:6.1cqw;gap:1.8cqw}
.opening span{border:1px solid #ffedc4;border-radius:100px;padding:1.15cqw 4.05cqw;background:#f6dfba;color:#760d10;font-weight:bold;text-transform:uppercase;letter-spacing:.075em;font-size:3.3cqw;line-height:1.22;white-space:nowrap;text-shadow:none;box-shadow:0 1px 2px #210d0350,inset 0 0 .5em #fff4d9}
.join{margin:5.55cqw auto 0;display:flex;align-items:center;justify-content:center;gap:2.5cqw;min-height:11.35cqw;padding:1.75cqw 3cqw;border-radius:100px;border:1px solid #abbb40;background:linear-gradient(180deg,#728d2f 0,#406314 47%,#304709 100%);box-shadow:inset 0 0 1.25em #98a9295c,0 .36em 1em #1a0e0480;text-decoration:none;font-family:Arial,Helvetica,sans-serif;color:#fff8e4;font-size:4.12cqw;line-height:1.1;font-weight:700;text-shadow:0 1px 2px #223809;white-space:nowrap}
.join:hover{background:linear-gradient(180deg,#809d39,#507520 48%,#354e10)}
.join:focus-visible{outline:3px solid #fff1c8;outline-offset:4px}
.join svg{flex:none;width:6.2cqw;height:6.2cqw}
.join svg.arrow{width:5cqw;height:5cqw;margin-left:auto}
.join .wa{margin-left:2cqw}
.pixel{position:absolute;bottom:0;left:0}
@media(min-width:721px){.landing{box-shadow:0 0 100px #170a02a0}}
@media(max-width:350px){.join{min-height:44px;gap:2cqw}.join .wa{margin-left:0}.offer{padding-bottom:17cqw}}