/* Extra pieces for the search pages. Everything else comes from hd.css (the main site's own styles). */
.sub-navlink{font-family:var(--body);font-weight:600;font-size:14px;color:var(--bone);text-decoration:none;opacity:.82;padding:8px 6px}
.sub-navlink:hover{opacity:1;color:var(--gold)}
.sub-navbtn{font-family:var(--body);font-weight:700;font-size:14px;text-decoration:none;color:var(--char);
  background:linear-gradient(180deg,#F7C163,#E39B2B);padding:10px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(243,178,74,.25)}
@media(max-width:560px){.sub-navlink{display:none}}

.sub .hero{padding-top:110px}
.sub-eyebrow{margin:18px 0 6px!important;font-size:clamp(11px,1.6vw,14px)!important;letter-spacing:.24em!important}
.sub-h1{font-family:var(--disp);font-weight:800;line-height:.92;letter-spacing:-.03em;color:var(--bone);text-align:center;margin:8px 0 18px;
  font-size:clamp(46px,11vw,128px)!important}
.sub-h1 .line{display:block;overflow:hidden}
.sub-h1 .line+.line span{color:var(--gold)}

.sub .hero-photo{opacity:1;animation:none}

.sub-deck{margin:8px auto 22px;width:min(62vw,300px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(245,235,220,.12);transform:rotate(-2.5deg)}
.sub-deck img{width:100%;height:100%;object-fit:cover;display:block}

a.gcard{text-decoration:none;color:inherit}
.prod a.ph{display:block;text-decoration:none;position:relative}
.prod h3 a{color:inherit;text-decoration:none}
a.addbtn{display:flex;align-items:center;justify-content:center;text-decoration:none}

.sub-inc{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.sub-inc li{font-size:15.5px}

.sub-proof{text-align:center}
.sub-rvs{display:grid;gap:16px;max-width:900px;margin:28px auto 10px}
@media(min-width:760px){.sub-rvs{grid-template-columns:1fr 1fr}}
.sub-rv{border-radius:24px;padding:26px;text-align:left;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(0,0,0,.25)),var(--oxdeep);
  border:1px solid rgba(245,235,220,.14);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.sub-rv .stars{color:var(--gold);letter-spacing:5px;font-size:18px}
.sub-rv p{font-size:19px;line-height:1.5;margin:12px 0 10px;color:var(--bone)}
.sub-rv cite{font-style:normal;font-size:13px;opacity:.6}
.fire-gate a{text-decoration:underline;text-underline-offset:3px}

/* hd-word start */
.hero .hd-word{margin:0}
.hero .hd-word{
  font-family:var(--disp);font-weight:800;
  font-size:clamp(60px,14vw,170px);
  line-height:.88;letter-spacing:-.015em;
  color:var(--bone);
  text-shadow:0 20px 60px rgba(0,0,0,.35);
}
.hero .hd-word .line{display:block;overflow:hidden}
.hero .hd-word .line span{display:inline-block;transform:translateY(110%);animation:slam .9s cubic-bezier(.2,.9,.25,1) forwards}
.hero .hd-word .line:nth-child(2) span{animation-delay:.12s}
@media (prefers-reduced-motion:reduce){.hero .hd-word .line span{transform:none}}
.hero h1.sub-kw{text-shadow:none!important;font-size:clamp(22px,4.4vw,36px)!important;line-height:1.12!important;letter-spacing:-.005em!important}
.sub-kw{font-family:var(--disp);font-weight:800;font-size:clamp(24px,4.6vw,40px);line-height:1.08;letter-spacing:-.01em;color:var(--bone);margin:20px auto 0;max-width:18em;text-align:center}
.sub-kw em{font-style:normal;color:var(--gold)}
.sub-doors{grid-template-columns:1fr!important;max-width:560px;margin-left:auto;margin-right:auto}
/* hd-word end */