@font-face{font-family:RiaSans;src:url('assets/ria.otf') format('opentype');font-display:block}
:root{--pink:#fa3d93;--inactive:#b0b0b0;--scale:1;--progress:0}
*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--pink);font-family:Freesentation,sans-serif;letter-spacing:-.02em}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;letter-spacing:inherit;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:8px}button{touch-action:manipulation}#story{height:640vh;position:relative}.viewport{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#fff}header{position:absolute;top:0;left:0;right:0;height:max(72px,calc(80px * var(--scale)));padding:0 calc(80px * var(--scale));display:flex;justify-content:flex-end;align-items:center;z-index:10}.scenes{position:absolute;inset:0}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;transform:translate3d(110vw,0,0);visibility:hidden}.scene:first-child{transform:none;visibility:visible}.hero-image{position:absolute;inset:0;overflow:hidden;background:#222}.hero-image img{position:absolute;left:50%;top:50%;width:100vh;height:100vw;min-width:56.25vw;min-height:177.778vh;object-fit:cover;transform:translate(-50%,-50%) rotate(90deg)}.hero-image:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5)}.hero-content{position:absolute;inset:0;text-align:center;color:white;display:flex;flex-direction:column;align-items:center}.eyebrow{font:calc(20px * var(--scale))/1.2 RiaSans,sans-serif;margin:0;position:absolute;top:15.83%}h1{font-size:calc(128px * var(--scale));font-weight:300;line-height:1.15;margin:0;position:absolute;top:22.4%;letter-spacing:-.02em}h1 span{display:block}h1 strong{font-weight:700}.reels{position:absolute;top:69.45%;padding:0;background:none;color:#fff;display:flex;align-items:center;gap:calc(12px * var(--scale));font-weight:600;font-size:calc(28px * var(--scale));line-height:1.15}.play-icon{position:relative;display:grid;place-items:center;width:calc(32px * var(--scale));height:calc(32px * var(--scale));transition:transform .25s}.play-icon>img:first-child{width:100%;height:100%}.play-icon .arrow{position:absolute;width:calc(9px * var(--scale));height:calc(16px * var(--scale));transform:rotate(180deg)}.reels:hover .play-icon{transform:translateX(5px)}.story-group{width:calc(1250px * var(--scale));display:grid;grid-template-columns:calc(191px * var(--scale)) calc(803px * var(--scale));column-gap:calc(256px * var(--scale));align-items:center;transform:translateY(calc(-42px * var(--scale)))}.copy{width:calc(440px * var(--scale));z-index:1}h2{margin:0 0 calc(16px * var(--scale));font-size:calc(30px * var(--scale));font-weight:700;line-height:1.2;white-space:nowrap}.copy p{font-size:calc(18px * var(--scale));font-weight:400;line-height:1.3;margin:0;white-space:nowrap}.media{width:calc(803px * var(--scale));height:calc(596px * var(--scale));position:relative;overflow:hidden;background:#f5f5f5}.media-background{width:calc(767px * var(--scale));height:calc(590px * var(--scale))}.media-highfive{width:calc(800px * var(--scale))}.media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.final-group{width:calc(1014px * var(--scale));grid-template-columns:calc(191px * var(--scale)) calc(567px * var(--scale))}.reel-placeholder{width:calc(567px * var(--scale));height:calc(596px * var(--scale));background:#d9d9d9}.progress{position:absolute;z-index:10;left:50%;transform:translateX(-50%);bottom:calc(77px * var(--scale));width:calc(864px * var(--scale))}.rail{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#d5d5d5}.rail-design{position:absolute;top:0;width:100%;height:2px}.fill{position:absolute;left:0;top:0;width:calc(var(--progress) * 100%);height:2px;background:var(--pink);transform-origin:left center}.steps{display:flex;justify-content:space-between;position:relative}.steps>button{position:relative;width:0;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--scale));padding:0;color:var(--inactive);background:none;white-space:nowrap;font-size:calc(20px * var(--scale));line-height:1.15}.steps>button:after{content:'';position:absolute;left:-42px;right:-42px;top:-16px;bottom:-16px}.steps>button.active,.steps>button.complete{color:var(--pink)}.dot{position:relative;display:grid;place-items:center;height:0;width:16px}.dot img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.dot-base{width:9px;height:9px}.dot-active{width:16px;height:16px;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .2s}.active .dot-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.active .dot-base{opacity:0}.complete .dot-base{filter:brightness(0) saturate(100%) invert(40%) sepia(84%) saturate(2155%) hue-rotate(306deg) brightness(101%) contrast(96%)}.sr-only,.skip{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;left:20px;top:20px;z-index:30;width:auto;height:auto;padding:12px;background:white;color:var(--pink)}
@media(min-aspect-ratio:2/1){h1{font-size:calc(105px * var(--scale))}.media,.reel-placeholder{max-height:65vh}}
@media(max-width:700px){#story{height:565svh}header{height:70px;padding:0 20px}.eyebrow{top:18%;font-size:15px}h1{font-size:clamp(52px,11vw,80px);top:27%;line-height:1.15}.reels{top:66%;font-size:19px;gap:8px}.play-icon{width:26px;height:26px}.play-icon .arrow{width:7px;height:13px}.story-group,.final-group{width:calc(100% - 48px);display:flex;flex-direction:column;align-items:stretch;gap:28px;transform:translateY(-25px)}.copy{width:100%}h2{font-size:clamp(22px,5vw,30px);margin-bottom:12px}.copy p{font-size:clamp(13px,3.3vw,17px);line-height:1.4;white-space:normal}.media,.media-background,.media-highfive{width:100%;height:auto;aspect-ratio:803/596;max-height:43svh}.reel-placeholder{width:min(100%,320px);height:32svh;align-self:center}.progress{width:calc(100% - 68px);bottom:63px}.steps>button{font-size:11px;gap:16px}.rail,.rail-design,.fill{height:1.5px}.rail{top:-.75px}.dot-base{width:7px;height:7px}.dot-active{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.scene{will-change:auto}.dot-active{transition:none}}

.close-detail{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:#fff;padding:0;transition:transform .2s,filter .2s}.close-detail span{position:relative;width:18px;height:18px}.close-detail span:before,.close-detail span:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.6px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}.close-detail span:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-detail:hover{transform:scale(1.06);filter:brightness(.96)}.close-detail:active{transform:scale(.96)}@media(max-width:700px){.close-detail{width:40px;height:40px}}

/* Campaign opening titles share the Thin / SemiBold contrast. */
.hero-content h1{font-weight:100}
.hero-content h1 strong{font-weight:600}