.cbb-hero{--runway: 200svh;--p-copy: 0;--p-cta: 0;--p-model: 0;--p-focus: 0;--p-halo: 0;position:relative;height:var(--runway)}.cbb-hero__stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.cbb-hero__halo{position:absolute;inset:var(--cbb-topbar-h) 0 0 0;z-index:0;pointer-events:none;opacity:calc(1 - var(--p-halo) * .9);transform:scale(calc(1 + var(--p-halo) * .06));background:radial-gradient(42% 50% at 79% 50%,#f3c4be66,#f3c4be47 26%,#f3c4be24 50%,#f3c4be0d 72%,#f3c4be03 87%,#fff0),radial-gradient(26% 30% at 70% 76%,#e9d2cc42,#e9d2cc14 52%,#fff0)}.cbb-hero__figure{position:absolute;z-index:1;inset-block:0;right:0;width:54%;pointer-events:none}.cbb-hero__model,.cbb-hero__model-focus{position:absolute;right:max(-40px,-1.6vw);bottom:-6%;height:calc(106% - var(--cbb-topbar-h));max-height:1150px;width:auto;max-width:none;transform-origin:62% 46%;transform:translate3d(calc(var(--p-model) * 4%),calc(var(--p-model) * -3%),0) scale(calc(1 - var(--p-model) * .075))}.cbb-hero__model{z-index:1;opacity:calc(1 - var(--p-model))}.cbb-hero__model-focus{z-index:2;opacity:var(--p-focus);-webkit-mask-image:radial-gradient(26% 30% at 29% 63%,#000 40%,rgba(0,0,0,.5) 66%,transparent 86%);mask-image:radial-gradient(26% 30% at 29% 63%,#000 40%,rgba(0,0,0,.5) 66%,transparent 86%)}html.cbb-can-blur .cbb-hero__model{filter:blur(calc(var(--p-model) * 5px))}.cbb-hero__copy{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;padding-top:calc(var(--cbb-topbar-h) + 5vh);padding-inline:var(--cbb-gutter);width:min(46%,46vw);container-type:inline-size}.cbb-hero__headline{margin:0;font-weight:300;text-transform:uppercase;color:var(--cbb-ink-900);line-height:.9;letter-spacing:-.004em;font-size:clamp(2.4rem,5.7vw,6.1rem);font-size:clamp(2.4rem,12cqi,6.1rem);opacity:calc(1 - var(--p-copy));transform:translate3d(0,calc(var(--p-copy) * -22px),0)}.cbb-hero__headline span{display:block}.cbb-hero__actions{margin-top:clamp(1.6rem,4cqi,3.2rem);opacity:calc(1 - var(--p-cta));transform:translate3d(0,calc(var(--p-cta) * -14px),0)}.cbb-cta{display:inline-flex;align-items:center;gap:.85em;min-height:54px;padding:0 2.4rem;border-radius:1px;background:var(--cbb-ink-900);color:#fff;font-size:clamp(.68rem,1.5vw,.76rem);font-weight:400;letter-spacing:.26em;text-transform:uppercase;transition:background var(--cbb-quick) var(--cbb-ease),color var(--cbb-quick) var(--cbb-ease)}.cbb-cta:hover{background:var(--cbb-gold);color:var(--cbb-ink-900)}.cbb-cta__arrow{transition:transform var(--cbb-quick) var(--cbb-ease)}.cbb-cta:hover .cbb-cta__arrow{transform:translate(.3em)}@media(max-width:900px){.cbb-hero{--runway: 175svh}.cbb-hero__copy{width:100%;align-content:start;padding-top:calc(var(--cbb-topbar-h) + clamp(1.1rem,4vh,2.4rem))}.cbb-hero__headline{font-size:clamp(2.05rem,12cqi,3.3rem);line-height:.94}.cbb-hero__actions{margin-top:clamp(1.2rem,3.5vh,2rem)}.cbb-cta{min-height:52px;padding:0 1.9rem;letter-spacing:.22em}.cbb-hero__figure{width:100%;inset-block:auto 0;height:57%;overflow:hidden}.cbb-hero__model,.cbb-hero__model-focus{position:absolute;top:0;left:0;right:auto;bottom:auto;width:112%;height:100%;max-height:none;margin-left:-6%;object-fit:cover;object-position:52% 56%;transform-origin:50% 70%}.cbb-hero__model-focus{-webkit-mask-image:radial-gradient(38% 26% at 33% 60%,#000 40%,rgba(0,0,0,.55) 62%,transparent 80%);mask-image:radial-gradient(38% 26% at 33% 60%,#000 40%,rgba(0,0,0,.55) 62%,transparent 80%)}.cbb-hero__halo{inset:var(--cbb-topbar-h) 0 0 0;background:radial-gradient(66% 40% at 52% 74%,#f3c4be61,#f3c4be36 30%,#f3c4be14 58%,#f3c4be05 82%,#fff0)}}@media(max-width:900px)and (max-height:700px){.cbb-hero__figure{height:51%}.cbb-hero__headline{font-size:clamp(2rem,11.4cqi,2.9rem)}}@media(prefers-reduced-motion:reduce){.cbb-hero{height:auto}.cbb-hero__stage{position:static;height:100svh;min-height:620px}.cbb-hero__model,.cbb-hero__model-focus,.cbb-hero__headline,.cbb-hero__actions,.cbb-hero__halo{transform:none;filter:none}.cbb-hero__model,.cbb-hero__headline,.cbb-hero__actions,.cbb-hero__halo{opacity:1}.cbb-hero__model-focus{display:none}.cbb-cta,.cbb-cta__arrow,.cbb-nav__link:after{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/hero.css.map */