/* One photographic stage, one clear invitation. Content is visible without JS. */
:root{--cinema-ease:cubic-bezier(.16,1,.3,1)}
.hero.hero-campaign{padding:16px 20px 0;max-width:1920px;margin:auto}
.hero-campaign .campaign-layout{display:grid;grid-template-columns:1fr;min-height:640px;background:#312c29;position:relative;isolation:isolate;overflow:clip}
.hero-campaign .campaign-copy{grid-area:1/1;padding:48px clamp(30px,5vw,92px) 90px;min-height:640px;width:100%;position:relative;z-index:2;color:#fff9ee;animation:none;pointer-events:none;justify-content:center}
.hero-campaign .campaign-copy a,.hero-campaign .campaign-copy button{pointer-events:auto}
.hero-campaign .campaign-kicker{max-width:510px;align-items:center;justify-content:flex-start;gap:28px;min-height:78px;margin-bottom:28px}
.hero-campaign .campaign-kicker>p{position:relative;z-index:1}
.hero-campaign .campaign-kicker p>span{color:#fff9eea8;font-size:9px;letter-spacing:.14em}
.hero-campaign .campaign-mark{flex:none;width:98px;height:98px;margin:-15px 0 -15px 0}
.hero-campaign .campaign-title{font-size:clamp(88px,9.7vw,168px);line-height:.86;letter-spacing:-.025em;margin-bottom:28px;font-weight:900;max-width:60%;text-shadow:0 2px 30px #13182422}
.hero-campaign .campaign-title em{color:#fff9ee;font-style:normal}
.hero-campaign .campaign-description{font-size:15px;max-width:365px;line-height:1.7;margin-bottom:26px;color:#fff9eee0}
.hero-campaign .campaign-actions{max-width:310px;gap:13px}
.hero-campaign .campaign-button{width:100%;min-height:58px;position:relative;overflow:hidden;isolation:isolate;border:1px solid #fff9ee;background:#fff9ee;color:#252925;transition:background 250ms ease,box-shadow 250ms ease;letter-spacing:.075em}
.hero-campaign .campaign-button span{transition:transform 450ms var(--cinema-ease)}
.hero-campaign .campaign-button:hover{background:#e9ff3b;border-color:#e9ff3b;box-shadow:0 8px 24px #08080826}
.hero-campaign .campaign-button:hover span{transform:translate(3px,3px)}
.hero-campaign .campaign-club-link{font-size:10px;letter-spacing:.07em;color:#fff9ee;background:none;padding:8px 0;min-height:44px;display:flex;align-items:center;gap:25px}
.hero-campaign .campaign-copy :focus-visible{outline:2px solid #fff9ee;outline-offset:5px}
.hero-campaign .campaign-art{grid-area:1/1;align-self:stretch;overflow:clip;isolation:isolate;animation:none;min-height:0;aspect-ratio:auto;--scene-x:0px;--scene-y:0px;--scene-scale:1.065;--light-x:72%;--light-y:24%}
.hero-campaign .campaign-art picture{height:100%;width:100%;aspect-ratio:auto;transform:translate3d(var(--scene-x),var(--scene-y),0) scale(var(--scene-scale));transform-origin:62% 48%;will-change:transform}
.hero-campaign .campaign-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 46%}
.campaign-light{position:absolute;inset:-10%;pointer-events:none;z-index:1;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffe2b115,transparent 56%);mix-blend-mode:screen;transform:translate3d(calc(var(--scene-x) * -.55),calc(var(--scene-y) * -.55),0)}
.campaign-shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#131d27db 0%,#182227aa 24%,#17232b50 46%,transparent 69%),linear-gradient(0deg,#0e1c2880,transparent 24%)}
.campaign-scene-label{position:absolute;top:28px;right:32px;color:#fff9eb;z-index:3;font-size:9px;font-weight:700;letter-spacing:.15em;display:flex;align-items:center;gap:8px;text-shadow:0 1px 6px #20130d66;pointer-events:none}
.campaign-scene-label i{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}
.campaign-frames{position:absolute;inset:0}
.hero-campaign .campaign-frames picture{position:absolute;inset:0;opacity:0;transition:opacity 1500ms cubic-bezier(.4,0,.2,1);pointer-events:none}
.hero-campaign .campaign-frames picture.is-active{opacity:1}
.hero-campaign .campaign-art figcaption{z-index:3;font-size:9px;letter-spacing:.1em;padding:30px 230px 28px clamp(30px,5vw,92px);min-height:70px;display:flex;align-items:end;line-height:1.6;background:none}
.hero-campaign .campaign-art figcaption>span{max-width:100%;text-align:left}
.campaign-gallery-controls{position:absolute;bottom:17px;right:27px;display:flex;gap:3px;align-items:center;z-index:5;color:#fffaf0}
.campaign-gallery-controls button{position:relative;background:transparent;color:inherit;min-width:44px;min-height:44px;display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:.05em;padding:0 10px}
.campaign-gallery-controls button:before{content:'';position:absolute;left:10px;right:10px;bottom:8px;height:1px;background:#fff8e752}
.campaign-gallery-controls button[aria-pressed="true"]:before{background:#fffaf0}
.campaign-gallery-controls button[data-hero-slide]:after{content:'';position:absolute;bottom:8px;left:10px;right:10px;height:2px;background:#fffaf0;transform:scaleX(0);transform-origin:left}
.campaign-art.is-cycling .campaign-gallery-controls button[data-hero-slide][aria-pressed="true"]:after{animation:scene-progress 9s linear both}
.campaign-gallery-controls button[data-hero-pause]{font-size:14px;margin-left:7px;border:1px solid #fff8e752;border-radius:50%;padding:0;width:44px;height:44px}
.campaign-gallery-controls button[data-hero-pause]:before{display:none}
.campaign-gallery-controls button:hover{background:#fff8e714}
.campaign-gallery-controls button:focus-visible{outline:2px solid #fffaf0;outline-offset:0}
.campaign-gallery-controls button:disabled{opacity:.5}
@keyframes scene-progress{to{transform:scaleX(1)}}
.cinema-word{display:inline-block;overflow:clip;vertical-align:bottom;padding:.1em .035em .17em;margin:-.1em -.035em -.17em;line-height:inherit}
.cinema-word-inner{display:inline-block;transform-origin:left bottom;will-change:auto}
.cinema-heading{perspective:900px}
.cinema-rule{display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px;transform-origin:left}
@media(min-width:1500px){.hero-campaign .campaign-layout,.hero-campaign .campaign-copy{min-height:790px}.hero-campaign .campaign-kicker{max-width:620px}.hero-campaign .campaign-description{font-size:17px;max-width:440px}}
/* Reduce navigation choices on the landing page; the complete collection lives in Explore. */
.home-cinematic .announcement{background:#253125}
.home-cinematic .site-header{height:82px}
.home-cinematic .desktop-nav{display:flex;gap:32px;margin-left:auto}
.home-cinematic .header-actions{margin-left:32px;gap:22px}
.home-cinematic .header-actions .social-link{display:none}
.home-cinematic .menu-button{display:block;width:44px;height:44px;padding:10px 5px}
.home-cinematic .mobile-menu{max-height:calc(100dvh - 116px);overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;padding:24px 5%}
.home-cinematic .mobile-menu a{font-size:15px;padding:13px 0;border-bottom:1px solid var(--line)}
@media(max-width:1140px) and (min-width:761px){.site-header:not(.home-cinematic .site-header) .desktop-nav{display:none}.site-header .menu-button{display:block}}
@media(max-width:900px){.home-cinematic .desktop-nav{display:none}.home-cinematic .header-actions{margin-left:auto}.home-cinematic .mobile-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .hero.hero-campaign{padding:0 10px}
 .hero-campaign .campaign-layout,.hero-campaign .campaign-copy{min-height:680px}
 .hero-campaign .campaign-copy{padding:220px 26px 83px;justify-content:flex-end}
 .hero-campaign .campaign-kicker{position:absolute;top:25px;left:26px;right:22px;width:auto;min-height:50px;max-width:none;font-size:9px;justify-content:space-between;gap:12px}
 .hero-campaign .campaign-kicker p>span{font-size:8px;letter-spacing:.08em}
 .hero-campaign .campaign-mark{width:76px;height:76px;margin:-13px -8px -13px 0}
 .hero-campaign .campaign-title{font-size:clamp(68px,17.5vw,118px);max-width:none;margin-bottom:20px;line-height:.87}
 .hero-campaign .campaign-description{font-size:13px;line-height:1.7;margin-bottom:22px;max-width:315px}
 .hero-campaign .campaign-actions{max-width:330px;gap:7px}
 .hero-campaign .campaign-button{min-height:54px}
 .hero-campaign .campaign-club-link{font-size:9px}
 .hero-campaign .campaign-frames picture img{object-position:65% 0%}
 .campaign-shade{background:linear-gradient(180deg,#0c192345,transparent 25%,#131e2799 44%,#122029ed 82%,#122029f5),linear-gradient(90deg,#14242744,transparent 80%)}
 .campaign-scene-label{display:none}
 .hero-campaign .campaign-art figcaption{font-size:8px;padding:0 200px 29px 26px;letter-spacing:.04em;min-height:65px}
 .campaign-gallery-controls{right:14px;bottom:15px;gap:0}
 .campaign-gallery-controls button{min-width:44px;padding:0 8px}
 .campaign-gallery-controls button[data-hero-pause]{margin-left:3px}
 .home-cinematic .og-home{grid-template-columns:minmax(0,1fr)}
 .home-cinematic .og-home h2{font-size:clamp(64px,20vw,90px)}
 .hero-campaign .campaign-art figcaption{display:none}
 .home-cinematic .site-header{height:76px}
 .home-cinematic .wordmark{font-size:27px}
 .home-cinematic .header-actions{gap:9px}
 .home-cinematic .mobile-menu{grid-template-columns:1fr;max-height:calc(100dvh - 110px)}
}
@media(max-width:380px){.hero-campaign .campaign-copy{padding-left:20px;padding-right:20px}.hero-campaign .campaign-kicker{left:20px}.hero-campaign .campaign-title{font-size:18vw}.hero-campaign .campaign-description{font-size:12px}.hero-campaign .campaign-art figcaption{padding-left:20px;padding-right:193px;font-size:7px}.campaign-gallery-controls{right:10px}.home-cinematic .wordmark{font-size:23px}.home-cinematic .header-actions{gap:3px}.home-cinematic .motion-toggle{font-size:8px;padding:8px 4px}}
html[data-motion="off"] .hero-campaign .campaign-art picture{transform:none;will-change:auto;transition:none}
html[data-motion="off"] .campaign-light{transform:none}
@media(prefers-reduced-motion:reduce){.hero-campaign .campaign-art picture{transform:none!important;will-change:auto;transition:none!important}.campaign-light{transform:none!important}.cinema-word-inner{transform:none!important;opacity:1!important}}
@media print{.campaign-light,.campaign-scene-label{display:none}.hero-campaign .campaign-art picture{transform:none!important}.cinema-word{overflow:visible}}
