@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Outfit:wght@300;400;600;800&display=swap";
:root{--background:#fafaf9;--foreground:#18181b;--ch-sage:#b0122b;--ch-beige:#e9dfcc;--ch-charcoal:#36454f;--ch-cream:#fffdd0;--ch-primary:#b0122b;--ch-amber:#f59e0b}.ch-hero{width:100%;height:clamp(600px,90vh,1000px);color:var(--background);background:#000;font-family:Outfit,sans-serif;position:relative;overflow:hidden}@media (max-width:768px){.ch-hero{height:80vh;min-height:500px}}.slide-container{justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .7s;display:flex;position:absolute;inset:0;overflow:hidden}.slide-container[data-type=promotion]{background:#2a0810}.slide-container[data-type=promotion] .headline{color:#e9dfcc}.slide-container[data-type=promotion] .subheadline{color:#e9dfcc99}.slide-container[data-type=promotion] .sale-price{color:#b0122b}.slide-container[data-type=promotion] .orig-price{color:#e9dfcc66}.slide-container[data-type=promotion] .badge{color:#f49aab;background:#b0122b33;border-color:#b0122b59}.slide-container[data-type=promotion] .cta-btn{color:#2a0810;background:#b0122b}.slide-container[data-type=pack]{background:#2b1f14}.slide-container[data-type=pack] .headline{color:#f0e8d8}.slide-container[data-type=pack] .subheadline{color:#f0e8d88c}.slide-container[data-type=pack] .bundle-price{color:#c9a96e}.slide-container[data-type=pack] .orig-value{color:#f0e8d859;text-decoration:line-through}.slide-container[data-type=pack] .badge{color:#c9a96e;background:#f0e8d812;border-color:#c9a96e4d}.slide-container[data-type=pack] .cta-btn{color:#2b1f14;background:#c9a96e}.orb{pointer-events:none;z-index:0;border-radius:50%;transition:opacity .6s;position:absolute}.orb-promo-1{filter:blur(80px);opacity:.3;background:#b0122b;width:320px;height:320px;top:-80px;right:-80px}.orb-promo-2{filter:blur(60px);opacity:.12;background:#fffdd0;width:180px;height:180px;bottom:-40px;left:40px}.slide-container[data-type=promotion]:has(.product-img-wrapper:hover) .orb-promo-1{opacity:.5}.orb-pack-1{filter:blur(90px);opacity:.35;background:#8b5e3c;width:350px;height:350px;top:-80px;left:-80px}.orb-pack-2{filter:blur(70px);opacity:.25;background:#b0122b;width:220px;height:220px;bottom:-40px;right:-40px}.slide-container.inactive{opacity:0;pointer-events:none;z-index:0;transform:scale(.95)}.slide-container.active{opacity:1;z-index:10;transform:scale(1)}.slide-container.incoming{opacity:0;transform:scale(1.05)}.ch-container{z-index:20;align-items:center;width:100%;max-width:1280px;height:100%;margin:0 auto;padding:0 40px;display:flex;position:relative}@media (max-width:768px){.ch-container{text-align:center;flex-direction:column;justify-content:center;padding:40px 20px}}.headline{opacity:0;margin-bottom:1.25rem;font-family:DM Serif Display,serif;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.05;transform:translateY(24px)}.subheadline{color:#fafaf9bf;opacity:0;max-width:520px;margin-bottom:2.5rem;font-size:clamp(.95rem,1.5vw,1.25rem);font-weight:300;line-height:1.6;transform:translateY(24px)}@media (max-width:768px){.subheadline{margin:0 auto 2.5rem}}.badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--background);letter-spacing:.15em;text-transform:uppercase;opacity:0;background:#b0122b40;border:1px solid #b0122b66;border-radius:100px;margin-bottom:2rem;padding:6px 18px;font-size:.7rem;font-weight:800;display:inline-block;transform:translateY(24px)}.badge.amber{background:#f59e0b40;border-color:#f59e0b73}.cta-btn{background:var(--ch-sage);color:var(--background);letter-spacing:.05em;opacity:0;border-radius:2px;align-items:center;gap:12px;padding:16px 36px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translateY(24px)}.cta-btn:hover{background:#8e0e22;transform:translateY(-2px);box-shadow:0 0 30px #b0122b73}.cta-btn svg{transition:transform .3s}.cta-btn:hover svg{transform:translate(4px)}.active .headline{animation:.7s .2s forwards staggerIn}.active .subheadline{animation:.7s .3s forwards staggerIn}.active .badge{animation:.7s .1s forwards staggerIn}.active .cta-btn{animation:.7s .45s forwards staggerIn}.active .price-row{animation:.7s .4s forwards staggerIn}.active .timer-wrapper{animation:.7s .5s forwards staggerIn}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.promo-content{align-items:center;width:100%;display:flex}.promo-text{flex:0 0 55%}.promo-visual{flex:0 0 45%;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:768px){.promo-content{flex-direction:column-reverse}.promo-text{flex:1;margin-top:40px}.promo-visual{flex:1;width:100%;height:300px}}.product-img-wrapper{z-index:2;width:85%;position:relative}.product-img{object-fit:contain;filter:drop-shadow(0 30px 60px #000000d9);width:100%;height:auto;max-height:60vh;animation:5s ease-in-out infinite float}.glow{background:radial-gradient(circle,var(--ch-cream)0%,transparent 70%);opacity:.12;z-index:1;pointer-events:none;width:130%;height:130%;transition:transform 1s,opacity 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.product-img-wrapper:hover .glow{opacity:.22;transform:translate(-50%,-50%)scale(1.2)}.price-row{opacity:0;align-items:center;gap:20px;margin-bottom:2.5rem;display:flex;transform:translateY(24px)}.save-badge{background:var(--ch-sage);color:var(--background);border-radius:100px;padding:4px 14px;font-size:.75rem;font-weight:800;box-shadow:0 4px 15px #b0122b4d}.sale-price{color:var(--ch-sage);letter-spacing:-.02em;font-size:3rem;font-weight:800}.orig-price{color:#fafaf959;font-size:1.25rem;font-weight:300;text-decoration:line-through}.pack-layout{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pack-grid{justify-content:center;align-items:flex-end;width:100%;max-width:1000px;height:clamp(250px,40vh,450px);margin-bottom:40px;display:flex;position:relative}.pack-item{z-index:2;width:clamp(140px,20vw,240px);transition:all .5s;position:relative}.pack-item:hover{z-index:10;transform:scale(1.1)!important}.pack-item img{object-fit:contain;filter:drop-shadow(0 20px 40px #000c);width:100%;height:auto}.brand-layout{align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.brand-bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform 15s linear;position:absolute;inset:0}.active .brand-bg{transform:scale(1.1)}.brand-overlay{z-index:1;background:linear-gradient(135deg,#18181bcc 0%,#18181b66 100%);position:absolute;inset:0}.brand-noise{opacity:.04;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,<svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\"/></svg>");position:absolute;inset:0}.ch-timer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:2px;margin-top:2.5rem;padding:14px 28px;display:inline-block;transform:translateY(24px)}.ch-timer.critical{background:#ef444426;border-color:#ef444466;animation:2.5s ease-in-out infinite pulseRed}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 25px #ef444480}}.critical-header{color:#ef4444;text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;margin-bottom:10px;font-size:.7rem;font-weight:800;display:flex}.dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.timer-grid{align-items:center;gap:16px;display:flex}.unit{flex-direction:column;align-items:center;display:flex}.val{letter-spacing:.05em;font-family:DM Serif Display,serif;font-size:1.5rem;font-weight:800}.label{opacity:.6;letter-spacing:.1em;margin-top:2px;font-size:.55rem;font-weight:700}.sep{opacity:.25;margin-top:-16px;font-family:serif;font-size:1.5rem;font-weight:400}.progress-bar{z-index:100;background:#ffffff14;width:100%;height:3px;position:absolute;bottom:0;left:0}.progress-fill{background:var(--ch-sage);width:0%;height:100%}.ch-hero:not(:hover) .progress-fill{animation:6s linear infinite progressFill}@keyframes progressFill{0%{width:0%}to{width:100%}}.nav-dots{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;gap:14px;padding:10px 24px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.dot-nav{cursor:pointer;background:#ffffff59;border:none;border-radius:100px;width:8px;height:8px;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.dot-nav.active{background:var(--ch-sage);width:32px;box-shadow:0 0 15px #b0122b66}.arrow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:100;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-50%)scale(1.1)}.arrow.left{left:40px}.arrow.right{right:40px}@media (max-width:1200px){.arrow{display:none}}