@property --cb-slide{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --cb-px{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cb-py{syntax: "<number>"; inherits: true; initial-value: 0;}.club-banner-section{padding-block:var(--cb-pt, 0) var(--cb-pb, 24px);max-width:100%;overflow-x:clip}.club-banner-section__inner{box-sizing:border-box;width:100%;max-width:var(--cb-max, 1600px);margin-inline:auto;padding-inline:var(--cb-gutter, 24px)}.club-banner-frame{max-width:100%}.club-banner-section__inner--full{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding-inline:0}.club-banner-frame{container-type:inline-size;container-name:cb}club-banner.club-banner{display:block;position:relative;isolation:isolate;overflow:clip;border-radius:var(--cb-radius);aspect-ratio:auto;height:clamp(var(--cb-h-min),var(--cb-grow, 22cqi),var(--cb-h));min-height:var(--cb-h-min);max-height:var(--cb-h);background:radial-gradient(130% 180% at 18% -10%,var(--cb-bg-a),transparent 74%),linear-gradient(105deg,color-mix(in oklab,var(--cb-bg-a) 30%,var(--cb-bg-b)) 0%,var(--cb-bg-b) 62%,color-mix(in oklab,var(--cb-bg-a) 18%,var(--cb-bg-b)) 100%),var(--cb-bg-b)}.club-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0f,inset 0 -60px 80px -60px #00000080}.club-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;line-height:0;transform:scale(1.06) translate3d(calc(var(--cb-px) * -12px),calc(var(--cb-py) * -8px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.club-banner__bg img{width:100%;height:100%;object-fit:cover;display:block}.club-banner__wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(55cqi 120cqi at 80% 42%,color-mix(in oklab,var(--cb-c2) 20%,transparent),transparent 68%),linear-gradient(100deg,color-mix(in oklab,var(--cb-shade) var(--cb-overlay),transparent) 0%,color-mix(in oklab,var(--cb-shade) calc(var(--cb-overlay) * .4),transparent) 50%,transparent 84%)}.club-banner__stripes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;filter:drop-shadow(0 0 44px rgb(0 0 0 / .32))}.club-banner__stripe{position:absolute;top:-14%;height:128%;display:block;transform:translate3d(calc(var(--cb-slide) + (var(--cb-px) * var(--cb-depth, 0px))),0,0) skew(var(--cb-skew));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.club-banner__stripe--l2{left:-2%;width:var(--cb-l2);background:var(--cb-c2);--cb-depth: 26px}.club-banner__stripe--l1{left:calc(-2% + var(--cb-l2));width:var(--cb-l1);background:var(--cb-c1);--cb-depth: 18px}.club-banner{--cb-logo-w: clamp(76px, 21cqi, var(--cb-logo));--cb-rc: calc(var(--cb-logo-offset) + var(--cb-logo-w) / 2 + var(--cb-rnudge))}.club-banner__stripe--r1{width:var(--cb-rw);background:var(--cb-c1);--cb-depth: -18px}.club-banner__stripe--r2{width:var(--cb-rw);background:var(--cb-c2);--cb-depth: -26px}.club-banner--align-pair .club-banner__stripe--r1{right:var(--cb-rc)}.club-banner--align-pair .club-banner__stripe--r2{right:calc(var(--cb-rc) - var(--cb-rw))}.club-banner--align-c2 .club-banner__stripe--r1{right:calc(var(--cb-rc) + var(--cb-rw) / 2)}.club-banner--align-c2 .club-banner__stripe--r2,.club-banner--align-c1 .club-banner__stripe--r1{right:calc(var(--cb-rc) - var(--cb-rw) / 2)}.club-banner--align-c1 .club-banner__stripe--r2{right:calc(var(--cb-rc) - var(--cb-rw) * 1.5)}.club-banner__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:var(--cb-grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.club-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3cqi,2.5rem);padding-inline:clamp(16px,5cqi,var(--cb-pad))}.club-banner__text{min-width:0;transform:translate3d(calc(var(--cb-px) * 10px),calc(var(--cb-py) * 6px),0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.club-banner__kicker{display:inline-flex;align-items:center;gap:.6em;margin:0 0 clamp(14px,2.6cqi,26px);padding:.42em .95em;border-radius:999px;font-size:clamp(9px,1.35cqi,12px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cb-kink, var(--cb-ink));background:color-mix(in oklab,var(--cb-kbg) var(--cb-kfill, 12%),transparent);border:1px solid color-mix(in oklab,var(--cb-kbg) 24%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.club-banner__kicker--solid{border-color:color-mix(in oklab,var(--cb-kbg) 62%,white);backdrop-filter:none;-webkit-backdrop-filter:none}.club-banner__kicker:before{content:"";width:.55em;aspect-ratio:1;border-radius:50%;background:var(--cb-dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--cb-dot) 32%,transparent)}.club-banner__kicker--nodot{gap:0}.club-banner__kicker--nodot:before{display:none}.club-banner__title{margin:0;font-size:clamp(calc(var(--cb-title) * .4),6.4cqi,var(--cb-title));font-weight:650;line-height:1.02;letter-spacing:-.025em;text-wrap:balance;color:var(--cb-ink)}.club-banner--has-image .club-banner__title{text-shadow:0 2px 24px color-mix(in oklab,var(--cb-shade) 45%,transparent)}.club-banner--upper .club-banner__title{text-transform:uppercase;letter-spacing:-.01em}.club-banner__subtitle{margin:clamp(6px,1.4cqi,14px) 0 0;max-width:46ch;font-size:clamp(calc(var(--cb-sub) * .75),1.85cqi,var(--cb-sub));line-height:1.45;text-wrap:pretty;color:color-mix(in oklab,var(--cb-ink) 82%,transparent)}.club-banner__logo{flex:0 0 auto;width:var(--cb-logo-w);aspect-ratio:1;margin-inline-end:var(--cb-logo-offset);transform:translate3d(calc(var(--cb-px) * -16px),calc(var(--cb-py) * -10px),0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.club-banner__logo-inner{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:var(--cb-logo-pad, 12%);box-sizing:border-box;border-radius:50%;background:#fff;box-shadow:0 28px 70px -26px #0009,0 0 0 1px #ffffff73}.club-banner__logo-inner:before{content:"";position:absolute;inset:calc(-1 * var(--cb-ring-gap));border-radius:50%;padding:var(--cb-ring);box-sizing:border-box;background:conic-gradient(from 180deg,var(--cb-ring-a),var(--cb-ring-b),var(--cb-ring-a));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;animation:cbSpin 16s linear infinite}.club-banner__logo img{width:100%;height:100%;object-fit:contain;display:block}@keyframes cbInL{0%{--cb-slide: -560%}to{--cb-slide: 0%}}@keyframes cbInR{0%{--cb-slide: 560%}to{--cb-slide: 0%}}@keyframes cbRise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes cbLogoIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cbSpin{to{rotate:360deg}}.club-banner--animated .club-banner__stripe--l2{animation:cbInL 1.05s cubic-bezier(.16,.84,.24,1) .2s backwards}.club-banner--animated .club-banner__stripe--l1{animation:cbInL 1.05s cubic-bezier(.16,.84,.24,1) .12s backwards}.club-banner--animated .club-banner__stripe--r1{animation:cbInR 1.05s cubic-bezier(.16,.84,.24,1) .28s backwards}.club-banner--animated .club-banner__stripe--r2{animation:cbInR 1.05s cubic-bezier(.16,.84,.24,1) .36s backwards}.club-banner--animated .club-banner__kicker{animation:cbRise .7s ease-out .34s backwards}.club-banner--animated .club-banner__title{animation:cbRise .8s ease-out .42s backwards}.club-banner--animated .club-banner__subtitle{animation:cbRise .8s ease-out .5s backwards}.club-banner--animated .club-banner__logo-inner{animation:cbLogoIn .85s cubic-bezier(.16,.84,.24,1) .58s backwards}@container cb (max-width: 640px){.club-banner__content{gap:1rem}.club-banner__logo{margin-inline-end:0;width:var(--cb-logo-m)}.club-banner--nosub-m .club-banner__subtitle,.club-banner--nostripes-m .club-banner__stripes{display:none}club-banner.club-banner.club-banner--mstack{aspect-ratio:auto;height:auto;max-height:none;min-height:0;--cb-rc: calc(50% + var(--cb-rnudge))}.club-banner--mstack .club-banner__content{position:relative;inset:auto;flex-direction:column;justify-content:center;gap:clamp(12px,4cqi,22px);padding-block:clamp(20px,7cqi,34px);min-height:var(--cb-h-min);box-sizing:border-box}.club-banner--mstack .club-banner__logo{order:-1}.club-banner--mstripes-hide .club-banner__stripes{display:none}.club-banner--mstack.club-banner--mstripes-logo .club-banner__stripes{inset:0 0 auto 0;height:calc(var(--cb-logo-m) + 2 * clamp(20px,7cqi,34px));overflow:clip}.club-banner--mstack.club-banner--mcenter .club-banner__text{text-align:center}.club-banner--mstack.club-banner--mcenter .club-banner__subtitle{margin-inline:auto}.club-banner--mstack .club-banner__title{font-size:clamp(calc(var(--cb-title) * .4),8.5cqi,var(--cb-title))}}@media(prefers-reduced-motion:reduce){.club-banner *,.club-banner:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map?subset=QA */