:root{
  --orange:#f2b51d;
  --cyan:#2ad7e8;
  --ink:#10162c;
  --paper:#f6f3ed;
  --signal:#164fcf;
  --cobalt:#164fcf;
  --coral:#ff5c62;
  --violet:#71376f;
}

body{background:var(--paper);color:var(--ink)}
.site-nav{background:#10162c;color:#fff;border-bottom-color:rgba(255,255,255,.18)}
.site-nav a{color:#fff}.site-nav .nav-cta{border-color:rgba(255,255,255,.5)}
.wordmark b,.kicker,.chapter-nav .is-active span{color:var(--cobalt)}
.hero{background:var(--cobalt);color:#fff}
.hero-campaign{object-position:center;filter:saturate(.94) contrast(1.03)}
.hero-product-layer{position:absolute;z-index:2;right:14%;bottom:7%;width:min(28vw,390px);height:72%;object-fit:contain;filter:drop-shadow(20px 24px 0 rgba(8,18,57,.28))}
.hero-copy{z-index:3}.hero-copy em{color:#f2b51d}.hero-spectrum i:nth-child(1){background:#164fcf}.hero-spectrum i:nth-child(2){background:#126276}.hero-spectrum i:nth-child(3){background:#71376f}.hero-spectrum i:nth-child(4){background:#ff5c62}.hero-spectrum i:nth-child(5){background:#baff18}.hero-spectrum i:nth-child(6){display:none}
.scroll-banner{background:#0d1f58}.banner-scene h2 em,.banner-scene p{color:#f2b51d}
.finish-accordion{grid-template-columns:repeat(5,minmax(0,1fr))}.finish-panel:nth-child(6){display:none}
.finish-panel-product{filter:drop-shadow(0 24px 22px rgba(0,0,0,.3))}
.lifestyle{background:#15aabd}.lifestyle-product-layer{position:absolute;z-index:2;right:13%;bottom:7%;width:min(22vw,320px);height:58%;object-fit:contain;filter:drop-shadow(16px 20px 0 rgba(8,18,57,.24))}
.selling-layout>img,.anatomy-figure>img,.spec-plate>img,.packaging-media>img{object-fit:contain;background:#fff}

/* Keep the hardware rationale as one composed screen instead of a cutout on white. */
.selling{
  height:calc(100dvh - 52px);
  min-height:628px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:#07101a;
  color:#f7fbff;
}
.selling .section-head{
  width:100%;
  max-width:none;
  padding:clamp(82px,10.5vh,100px) var(--pad) 18px;
}
.selling .section-head .kicker{margin-bottom:12px;color:#62fff0}
.selling .section-head h2{
  max-width:980px;
  font-size:clamp(44px,5vw,72px);
  line-height:.92;
}
.selling-layout{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);
  border-top:1px solid rgba(255,255,255,.14);
  overflow:hidden;
}
.selling-layout>img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
  background:#07101a;
  mix-blend-mode:normal;
}
.selling-layout ol{
  min-height:0;
  justify-content:center;
  padding:18px clamp(28px,4vw,64px);
  background:linear-gradient(145deg,#0c1724,#08111b);
}
.selling-layout li{padding:16px 0;border-color:rgba(255,255,255,.16)}
.selling-layout li b{color:#62fff0}
.selling-layout h3{font-size:clamp(20px,1.7vw,28px)}
.selling-layout p{margin-top:6px;color:rgba(247,251,255,.68);font-size:14px;line-height:1.45}

@media(max-width:800px){
  .selling{height:auto;min-height:0;display:block}
  .selling .section-head{padding:88px 22px 34px}
  .selling .section-head h2{font-size:52px}
  .selling-layout{grid-template-columns:1fr;overflow:visible}
  .selling-layout>img{height:54vh;min-height:390px;object-fit:cover}
  .selling-layout ol{padding:24px 22px 72px}
  .selling-layout li{padding:20px 0}
}
.anatomy-figure>img{max-height:70vh}
.origin-intro{background:#f2b51d;color:#10162c}.origin-word{color:rgba(255,255,255,.24)}
.origin-intro h2{font-size:clamp(74px,8.8vw,150px);overflow:visible}
.specs{background:#f4f1ea}.partner{background:#10162c}
.reviews{
  height:calc(100dvh - 52px);
  min-height:650px;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  overflow:hidden;
}
.review-copy{padding:32px clamp(34px,4vw,62px);justify-content:center;opacity:1!important;transform:none!important}
.review-copy h2{font-size:clamp(42px,4.6vw,68px);line-height:.84;margin:10px 0 16px}
.review-disclosure{font-size:12px;line-height:1.4}
.review-criteria{margin-top:16px}
.review-criteria span{padding:9px 8px 9px 0;font-size:12px}
.review-sources{margin-top:14px}
.review-sources a{padding:9px 0;font-size:9px}
.review-campaign{
  align-self:stretch;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:46% center;
  transform:none!important;
}
.faq{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:0;
  padding:0;
  align-items:stretch;
  overflow:hidden;
  background:#f7f7f4;
}
.faq>div:first-child{
  position:relative;
  z-index:1;
  padding:90px clamp(46px,5vw,86px) 110px var(--pad);
  background:#f7f7f4;
}
.faq-campaign{
  position:relative;
  top:auto;
  align-self:stretch;
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
}

/* Scenes 03 and 05 sit over light photography, so they need dark copy for contrast. */
.banner-scene-light h2{
  color:var(--ink)!important;
  text-shadow:0 2px 14px rgba(255,255,255,.62)!important;
}
.banner-scene-light span{
  color:rgba(16,22,44,.78)!important;
  text-shadow:none!important;
}
.banner-scene-light p{color:var(--orange)!important}
.banner-scene-warm h2{color:#332722!important;text-shadow:0 2px 14px rgba(255,255,255,.68)!important}
.banner-scene-warm span{color:rgba(51,39,34,.8)!important}
@media(max-width:800px){.hero-product-layer{right:5%;bottom:8%;width:52vw;height:54%}.lifestyle-product-layer{right:5%;width:44vw}.finish-accordion{grid-template-columns:1fr}.finish-panel:nth-child(6){display:none}}
@media(max-width:800px){
  .reviews{height:auto;min-height:0;grid-template-columns:1fr;overflow:visible}
  .review-copy{padding:76px 22px}
  .review-campaign{height:auto;min-height:0;aspect-ratio:4/3;object-position:center}
  .faq{grid-template-columns:1fr}
  .faq>div:first-child{padding:70px 22px 90px}
  .faq-campaign{position:relative;top:auto;height:auto;aspect-ratio:1;grid-row:1}
}