/* The header and the opening visual share the same space. */
.site-header{color:#fff;background:transparent;border-bottom:0;margin-bottom:-86px;transition:background .2s}.site-header.is-scrolled{background:#171717f5}.site-header .mega-menu{color:var(--ink);background:var(--paper)}.site-header .header-help{border-color:#ffffff4d}.site-header .icon-button:hover{background:#ffffff20}.site-header .cart-count{background:#fff;color:#171717}.site-header :focus-visible{outline-color:#fff}.site-header .mega-menu :focus-visible{outline-color:#4466a1}
.hero{min-height:640px;height:min(860px,calc(100svh - 32px))}.hero .hero-shade{background:linear-gradient(180deg,#0005,#0004 45%,#0008)}.hero .hero-content{position:absolute;inset:86px 0 108px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--gutter)}.hero .hero-content>*{max-width:600px}.hero .hero-content .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px;font-weight:500}.hero .hero-content h1{font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:500}.hero .hero-description{max-width:420px;font-size:12px;line-height:1.7;margin-top:17px;color:#eeeeee}.hero .hero-content .button{min-height:39px;font-size:11px;padding:10px 15px;gap:20px;background:#0002;border:1px solid #ffffff90;color:#fff;margin-top:22px}.hero .hero-content .button:hover{background:#ffffff20}.hero .hero-content .button .icon{width:17px;height:17px}.hero-video-toggle{font-size:10px;background:#0003;min-height:36px;padding:8px 12px}.inner-masthead{height:clamp(210px,19vw,310px);position:relative;isolation:isolate;background:#252525;overflow:hidden}.inner-masthead-image{position:absolute!important;inset:0}.inner-masthead-image img{object-position:center 43%}.inner-masthead-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008,#0003)}.inner-masthead-note{position:absolute;bottom:14px;right:var(--gutter);font-size:8px;letter-spacing:.1em;color:#ddd}.inner-masthead .slot-label{bottom:14px;font-size:8px}.inner-masthead .sample-label{max-width:460px;margin-left:auto}.community-hero{padding-top:60px}
@media(max-width:900px){.site-header{margin-bottom:-72px}.site-header .header-inner{height:72px}.hero .hero-content{inset:72px 0 105px}}
@media(max-width:700px){.hero{height:calc(100svh - 40px);min-height:620px;max-height:850px}.hero .hero-content h1{font-size:clamp(28px,7.4vw,35px);max-width:340px}.hero .hero-content .eyebrow{font-size:8px;margin-bottom:16px}.hero .hero-description{max-width:295px;font-size:11px;margin-top:15px}.hero .hero-content .button{margin-top:19px;font-size:10px;min-height:38px;padding:9px 14px}.inner-masthead{height:200px}.inner-masthead-image img{object-position:center 35%}.community-hero{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}