/* Camera composition: the primary bottle occupies the right half on desktop.
   All selectors are scoped to this new story; legacy pouring styles do not apply. */
.counter-story{--story-opening:1;--story-ending:0;--story-opening-y:0px;--story-ending-y:18px;position:relative;height:auto;background:#272219;color:#f5f0e5}
.counter-story.is-ready:not(.is-reduced):not(.is-compact):not(.is-failed){height:220svh}
.counter-story__pin{position:relative;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:#272219}
.counter-story.is-ready:not(.is-reduced):not(.is-compact):not(.is-failed)>.counter-story__pin{position:sticky;top:0}
.counter-story__poster,.counter-story [data-story-canvas]{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-3}
.counter-story__poster>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.counter-story [data-story-canvas]{visibility:hidden}
.counter-story.is-ready [data-story-canvas]{visibility:visible}
.counter-story__poster[hidden]{display:none!important}
.counter-story__pin::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(24,18,12,.66) 0,rgba(24,18,12,.4) 25%,transparent 48%),linear-gradient(0deg,rgba(20,15,10,.67),transparent 18%,transparent 85%,rgba(20,15,10,.18))}
.counter-story__copy,.counter-story__ending{position:absolute;left:5.5%;top:23%;width:29%;max-width:465px;color:inherit;z-index:2}
.counter-story__copy{opacity:var(--story-opening);transform:translateY(var(--story-opening-y))}
.counter-story__ending{top:29%;opacity:var(--story-ending);transform:translateY(var(--story-ending-y))}
.counter-story__copy[inert],.counter-story__ending[inert]{pointer-events:none}
.counter-story__copy .eyebrow,.counter-story__ending .eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 24px;color:#e5d6bd;line-height:1.6}
.counter-story__copy h1{font-family:var(--serif,Georgia,serif);font-size:clamp(68px,7.6vw,124px);font-weight:400;letter-spacing:-.045em;line-height:.9;margin:0}
.counter-story__copy h1 em{font-size:.77em;line-height:1.02;font-weight:400}
.counter-story__copy>p:not(.eyebrow),.counter-story__ending>p:not(.eyebrow){max-width:290px;font-size:15px;line-height:1.75;margin-top:29px;color:#e5d9c7}
.counter-story__copy>a,.counter-story__ending>a{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #f5f0e57a;padding:13px 0;min-height:44px;margin-top:23px;font-size:13px;line-height:1.5;color:#fff3dc;text-decoration:none}
.counter-story__copy>a:hover,.counter-story__ending>a:hover{border-color:#fff3dc}
.counter-story__copy>a:focus-visible,.counter-story__ending>a:focus-visible{outline:2px solid #fff3dc;outline-offset:7px}
.counter-story__ending h2{font-family:var(--serif,Georgia,serif);font-size:clamp(46px,4.8vw,79px);font-weight:400;letter-spacing:-.025em;line-height:.98;margin:0}
.counter-story__ending h2 em{font-weight:400}
.counter-story__control{position:absolute;left:5.5%;right:5.5%;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:3;border-top:1px solid #f5f0e540;padding-top:13px}
.counter-story__control>label{display:flex;align-items:center;gap:24px;min-height:44px;color:#eadfcc;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.counter-story__control [data-story-scrub]{width:clamp(145px,20vw,320px);height:44px;margin:0;cursor:ew-resize;accent-color:#e4d1ac;touch-action:pan-y}
.counter-story__control [data-story-scrub]:focus-visible{outline:2px solid #f3dfb7;outline-offset:5px}
.counter-story__control [data-story-scrub]:disabled{opacity:.4;cursor:default}
.counter-story__control [data-story-step]{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap}
.counter-story.is-failed .counter-story__control label{display:none}
.counter-story.is-failed .counter-story__control{justify-content:flex-end}

@media(min-width:1700px){
 .counter-story__copy,.counter-story__ending{left:6%;width:28%}
 .counter-story__copy h1{font-size:124px}
}
@media(max-width:1100px) and (min-width:761px){
 .counter-story__copy,.counter-story__ending{left:5%;width:32%}
 .counter-story__copy h1{font-size:clamp(61px,7.8vw,88px)}
 .counter-story__copy>p:not(.eyebrow),.counter-story__ending>p:not(.eyebrow){font-size:13px}
 .counter-story__ending h2{font-size:55px}
}
@media(max-width:760px){
 .counter-story.is-ready:not(.is-reduced):not(.is-compact):not(.is-failed){height:200svh}
 .counter-story__pin{min-height:700px}
 .counter-story__pin::after{background:linear-gradient(180deg,rgba(23,17,11,.58),rgba(23,17,11,.27) 29%,transparent 43%),linear-gradient(0deg,rgba(20,15,10,.75),transparent 18%)}
 .counter-story__copy,.counter-story__ending{top:105px;left:7%;right:7%;width:auto;max-width:none}
 .counter-story__copy .eyebrow,.counter-story__ending .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:15px}
 .counter-story__copy h1{font-size:clamp(49px,12vw,72px);line-height:.91;max-width:420px;letter-spacing:-.04em}
 .counter-story__copy h1 br{display:block}
 .counter-story__copy h1 em{font-size:.86em;white-space:normal}
 .counter-story__copy>p:not(.eyebrow){font-size:12px;line-height:1.5;margin-top:14px;max-width:290px}
 .counter-story__copy>p:not(.eyebrow) br{display:none}
 .counter-story__copy>a,.counter-story__ending>a{font-size:11px;padding:8px 0;min-height:38px;gap:16px;margin-top:10px}
 .counter-story__ending h2{font-size:clamp(42px,10.4vw,60px);line-height:.98;max-width:430px}
 .counter-story__ending>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-top:15px;max-width:305px}
 .counter-story__control{left:7%;right:7%;bottom:20px;gap:15px;padding-top:9px}
 .counter-story__control>label{font-size:8px;letter-spacing:.08em;gap:13px;flex:1;line-height:1.5;min-width:0}
 .counter-story__control [data-story-scrub]{width:40%;min-width:100px;flex:1}
 .counter-story__control [data-story-step]{font-size:9px}
}
@media(max-width:390px){
 .counter-story__copy,.counter-story__ending{top:99px}
 .counter-story__copy h1{font-size:47px}
 .counter-story__ending h2{font-size:40px}
 .counter-story__copy>p:not(.eyebrow){max-width:265px}
 .counter-story__control>label{letter-spacing:0;font-size:8px;gap:10px}
}
@media(max-height:700px){
 .counter-story,.counter-story.is-ready{height:auto!important}
 .counter-story>.counter-story__pin{position:relative!important;height:700px;min-height:700px}
 .counter-story__copy{top:20%}
}
@media(max-width:760px) and (max-height:700px){
 .counter-story>.counter-story__pin{height:820px;min-height:820px}
 .counter-story__copy,.counter-story__ending{top:100px}
}
@media(prefers-reduced-motion:reduce){
 .counter-story,.counter-story.is-ready{height:auto!important}
 .counter-story>.counter-story__pin{position:relative!important}
 .counter-story__copy,.counter-story__ending{transform:none;transition:none}
}
@media(max-width:760px){
 .counter-story__copy,.counter-story__ending{top:96px}
 .counter-story__copy .campaign-cta span{font-size:18px;line-height:1}
 .counter-story__copy>a{margin-top:6px;min-height:34px;padding:7px 0}
}