/* Compact, swipe-first cards. Scoped to the existing promotional campaigns. */
.campaigns[data-stories-ready]{display:block;position:relative;isolation:isolate;overflow:visible;scroll-snap-type:none;padding:0;margin-top:18px;margin-bottom:8px;border-radius:20px;background:#f6efea;box-shadow:0 8px 28px #57463e06;}
.campaigns[data-stories-ready] .story-viewport{position:relative;display:grid;overflow:hidden;border-radius:20px;touch-action:pan-y;}
.campaigns[data-stories-ready] .campaign{position:relative;grid-area:1/1;width:100%;max-width:none;min-height:260px;display:grid;grid-template-columns:56% 44%;align-items:stretch;border-radius:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s;}
.campaigns[data-stories-ready] .campaign.story-active{opacity:1;visibility:visible;pointer-events:auto;}
.campaigns[data-stories-ready] .campaign:hover{opacity:1;}
.campaigns[data-stories-ready] .campaign-art{order:2;height:auto;min-height:260px;overflow:hidden;background:#f8f5f3;}
.campaigns[data-stories-ready] .campaign-art>img{height:100%;width:100%;object-fit:cover;object-position:50% 52%;transform:none;mix-blend-mode:normal;}
.campaigns[data-stories-ready] .campaign-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--story-color),transparent 25%);pointer-events:none;}
.campaigns[data-stories-ready] .campaign-rare{--story-color:#f5eae5;background:var(--story-color);}
.campaigns[data-stories-ready] .campaign-skin{--story-color:#f0edf5;background:var(--story-color);}
.campaigns[data-stories-ready] .campaign-sun{--story-color:#faf1df;background:var(--story-color);}
.campaigns[data-stories-ready] .campaign-copy{order:1;align-self:center;padding:40px 26px 28px 34px;min-height:0;color:#453b38;}
.campaigns[data-stories-ready] .campaign-copy h1,.campaigns[data-stories-ready] .campaign-copy h2{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(26px,2.5vw,34px);line-height:1.14;font-weight:400;letter-spacing:-.045em;margin:0 0 10px;max-width:480px;text-wrap:balance;}
.campaigns[data-stories-ready] .campaign-copy p{font-size:12px;line-height:1.5;color:#695c59;max-width:350px;margin:0 0 16px;}
.campaigns[data-stories-ready] .campaign-copy>span{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px;padding:8px 13px;border:1px solid #98817c44;border-radius:30px;background:#ffffff59;font-size:9px;font-weight:500;letter-spacing:.04em;color:#56423f;}
.campaigns[data-stories-ready] .campaign-copy>span b{font-size:18px;font-weight:300;line-height:1;}
.campaigns[data-stories-ready] .campaign-tag{top:43px;left:22px;z-index:2;font-size:8px;line-height:1.4;letter-spacing:.1em;color:#514541;background:#fff9;backdrop-filter:blur(10px);border:1px solid #ffffff80;border-radius:20px;padding:7px 9px;}
.campaigns[data-stories-ready] .campaign-brand{display:none;}
.story-controls{position:absolute;inset:0;pointer-events:none;z-index:3;}
.story-progress{position:absolute;left:20px;right:20px;top:0;display:flex;gap:6px;}
.story-segment{position:relative;flex:1;min-width:0;min-height:44px;padding:0;display:flex;align-items:center;pointer-events:auto;border-radius:5px;}
.story-segment-track{width:100%;height:2px;background:#5e4f4b29;border-radius:8px;overflow:hidden;}
.story-segment-fill{display:block;width:100%;height:100%;background:#78605e;border-radius:8px;transform:scaleX(var(--story-progress,0));transform-origin:left;}
.story-segment:hover{opacity:1;}.story-segment:hover .story-segment-track{height:3px;}
.campaigns[data-stories-ready] button:focus-visible{outline:2px solid #815f69;outline-offset:3px;}
.campaigns[data-stories-ready] .campaign:focus-visible{outline-offset:-5px;}
@media(max-width:760px){
 .campaigns[data-stories-ready]{width:calc(100% - 32px);margin-top:12px;margin-bottom:0;border-radius:16px;}
 .campaigns[data-stories-ready] .story-viewport{border-radius:16px;}
 .campaigns[data-stories-ready] .campaign{grid-template-columns:62% 38%;min-height:220px;border-radius:16px;}
 .campaigns[data-stories-ready] .campaign-art{height:auto;min-height:220px;width:100%;}
 .campaigns[data-stories-ready] .campaign-art>img{object-position:50% 53%;}
 .campaigns[data-stories-ready] .campaign-copy{padding:34px 12px 18px 18px;min-height:0;}
 .campaigns[data-stories-ready] .campaign-copy h1,.campaigns[data-stories-ready] .campaign-copy h2{font-size:clamp(19px,5.35vw,24px);line-height:1.14;letter-spacing:-.04em;max-width:270px;margin:0 0 9px;}
 .campaigns[data-stories-ready] .campaign-copy p{font-size:11px;line-height:1.4;margin:0 0 12px;max-width:230px;}
 .campaigns[data-stories-ready] .campaign-copy>span{font-size:8px;min-height:30px;padding:7px 10px;gap:10px;letter-spacing:.015em;}
 .campaigns[data-stories-ready] .campaign-copy>span b{font-size:16px;}
 .campaigns[data-stories-ready] .campaign-tag{display:none;}
 .story-progress{left:16px;right:16px;top:-2px;gap:5px;}
}
@media(prefers-reduced-motion:reduce){.campaigns[data-stories-ready] .campaign{transition:none;}.campaigns[data-stories-ready] *{scroll-behavior:auto!important;}}