.container-scroll{box-sizing:border-box;background:url(/assets/images/brand-kit/hero-mesh-gradient.jpg) 50%/cover no-repeat;min-height:128svh;padding:0 28px;position:relative;overflow:clip}.container-scroll:after{content:"";pointer-events:none;background:linear-gradient(#fff9f647,#fedcc233);position:absolute;inset:0}.container-scroll__sticky{z-index:1;height:100svh;min-height:100svh;padding:calc(24px + var(--nav-band)) 0 24px;box-sizing:border-box;perspective:1000px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.container-scroll__header{text-align:center;will-change:transform;width:100%;max-width:1800px;margin:0 auto 12px}.container-scroll__card{width:min(1800px, 100%, calc((100svh - 128px - var(--nav-band)) * 1.744));aspect-ratio:1.744;box-sizing:border-box;border-radius:var(--r-frame);height:auto;box-shadow:var(--shadow-frame);transform-origin:bottom;will-change:transform;background:linear-gradient(108deg,#f8f9fa 0%,#b7bcc2 18%,#e9ecef 36%,#949ba3 55%,#f8f9fa 75%,#a9afb6 100%);border:4px solid #b9bdc2;padding:9px}.container-scroll__card-inner{border-radius:var(--r-screen);background:url(/assets/images/brand-kit/hero-mesh-gradient.jpg) 50%/cover no-repeat;width:100%;height:100%;overflow:hidden}.brand-kit-hero__heading{width:100%;overflow:hidden}.brand-kit-hero__heading p{color:#fff1e1d1;font-family:var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.065em;text-transform:lowercase;white-space:nowrap;margin:0;padding-bottom:.18em;font-size:clamp(16px,3.1vw,56px);font-weight:600;line-height:.95}.brand-kit-hero__video{object-fit:contain;object-position:center;background:url(/assets/images/brand-kit/hero-mesh-gradient.jpg) 50%/cover no-repeat;width:100%;height:100%;display:block}.brand-kit-hero__heading>p{--reveal-text-distance:.48em;animation:yy-intro-fade var(--hero-duration) var(--reveal-text-ease) var(--hero-delay) both}@media (max-width:1024px){.container-scroll{min-height:124svh;padding:0 24px}.container-scroll__card{width:min(100%, calc((100svh - 128px - var(--nav-band)) * 1.744))}}@media (max-width:840px){.container-scroll{--r-frame:24px;--r-screen:16px;min-height:118svh;padding:0 24px}.container-scroll__sticky{padding-top:40px}.container-scroll__header{margin-bottom:8px}.brand-kit-hero__heading p{letter-spacing:-.058em;font-size:clamp(20px,3vw,26px)}.container-scroll__card{width:min(100%, calc((100svh - 120px - var(--nav-band)) * 1.744));border-width:3px;padding:6px}}@media (max-width:680px){.container-scroll{min-height:112svh;padding:0 18px}.container-scroll__sticky{padding-top:32px}.brand-kit-hero__heading p{letter-spacing:-.052em;font-size:clamp(13px,3vw,20px)}.container-scroll__card{width:min(100%, calc((100svh - 96px - var(--nav-band)) * 1.744))}}@media (max-width:520px){.container-scroll{--r-frame:18px;--r-screen:11px;min-height:106svh;padding:0 14px}.container-scroll__sticky{min-height:100svh;padding:calc(24px + var(--nav-band)) 0 24px}.container-scroll__header{margin-bottom:6px}.brand-kit-hero__heading p{letter-spacing:-.045em;font-size:clamp(12px,3.2vw,16px)}.container-scroll__card{width:min(100%, calc((100svh - 86px - var(--nav-band)) * 1.744));min-height:0}}@media (prefers-reduced-motion:reduce){.container-scroll{min-height:100svh}.container-scroll__card,.container-scroll__header{will-change:auto}.brand-kit-hero__heading>p{opacity:1;animation:none;transform:none}}