:root{color-scheme:dark;--ink:#151515;--paper:#f0eee8;--muted:#aaa9a3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b2d6ff;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--paper);color:var(--ink);z-index:10}.skip:focus{top:12px}header{min-height:112px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #41413e;gap:20px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:76px;height:auto}header p,.edition,.eyebrow,figcaption,footer{font-size:10px;font-weight:600;letter-spacing:1.8px}header p span{margin:0 14px;color:#858580}.edition{color:var(--muted)}.hero{padding:54px 5% 64px;display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:stretch}.eyebrow{line-height:1.7;margin:0 0 32px}.dot{display:inline-block;width:6px;height:6px;background:var(--paper);border-radius:50%;margin-right:10px;vertical-align:middle}h1{font-size:clamp(34px,4.55vw,76px);letter-spacing:-2.2px;line-height:1.1;font-weight:800;margin:0}.serif{font-family:Georgia,'Times New Roman',serif;font-size:1.32em;font-weight:400;font-style:italic;line-height:1.05;letter-spacing:-3.5px;display:inline-block;margin:0 0 15px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.hero-bottom p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.down{text-decoration:none;border:1px solid #686862;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:24px;transition:background .2s,color .2s}.down:hover{background:var(--paper);color:var(--ink)}figure{margin:0;position:relative;min-height:490px;overflow:hidden;background:#242421}figure>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:grayscale(1);opacity:.75}figure:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b)}figcaption{position:absolute;z-index:1;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;gap:10px;flex-wrap:wrap}.photo-label{position:absolute;z-index:1;bottom:26px;left:26px;font-weight:800;font-size:clamp(26px,3vw,45px);line-height:1;letter-spacing:-1px}.offer{background:var(--paper);color:var(--ink);padding:64px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.offer .eyebrow{margin-bottom:16px}.discount{font-size:clamp(125px,19vw,270px);font-weight:800;letter-spacing:-.09em;line-height:.95;display:flex;align-items:center}.discount>span{font-size:.4em;letter-spacing:-.05em;margin-left:16px}.discount small{display:block;font-size:10px;letter-spacing:1.3px;margin-top:12px}h2{font-size:clamp(28px,3vw,44px);letter-spacing:-1.3px;line-height:1.15;margin:0 0 22px}h2 em{font-family:Georgia,serif;font-weight:400}.offer-copy>p{font-size:14px;line-height:1.7}.cta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);padding:20px;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;margin-top:24px;min-height:58px;transition:background .2s,transform .2s}.cta:hover{background:#333;transform:translateY(-2px)}.cta span{font-size:22px}.offer-copy .cta-note{font-size:11px;color:#555;margin:10px 0 24px}.offer-copy .terms,.offer-copy .validity{font-size:11px;color:#555;line-height:1.6;margin:6px 0}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;align-items:center}footer p{margin:0}dialog{background:var(--paper);color:var(--ink);padding:46px 30px 30px;max-width:480px;width:calc(100% - 32px);border:0}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p,blockquote{font-size:14px;line-height:1.6}blockquote{margin:20px 0;padding:16px;border-left:2px solid var(--ink);background:#e4e1d9}.close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}.preview-note{color:#555}.noscript{padding:20px} @media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .75s ease-out both}figure{animation:enter 1s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:760px){header{min-height:94px;margin:0 6%}.brand img{width:60px}.edition{display:none}header p{font-size:8px;letter-spacing:1px}header p span{margin:0 6px}.hero{padding:32px 6% 38px;grid-template-columns:1fr;gap:30px}.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(31px,7.8vw,57px);letter-spacing:-1.3px}.serif{font-size:1.35em;letter-spacing:-2px;margin-bottom:10px}.hero-bottom{margin-top:18px}figure{min-height:320px;height:340px;min-width:0}figure>img{object-position:center 43%}.photo-label{font-size:32px}.offer{padding:40px 7%;grid-template-columns:1fr;gap:30px}.discount{font-size:clamp(150px,43vw,240px)}.offer-number{padding-bottom:30px;border-bottom:1px solid #bbb9b3}h2{font-size:34px}.cta{font-size:11px}footer{padding:26px 6%;flex-wrap:wrap;font-size:8px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Fire campaign — warm accents, restrained motion. */
:root{--flame:#ff762d;--amber:#ff9e54}
.dot{background:var(--flame);box-shadow:0 0 15px #ff762d88}
.hero .serif:last-child{color:var(--amber)}
.cta{background:var(--flame);border-color:var(--flame);color:#17120f;box-shadow:0 6px 24px #ff762d18}
.cta:hover{background:#ff9859;border-color:#ff9859;color:#17120f}
.down{border-color:var(--flame);background:var(--flame);color:#17120f}
.down:hover{background:var(--amber);color:#17120f}
.fire-scene{background:#080807;isolation:isolate;min-width:0}
.fire-scene>img{filter:none;opacity:1;object-fit:contain;object-position:center}
.fire-scene:after{background:linear-gradient(#0006,transparent 20%,transparent 80%,#0009);pointer-events:none}
.fire-scene figcaption{color:#e9ded4;font-size:8px}
.motion-toggle{position:absolute;z-index:3;bottom:16px;right:16px;border:1px solid #aaa;background:#111c;color:#fff;min-height:44px;padding:10px 13px;font-size:10px;letter-spacing:.5px;cursor:pointer}
.embers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.embers i{position:absolute;bottom:22%;left:65%;width:3px;height:5px;background:#ffac5c;border-radius:50%;box-shadow:0 0 10px #ff6b17;opacity:0}
.embers i:nth-child(2){left:32%;animation-delay:-1.1s!important}.embers i:nth-child(3){left:80%;animation-delay:-2.8s!important}.embers i:nth-child(4){left:50%;animation-delay:-3.5s!important}.embers i:nth-child(5){left:20%;animation-delay:-.7s!important}.embers i:nth-child(6){left:73%;animation-delay:-4.5s!important}
@media(prefers-reduced-motion:no-preference){.fire-scene>.fire-ball{animation:ball-drift 9s ease-in-out infinite}.embers i{animation:ember-rise 5s linear infinite}@keyframes ball-drift{0%,100%{transform:translateY(5px) rotate(-3deg) scale(1.02)}50%{transform:translateY(-7px) rotate(3deg) scale(1.06)}}@keyframes ember-rise{0%{transform:translate(0,0);opacity:0}20%{opacity:.85}100%{transform:translate(30px,-240px);opacity:0}}}
.motion-paused .fire-ball,.motion-paused .embers i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.motion-toggle,.embers{display:none}}
@media(max-width:760px){.fire-scene{height:auto;aspect-ratio:1;min-height:0}.fire-scene>img{object-position:center}.fire-scene figcaption{font-size:7px;left:14px;right:14px;top:14px;letter-spacing:.8px}.motion-toggle{bottom:10px;right:10px}}

/* Keep the campaign visual visible immediately on phones, with an explicit height. */
@media(max-width:760px){
 .hero{padding-top:20px;gap:25px}
 .fire-scene{order:-1;height:clamp(280px,86vw,430px);aspect-ratio:auto;width:100%}
 .hero-copy .eyebrow{margin-bottom:18px}
}

.video-scene{background:#000;display:grid;place-items:center}
.ball-stage{position:relative;width:100%;aspect-ratio:16/9}
.ball-stage video{display:block;width:100%;height:100%;object-fit:contain}
.ball-logo{position:absolute;width:19%;height:auto;left:40.5%;top:42%;opacity:.86;transform:rotate(-5deg);pointer-events:none}
.video-scene .motion-toggle{display:block}
.video-scene:after{display:none}
@media(max-width:760px){.video-scene{height:auto;min-height:260px}.ball-stage{width:150%;max-width:none}.video-scene .motion-toggle{bottom:8px}}

/* Preserve the existing video placement. */
.ball-stage video{position:absolute;inset:0}


/* Original transparent header logo, proportions preserved. */
.brand img{width:112px;height:auto;background:transparent}
@media(max-width:760px){.brand img{width:90px;height:auto}}

#continue-whatsapp{text-decoration:none}
@media(max-width:380px){header p{font-size:7px;letter-spacing:.7px}}