body.page-loading{overflow:hidden}
.splash{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;background:#0b0e0d;color:#fff;transition:opacity .55s ease,visibility .55s ease}
.splash img{width:min(290px,72vw);height:auto}
.splash p{margin:17px 0 20px;font:500 9px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.splash-line{display:block;width:min(240px,60vw);height:1px;overflow:hidden;background:rgba(255,255,255,.18)}
.splash-line span{display:block;width:45%;height:100%;background:var(--wood);animation:splash-progress 1s ease-in-out infinite}
.splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
@keyframes splash-progress{0%{transform:translateX(-110%)}100%{transform:translateX(245%)}}
.site-header{position:sticky;top:0;background:#0b0e0d;border-color:rgba(255,255,255,.12);color:#fff}
.brand img{width:180px;height:42px}
.site-nav a{color:#fff}
.header-cta{border-color:rgba(255,255,255,.55);color:#fff}
.header-cta:hover{background:#fff;color:var(--ink)}
.site-nav a:hover,.site-footer>a:last-child:hover{color:var(--wood)}
.menu-toggle{color:#fff}
.button:focus-visible,.menu-toggle:focus-visible,.site-nav a:focus-visible,.header-cta:focus-visible,.video-play:focus-visible{outline:2px solid var(--wood);outline-offset:4px}
.product-card img{background:#ddd8ce}
.product-card-wide img{object-position:center 38%}
.campaign-video{background:#111}
.video-cover{transition:opacity .25s ease}
.site-footer .brand img{filter:brightness(.22);width:160px}
@media(max-width:800px){
  .site-header{padding-left:18px;padding-right:18px}
  .brand img{width:145px;height:38px}
  .site-nav{background:#0b0e0d;border-color:rgba(255,255,255,.15)}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-actions .button{padding-left:10px;padding-right:10px;text-align:center}
  .product-card img,.product-card-wide img{aspect-ratio:1.2/1;object-position:center 36%}
  .site-footer .brand img{width:150px}
}
@media(max-width:390px){
  .hero-actions{grid-template-columns:1fr}
  .hero-bottom{gap:16px}
  .hero-bottom span:last-child{text-align:right}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .splash-line span{animation:none;width:100%}
  .splash{transition:none}
  .button,.video-play{transition:none}
}