.brand-hero{--hero-ease:cubic-bezier(.16,1,.3,1);isolation:isolate;color:#f5f5f5;background:#080808;align-items:center;min-height:min(800px,100svh - 138px);display:grid;position:relative;overflow:hidden}.brand-hero-backdrop{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.brand-hero-backdrop img{object-fit:cover;object-position:center;opacity:.9;width:100%;height:100%}.brand-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080808cc 0%,#0808088c 34%,#08080815 68%),linear-gradient(#08080833,#0000 48%,#080808b3 100%);position:absolute;inset:0}.brand-hero .home-brand-grid,.brand-hero .product-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,80px)}.brand-hero .hero-home-inner{padding-block:55px 30px}.product-hero.brand-hero{padding-top:35px}.brand-hero .product-hero-grid{padding-block:20px 28px}.brand-hero .product-intro h1{letter-spacing:-.035em;text-wrap:balance;max-width:750px;font-size:clamp(47px,5.1vw,76px);font-weight:650;line-height:1.015}.brand-hero .eyebrow,.brand-hero .eyebrow.light{color:#bcbcbc}.brand-hero .product-intro>p:not(.eyebrow),.brand-hero .hero-intro{color:#d1d1d1;max-width:630px;font-size:18px;line-height:1.55}.brand-hero .product-intro>p.hero-small{color:#b0b0b0;font-size:11px}.brand-hero .product-tags{color:#c9c9c9;margin-top:35px}.brand-hero .button.primary{color:#181818;background:#ededed}.brand-hero .button.primary:hover{background:#fff;box-shadow:0 10px 32px #ffffff15}.brand-hero .hero-bottom{margin-top:46px}.hero-identity{text-align:center;justify-self:center;margin:0}.hero-logo-stage{aspect-ratio:1;width:min(470px,35vw);color:inherit;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.hero-logo-stage:focus-visible{outline-offset:10px;outline:2px solid #fff}.hero-logo-stage:before,.hero-logo-stage:after,.hero-logo-orbit,.hero-logo-mark{pointer-events:none}.hero-logo-stage:before{content:"";z-index:-2;filter:blur(28px);opacity:.88;transition:opacity 1.2s ease,transform 1.4s var(--hero-ease);background:radial-gradient(circle,#ffffff32 0%,#ffffff1b 30%,#ffffff0a 48%,#0000 68%),radial-gradient(circle at 55% 42%,#ffffff24,#0000 44%);border-radius:50%;position:absolute;inset:-24%}.hero-logo-stage:after{content:"";z-index:-1;transition:opacity 1.2s ease,transform 1.4s var(--hero-ease);background:radial-gradient(circle,#05050514,#0505058c 58%,#0000 72%);border-radius:50%;position:absolute;inset:17%}.hero-logo-orbit{opacity:.82;background:conic-gradient(#0000 0deg,#fff0 52deg,#ffffffeb 86deg,#ffffff8c 118deg,#0000 168deg 360deg);border-radius:50%;transition:opacity 1.2s,filter 1.2s;animation:18s linear infinite hero-orbit-spin;position:absolute;inset:4%;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63% 66%,#0000 67%);mask:radial-gradient(circle,#0000 62%,#000 63% 66%,#0000 67%)}.hero-logo-mark{backface-visibility:hidden;filter:drop-shadow(0 28px 52px #0000008f)drop-shadow(0 0 30px #ffffff2e);width:72%;height:auto;transition:opacity 1.8s ease,transform 2.2s var(--hero-ease),filter 1.8s ease;grid-area:1/1}.hero-logo-brand{opacity:1;transition-duration:1.5s,2.2s,1.5s;transform:scale(1)}.hero-logo-vector{opacity:0;filter:drop-shadow(0 30px 56px #00000094)drop-shadow(0 0 34px #ffffff29);transition-duration:2.1s,2.4s,2.1s;transform:scale(.975)}.hero-logo-stage[data-vector-visible=true]:before{opacity:1;transform:scale(1.03)}.hero-logo-stage[data-vector-visible=true]:after{opacity:.82;transform:scale(.96)}.hero-logo-stage[data-vector-visible=true] .hero-logo-orbit{opacity:.96;filter:drop-shadow(0 0 16px #ffffff57)}.hero-logo-stage[data-vector-visible=true] .hero-logo-brand{opacity:0;filter:drop-shadow(0 28px 52px #0000008f)drop-shadow(0 0 12px #ffffff14);transform:scale(1.012)}.hero-logo-stage[data-vector-visible=true] .hero-logo-vector{opacity:1;filter:drop-shadow(0 30px 56px #00000094)drop-shadow(0 0 36px #ffffff38);transition-delay:.14s,40ms,.14s;transform:scale(1)}.hero-identity figcaption{color:#bcbcbc;letter-spacing:.035em;margin-top:10px;font-size:11px;position:relative}.hero-motion-toggle{color:#bcbcbc;min-height:36px;font:inherit;cursor:pointer;background:#0a0a0a70;border:1px solid #ffffff2b;border-radius:99px;margin-top:8px;padding:8px 12px;font-size:10px;display:inline-block}.hero-motion-toggle[hidden]{display:none}.hero-motion-toggle:hover{color:#fff;border-color:#fff6}.hero-motion-toggle:disabled{cursor:default}.brand-hero[data-motion-paused=true] .hero-logo-orbit,.brand-hero[data-motion-paused=true] .brand-hero-backdrop img{animation-play-state:paused}.product-presentation{color:#eee;background:#101010;padding-block:90px}.product-presentation .section-heading{text-align:center;margin-inline:auto}.product-presentation .section-heading>p:last-child{color:#bcbcbc;margin-inline:auto}.product-presentation .film{max-width:940px;margin-inline:auto}.product-presentation .film-stage{aspect-ratio:2.1}@keyframes hero-orbit-spin{to{transform:rotate(360deg)}}@keyframes hero-landscape-drift{0%{transform:scale(1.025)translate(0,0)}to{transform:scale(1.075)translate(-.65%,.4%)}}@media (prefers-reduced-motion:no-preference){.brand-hero-backdrop img{animation:24s ease-in-out infinite alternate hero-landscape-drift}.hero-identity{animation:settle-in 1.4s .12s var(--hero-ease) both}}@media (width<=1050px){.brand-hero .home-brand-grid,.brand-hero .product-hero-grid{grid-template-columns:1.1fr .9fr;gap:26px}.brand-hero .product-intro h1{font-size:52px}.brand-hero .product-intro>p:not(.eyebrow),.brand-hero .hero-intro{font-size:16px}}@media (width<=780px){.brand-hero{min-height:auto}.brand-hero-backdrop img{object-position:64% center}.brand-hero:before{background:linear-gradient(#080808d4 0%,#080808a6 38%,#0808080d 68%,#080808b3 100%)}.brand-hero .home-brand-grid,.brand-hero .product-hero-grid{grid-template-columns:1fr;gap:12px}.brand-hero .hero-home-inner{padding-block:44px 25px}.product-hero.brand-hero{padding-top:25px}.brand-hero .product-hero-grid{padding-block:10px 0}.brand-hero .product-intro h1{max-width:640px;font-size:clamp(40px,7.3vw,59px)}.brand-hero .product-intro>p.hero-small{font-size:10px}.hero-logo-stage{width:min(330px,76vw)}.hero-identity{margin-top:10px}.hero-identity figcaption{margin-top:0;font-size:10px}.brand-hero .product-tags{margin-top:30px;font-size:10px}.brand-hero .hero-bottom{margin-top:24px}.product-presentation{padding-block:58px}.product-presentation .film-stage{aspect-ratio:1.65}}@media (prefers-reduced-motion:reduce){.hero-logo-orbit,.brand-hero-backdrop img{animation:none}.hero-logo-mark,.hero-logo-stage:before,.hero-logo-stage:after{transition:none}}
