*{box-sizing:border-box}
:root{--gold:#ffc400;--cream:#f5f1e8;--muted:#bcb8ae;--black:#080909}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}
#embers{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 28%,rgba(104,52,5,.25),transparent 48%),radial-gradient(ellipse at 50% 100%,rgba(107,47,0,.12),transparent 40%)}
.hero{min-height:100svh;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:42px 20px 75px;background:radial-gradient(ellipse at center,rgba(39,27,12,.5),transparent 58%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.04) 50px),linear-gradient(90deg,#000 0%,transparent 25%,transparent 75%,#000 100%)}
.hero-inner{position:relative;z-index:2;width:min(100%,900px)}
.brand-wrap{width:clamp(142px,22vw,205px);height:clamp(142px,22vw,205px);margin:0 auto 27px;border-radius:50%;padding:6px;background:linear-gradient(145deg,#ffe16a,#bd8200 52%,#fff0a5);box-shadow:0 0 0 1px #ffdc5b66,0 0 32px #eaa90040}
.brand-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;border:3px solid #090909}
.status{display:inline-flex;align-items:center;gap:13px;border:1px solid #ffc40055;background:#ffc40012;border-radius:99px;padding:10px 20px;color:#ffd34c;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(17px,2.4vw,24px);letter-spacing:.13em;text-shadow:0 0 15px #ffc40055}
.status i{display:block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:.015em;line-height:.91;margin:27px 0 22px}
h1{font-size:clamp(3.25rem,8.3vw,6.8rem);text-shadow:0 4px 0 #000,0 12px 35px #000}
h1 span{color:var(--gold)}h1 em,h2 em{font-style:normal;color:var(--gold)}
.lead{margin:0 auto;max-width:680px;color:#d5d0c5;font-size:clamp(15px,2vw,19px);line-height:1.8}
.lead strong{color:white}
.rule{display:flex;align-items:center;justify-content:center;gap:15px;margin:27px auto 24px;color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;letter-spacing:.28em}
.rule span{height:1px;width:clamp(25px,7vw,65px);background:linear-gradient(90deg,transparent,var(--gold))}
.rule span:last-child{transform:scaleX(-1)}
.buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}
.button{min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0009}
.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.button svg .dot{fill:currentColor;stroke:none}
.instagram{background:var(--gold);color:#111}.whatsapp{border:1px solid #e9e2d2;color:#fff;background:#ffffff0a}
.hint{margin:22px 0 0;color:#88847b;font-size:11px;letter-spacing:.1em}
.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#aaa;text-decoration:none;font-size:9px;letter-spacing:.24em}
.scroll span{height:25px;width:1px;background:var(--gold)}
.next{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(270px,410px);gap:8vw;align-items:center;max-width:1120px;margin:auto;padding:105px 32px}
.kicker{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--gold)}
h2{font-size:clamp(3.8rem,7vw,6.5rem);margin:20px 0}
.next-copy p{max-width:465px;color:var(--muted);font-size:15px;line-height:1.85}
.follow{display:inline-block;margin-top:18px;padding-bottom:9px;border-bottom:1px solid #ffc40077;color:var(--gold);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.13em}
.follow b{font-size:17px;margin-left:8px}
.campaign{margin:0;padding:8px;background:#15120c;border:1px solid #80600f;box-shadow:0 18px 65px #000}
.campaign img{display:block;width:100%;height:auto}
.video-section{position:relative;z-index:2;padding:15px 20px 85px;text-align:center}
.video-heading{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:23px;color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(23px,4vw,34px);letter-spacing:.12em}
.video-heading i{width:40px;height:1px;background:var(--gold)}
.video-frame{width:min(100%,700px);margin:auto;padding:8px;border:1px solid #ffc40055;background:#15120d;box-shadow:0 15px 60px #000}
.video-frame video{display:block;width:100%;max-height:620px;background:#000;border-radius:3px}
footer{position:relative;z-index:2;min-height:85px;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #ffffff12;color:#77736a;font-size:9px;letter-spacing:.14em}
footer img{width:45px;height:45px;object-fit:cover;border-radius:50%;border:1px solid #b78a18}
footer span:last-child{text-align:right}
@media(max-width:700px){.hero{padding:28px 18px 72px}.brand-wrap{margin-bottom:22px}.status{font-size:16px;padding:9px 13px;letter-spacing:.08em;gap:8px}h1{font-size:clamp(3.1rem,13.5vw,5rem);margin:24px 0 17px}.lead br{display:none}.lead{max-width:370px}.buttons{flex-direction:column;align-items:stretch;max-width:340px;margin:auto}.button{width:100%;min-height:53px}.next{grid-template-columns:1fr;padding:75px 23px;gap:35px}.next-copy h2{font-size:4.4rem}.campaign{max-width:420px;margin:auto}.video-section{padding:0 15px 65px}.video-frame{padding:5px}footer{justify-content:center;flex-wrap:wrap;text-align:center}footer span:last-child{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}