:root{--ink:#27252d;--muted:#707079;--plum:#35233c;--line:rgba(59,40,64,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;background:radial-gradient(ellipse 90% 17% at 83% 4%,#ece2f4 0,transparent 85%),radial-gradient(ellipse 85% 17% at 10% 22%,#ebe0f0 0,transparent 85%),radial-gradient(ellipse 85% 23% at 90% 52%,#e6eff9 0,transparent 85%),radial-gradient(ellipse 95% 14% at 80% 90%,#ece0f0 0,transparent 90%),#fcfaf7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #836496;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.15}h1{font-size:clamp(2.4rem,4.2vw,3.8rem)}h2{font-size:clamp(1.8rem,2.8vw,2.65rem)}h3{font-size:1.35rem;letter-spacing:-.03em}.wrap{width:min(1180px,88%);margin-inline:auto}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:29px;letter-spacing:-.055em}.nav nav{display:flex;gap:40px;font-size:14px}.nav nav a:hover,.text-link:hover{color:#815d91}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;background:var(--plum);color:white;border-radius:100px;min-height:48px;padding:13px 27px;font-size:14px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#51365d;transform:translateY(-2px);box-shadow:0 6px 16px #35233c18}.button:disabled{opacity:.65;cursor:wait;transform:none}.button.small{min-height:40px;padding:9px 22px;font-size:13px}.hero{padding-top:54px;overflow:hidden;padding-bottom:56px}.intro{text-align:center}.intro p{font-size:18px;color:var(--muted);margin-top:17px}.actions{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:25px}.text-link{font-size:14px;border-bottom:1px solid var(--line);padding:5px 0}.fan{display:flex;align-items:center;justify-content:center;width:min(1420px,105%);height:480px;margin:65px auto 18px;position:relative;left:50%;transform:translateX(-50%);gap:18px}.card{width:19%;height:79%;flex-shrink:0;border-radius:22px;overflow:hidden;box-shadow:0 14px 28px #57476012;transition:transform .5s}.card:nth-child(1){transform:translateY(21px) rotate(-8deg)}.card:nth-child(2){transform:rotate(-4deg)}.card:nth-child(3){height:100%;width:22%;z-index:2}.card:nth-child(4){transform:rotate(4deg)}.card:nth-child(5){transform:translateY(21px) rotate(8deg)}.card:hover{transform:translateY(-8px) rotate(0)}.bottle img{object-position:89% center}.portrait img{object-position:18% center}.detail img{object-position:43% center}.caption{font-size:12px;color:var(--muted)}.hero>.caption{text-align:center;margin-top:32px}.difference{display:grid;grid-template-columns: .9fr 1.3fr;gap:65px;align-items:center;padding-block:75px 100px}.copy p{max-width:350px;margin-top:22px;color:var(--muted)}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.photo{height:290px;border-radius:18px;overflow:hidden}.story figcaption{text-align:center;font-size:13px;margin-top:16px}.payoff img{object-position:73% center}.heading{text-align:center}.heading p{color:var(--muted);margin-top:14px;font-size:18px}.work{padding-top:25px;padding-bottom:110px}.formats{display:grid;grid-template-columns:.75fr 1fr 1.4fr;gap:22px;align-items:center;margin-top:55px}.formats figure{position:relative;border-radius:18px;overflow:hidden}.formats .vertical{aspect-ratio:9/16}.vertical img{object-position:18% center}.formats .square{aspect-ratio:1}.square img{object-position:40% center}.formats .wide{aspect-ratio:16/9}.formats figcaption{position:absolute;bottom:12px;right:13px;background:#fff9;backdrop-filter:blur(8px);padding:3px 10px;border-radius:30px;font-size:12px}.platforms{text-align:center;color:var(--muted);font-size:14px;margin:32px 0 10px}.platforms span{margin:0 9px}.work>.caption{text-align:center}.method{padding:95px 0 100px;background:linear-gradient(180deg,transparent,#ddecf8aa 30%,#e4eefa99 75%,transparent);border-radius:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px}.number{color:var(--muted);font-size:15px;display:block;margin-bottom:12px}.steps p{color:var(--muted);margin-top:10px;min-height:50px}.step-photo{height:255px;border-radius:20px;overflow:hidden;margin-top:23px}.trial{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:100px;padding-block:120px 95px}.trial-copy>p{color:var(--muted);margin-top:16px}.trial-copy form{margin-top:28px;max-width:410px}label{display:block;font-size:13px;margin:12px 0 6px;color:#5d5661}input{width:100%;border:1px solid var(--line);border-radius:30px;background:#ffffffb8;min-height:48px;padding:12px 18px;font-size:15px;color:var(--ink)}input::placeholder{color:#8a848c}.trial button{width:100%;margin-top:17px;justify-content:space-between;padding-inline:23px}.trial .caption{margin-top:15px}#form-status{font-size:14px;margin-top:12px;color:var(--plum)}#form-status:empty{display:none}.trap{position:absolute;left:-10000px}.mini-fan{display:flex;align-items:center;justify-content:center;height:330px}.mini-fan img{width:36%;height:83%;border-radius:19px;box-shadow:0 14px 30px #45324b16}.mini-fan img:first-child{transform:rotate(-10deg) translateX(15px)}.mini-fan img:nth-child(2){height:100%;object-position:18%;z-index:1}.mini-fan img:last-child{transform:rotate(10deg) translateX(-15px);object-position:89%}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:28px 40px;font-size:12px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:9}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-top:75px}.fan{height:530px}}@media(max-width:800px){.wrap{width:90%}.nav{height:80px}.nav nav{gap:20px}.hero{padding-top:45px}.fan{height:350px;gap:10px;margin-top:50px;width:115%}.card{border-radius:14px}.intro p{font-size:16px;max-width:330px;margin:16px auto 0}.difference{grid-template-columns:1fr;gap:35px;padding-block:50px 65px}.copy{max-width:500px}.photo{height:280px}.formats{gap:12px}.work{padding-bottom:55px}.method{padding:60px 0}.steps{gap:22px;margin-top:40px}.steps h3{font-size:18px}.steps p{font-size:14px;min-height:65px}.step-photo{height:190px}.trial{gap:35px;padding-block:65px}.mini-fan{height:260px}}@media(max-width:520px){.nav nav{gap:16px}.nav nav a{font-size:12px}.nav .small{font-size:12px;padding:9px 14px;min-height:40px}.logo{font-size:24px}.hero{padding-top:32px}.actions{gap:22px}.fan{height:280px;width:160%;margin-top:40px}.card:nth-child(1),.card:nth-child(5){opacity:.85}.hero{padding-bottom:25px}.difference{padding-top:40px}.photo{height:210px}.story{gap:9px}.story figcaption{font-size:12px}.heading p{font-size:16px}.formats{margin-top:32px;grid-template-columns:.8fr 1fr;gap:14px}.formats .wide{grid-column:1/-1;width:85%;justify-self:center;margin-top:8px}.formats figcaption{font-size:12px}.platforms span{margin:0 5px}.steps{grid-template-columns:1fr;gap:36px}.steps article{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.number{grid-column:1;margin:0 0 6px}.steps h3{grid-column:1}.steps p{grid-column:1;min-height:0}.step-photo{grid-column:2;grid-row:1/4;height:165px;margin:0}.trial{grid-template-columns:1fr;gap:45px}.trial-copy{max-width:410px;width:100%;margin:auto}.mini-fan{height:250px;max-width:360px;margin:auto}.trial{padding-top:35px}.method .heading{max-width:300px;margin:auto}footer{font-size:12px}.platforms{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Scoped replacement media: preserve the existing card geometry. */
.story .photo img,.steps .step-photo img{object-position:center}
.fresh-fan img:nth-child(2),.fresh-fan img:last-child{object-position:center}
.ad-player{position:relative;background:#241b14}
.ad-player video{display:block;width:100%;height:100%;object-fit:contain}
.ad-label{position:absolute;top:10px;left:10px;pointer-events:none;border-radius:20px;padding:4px 9px;background:#241b14cf;color:#fff;font-size:12px}

.campaign-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:1.18fr .82fr;min-height:570px;margin-top:54px;border-radius:34px;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 42%,rgba(241,120,39,.38),transparent 29%),linear-gradient(125deg,#1b1018 0%,#321019 45%,#180d12 100%);box-shadow:0 32px 80px rgba(79,48,69,.18)}
.campaign-banner:before,.campaign-banner:after{content:"";position:absolute;z-index:-1;inset:auto;background:linear-gradient(135deg,rgba(208,50,45,.46),rgba(95,18,35,.06));transform:rotate(-8deg);border:1px solid rgba(255,255,255,.05)}
.campaign-banner:before{width:74%;height:260px;left:-10%;top:70px}
.campaign-banner:after{width:58%;height:220px;left:15%;bottom:-90px;transform:rotate(9deg)}
.campaign-copy{display:flex;flex-direction:column;justify-content:center;padding:62px 38px 58px 68px}
.campaign-kicker{font-size:11px;letter-spacing:.2em;color:#f2b679;margin-bottom:28px}
.campaign-copy h3{font-size:clamp(2.65rem,5vw,4.9rem);line-height:.94;letter-spacing:-.06em;color:#fff}
.campaign-copy h3 strong{font-weight:600;color:#ef924a}
.campaign-intro{max-width:410px;margin-top:22px;color:rgba(255,255,255,.68);font-size:16px}
.campaign-journey{display:grid;grid-template-columns:auto 42px auto 42px auto;align-items:center;margin-top:46px;max-width:620px}
.journey-step{display:grid;grid-template-columns:34px 44px;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.journey-step>span{grid-column:1/-1;font-size:10px;letter-spacing:.12em;color:#e49b68;margin-bottom:7px}
.journey-step img,.journey-play{width:44px;height:44px;border-radius:11px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}
.journey-play{display:grid;place-items:center;background:#ec8841;color:#201014;font-size:12px}
.journey-step p{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}
.journey-step strong{font-size:12px;font-weight:600}
.journey-step small{font-size:10px;color:rgba(255,255,255,.48);margin-top:4px}
.journey-line{height:1px;background:linear-gradient(90deg,rgba(239,146,74,.65),rgba(255,255,255,.1));margin:17px 9px 0}
.campaign-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:38px 62px 38px 20px}
.campaign-stage:before{content:"";position:absolute;width:330px;height:430px;border-radius:50%;background:rgba(218,61,38,.22);filter:blur(42px)}
.campaign-video{position:relative;z-index:1;width:min(290px,100%);aspect-ratio:9/16;border-radius:25px;overflow:hidden;background:#090909;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.campaign-video video{display:block;width:100%;height:100%;object-fit:cover;background:#090909}
.sound-play{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:11px 16px;color:#fff;background:rgba(20,12,14,.74);backdrop-filter:blur(14px);cursor:pointer;font-size:12px;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.sound-play:hover{background:#ef924a;color:#1a0e12}
.sound-play[hidden]{display:none}
.campaign-format,.campaign-note{position:absolute;z-index:2;font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.55);writing-mode:vertical-rl}
.campaign-format{right:28px;top:42px}.campaign-note{right:28px;bottom:42px}

@media(max-width:800px){.campaign-banner{grid-template-columns:1fr .72fr;min-height:520px}.campaign-copy{padding:46px 24px 44px 40px}.campaign-journey{grid-template-columns:1fr;gap:12px;margin-top:32px}.journey-line{display:none}.campaign-stage{padding:30px 40px 30px 8px}.campaign-video{width:min(245px,100%)}.campaign-format,.campaign-note{right:14px}}
@media(max-width:620px){.method{border-radius:48px}.campaign-banner{grid-template-columns:1fr;margin-top:38px;border-radius:28px}.campaign-copy{padding:42px 28px 22px;text-align:center;align-items:center}.campaign-kicker{margin-bottom:20px}.campaign-intro{font-size:14px}.campaign-journey{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.journey-step{grid-template-columns:36px auto;text-align:left}.journey-step img,.journey-play{width:36px;height:36px}.campaign-stage{padding:20px 40px 44px}.campaign-video{width:min(270px,82vw)}.campaign-format{right:17px;top:42px}.campaign-note{right:17px;bottom:50px}}
