.midnight-hero{isolation:isolate;color:#fff;background:#02080d;height:clamp(510px,36vw,700px);min-height:510px;position:relative;overflow:hidden}.midnight-scene{object-fit:cover;object-position:center;z-index:-2;width:100%;height:100%;animation:1.2s ease-out both midnight-arrive;position:absolute;inset:0}.midnight-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#02080d9c 0%,#02080d44 32%,#0000 59%);position:absolute;inset:0}.midnight-copy{max-width:58%;padding:clamp(52px,4.8vw,88px) 3.5% 30px;position:relative}.midnight-copy .eyebrow{color:#35e0f6;letter-spacing:.33em;margin-bottom:18px;font-size:12px}.midnight-copy h1{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(58px,5.3vw,100px);line-height:.98}.midnight-description{color:#b5c3ce;margin-bottom:24px;font-size:clamp(15px,1.35vw,22px);line-height:1.5}.midnight-copy .button{color:#041116;background:#2ed5ef;border-color:#2ed5ef;justify-content:space-between;min-width:245px;padding:15px 29px;box-shadow:0 0 35px #00ceff20}.midnight-copy .button:hover{background:#93f2ff;border-color:#93f2ff}.campaign-signature{letter-spacing:.15em;color:#b8c8d1;margin-top:36px;font-size:10px;display:block}.campaign-signature:before{content:"";vertical-align:middle;background:#35d9f0;width:30px;height:1px;margin-right:12px;display:inline-block}.campaign-collection{border-top:1px solid var(--line);padding-top:25px;padding-bottom:42px}.shop-section-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;display:flex}.shop-section-heading h2{text-transform:uppercase;letter-spacing:.25em;margin:0;font-family:CST Sans,Arial,sans-serif;font-size:17px;line-height:1.5}.shop-section-heading .text-link{letter-spacing:.18em;text-transform:uppercase;border:0;font-size:10px}.campaign-collection .product-card h3{text-align:center}.campaign-collection .product-meta{text-align:center;flex-wrap:wrap;justify-content:center;margin-top:12px}.campaign-collection .product-meta>span:first-child{display:none}.collection-shelf{border-block:1px solid var(--line);scrollbar-width:thin;gap:12px;padding:20px 3.5%;display:flex;overflow-x:auto}.collection-shelf a{white-space:nowrap;border:1px solid var(--line);align-items:center;gap:20px;min-height:46px;padding:11px 16px;font-size:12px;display:flex}.collection-shelf a:hover{color:var(--accent);border-color:var(--accent)}.culture-note{grid-template-columns:1fr 1fr;align-items:center;gap:10%;max-width:1500px;margin:0 auto;padding:80px 4%;display:grid}.culture-note h2{margin:0;font-size:clamp(40px,4.5vw,70px)}.culture-note p{max-width:430px}.culture-note .button{margin-top:12px}@keyframes midnight-arrive{0%{opacity:.3;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.midnight-slide{opacity:0;visibility:hidden;isolation:isolate;transition:opacity .65s,transform .65s,visibility .65s;position:absolute;inset:0;transform:translate(24px)}.midnight-slide[data-active=true]{opacity:1;visibility:visible;transform:none}.midnight-slide:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#02080dc9,#02080d33 42%,#0000 65%);position:absolute;inset:0}.midnight-hero:after{display:none}.midnight-copy h2{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(58px,5.3vw,100px);line-height:.98}.midnight-description{max-width:460px}.midnight-scene{animation:none}.carousel-controls{color:#bdcdd7;z-index:5;align-items:center;gap:20px;display:flex;position:absolute;bottom:20px;left:3.5%;right:3.5%}.carousel-selectors,.carousel-arrows{gap:5px;display:flex}.carousel-controls button{min-width:44px;min-height:44px;color:inherit;background:#051019a6;border:1px solid #0000;font-size:11px}.carousel-selectors button[aria-pressed=true]{color:#35d9f0;border-bottom-color:#35d9f0}.carousel-pause{padding:0 12px}.carousel-arrows{margin-left:auto}.carousel-arrows button{border-color:#527180}.carousel-controls button:hover{color:#fff;border-color:#35d9f0}.carousel-controls button:disabled{opacity:.75}@media (width<=767px){.midnight-hero{height:680px;padding:0}.midnight-copy{padding-top:32px}.midnight-copy h2{font-size:clamp(44px,10.6vw,72px)}.midnight-scene{height:335px;bottom:50px}.midnight-slide:after{background:linear-gradient(#02080d 0 44%,#0000 67%)}.carousel-controls{flex-wrap:wrap;gap:5px;bottom:10px;left:5%;right:5%}.carousel-selectors{gap:0}.carousel-controls button{min-width:36px}.carousel-pause{padding:0 6px;font-size:9px!important}.carousel-arrows{gap:2px}.carousel-arrows button{min-width:34px}.carousel-arrows .icon{width:18px!important}}@media (width>=1500px){body[data-page=home] .site-header{color:#fff;background:0 0;border:0;position:absolute;top:0;left:0;right:0}body[data-page=home] .site-header .brand img{filter:invert()}.midnight-hero{height:36vw;min-height:600px}.midnight-copy{padding-top:145px}}@media (width<=1050px) and (width>=768px){.midnight-copy{max-width:64%}.midnight-copy h1{font-size:61px}.midnight-scene{object-position:60% center}.midnight-hero:after{background:linear-gradient(90deg,#02080de6,#0000 85%)}}@media (width<=767px){.midnight-hero{height:auto;min-height:0;padding-bottom:300px}.midnight-copy{max-width:100%;padding:35px 5% 18px}.midnight-copy h1{max-width:560px;margin-bottom:18px;font-size:clamp(44px,10.6vw,72px)}.midnight-copy .eyebrow{letter-spacing:.25em;font-size:9px}.midnight-description{max-width:360px;font-size:14px}.midnight-copy .button{min-width:225px;min-height:48px;font-size:11px}.campaign-signature{display:none}.midnight-scene{object-fit:cover;object-position:76% bottom;height:340px;inset:auto 0 0}.midnight-hero:after{background:linear-gradient(#02080d 0 43%,#0000 65%)}.campaign-collection{padding-top:22px;padding-bottom:30px}.shop-section-heading{align-items:center;gap:10px;margin-bottom:17px}.shop-section-heading h2{letter-spacing:.16em;font-size:12px}.shop-section-heading .text-link{letter-spacing:.08em;white-space:nowrap;gap:5px;font-size:8px}.shop-section-heading .icon{width:17px!important}.collection-shelf{padding:16px 5%}.culture-note{grid-template-columns:1fr;gap:25px;padding:45px 5%}.culture-note h2{font-size:43px}.culture-note p{font-size:14px}.midnight-hero{height:680px;padding:0}.midnight-scene{height:335px;bottom:50px}.midnight-copy{max-width:100%}}
