/* Wholesale AI — shared design system. Homepage + every vertical page.
   Brand per 00-business/marketing/brand/branding.md. Single dark theme by choice. */
/* ═══════════════════════════════════════════════════════════════════════
   Wholesale AI — cinematic redesign preview.

   Brand tokens are unchanged (branding.md): gold #D4AF37, silver #C0C0C0,
   charcoal #17171C, Montserrat / Inter / Space Grotesk. What changed is
   COMPOSITION: a deeper ground, far more negative space, display type at
   .92 leading, a numbered spine that tracks the argument, and atmosphere
   (one gold bloom, a vignette, fine grain) instead of flat panels.

   Deliberately single-theme. The brand is a dark identity; a light mode
   would be a different product, not a variant.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* ground — deeper than the old #17171C so gold actually glows */
  --void:#08080A;
  --ink:#101014;
  --raise:#15151B;

  /* brand accents, unchanged */
  --gold:#D4AF37;
  --gold-hot:#F4D77A;
  --gold-deep:#8A6D1F;
  --silver:#C0C0C0;

  /* neutrals biased cool toward the charcoal ground, not pure grey */
  --bone:#E9E9EE;
  --ash:#8C8C97;
  --ash-dim:#5E5E68;
  --line:rgba(192,192,192,.13);
  --line-hot:rgba(212,175,55,.34);

  --display:'Montserrat',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --ui:'Space Grotesk','Inter',sans-serif;

  --gutter:clamp(20px,5vw,64px);
  --measure:64ch;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--void);color:var(--bone);
  font-family:var(--body);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

/* ── atmosphere ─────────────────────────────────────────────── */
/* One bloom, anchored to the hero so it reads as a source of light rather than
   a smudge that follows the viewport. A far fainter fixed wash carries the rest
   of the page so the ground never goes flat black. */
.bloom{
  position:absolute;top:0;left:0;right:0;height:150vh;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 48% 44% at 50% 26%, rgba(212,175,55,.20), transparent 62%),
    radial-gradient(ellipse 24% 24% at 50% 24%, rgba(244,215,122,.15), transparent 70%);
}
.wash{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 78% 8%, rgba(212,175,55,.045), transparent 66%);
}
.vignette{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 128% 112% at 50% 50%, transparent 52%, rgba(0,0,0,.62) 100%);
}
.grain{
  position:fixed;inset:-160%;z-index:2;pointer-events:none;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grainShift .8s steps(4) infinite;
}
@keyframes grainShift{
  0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}
  50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}
  100%{transform:translate(0,0)}
}
.page{position:relative;z-index:3}

/* ── masthead ───────────────────────────────────────────────── */
.head{
  position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--gutter);
  transition:background .5s, border-color .5s, padding .5s;
  border-bottom:1px solid transparent;
}
.head.stuck{
  background:rgba(8,8,10,.82);backdrop-filter:blur(14px);
  border-bottom-color:var(--line);padding:14px var(--gutter);
}
.mark{display:flex;align-items:center;gap:12px}
.mark svg{width:30px;height:30px;flex:none}
.mark .wordmark{
  font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:.24em;
}
.gold{background:linear-gradient(135deg,#F4D77A,#D4AF37 46%,#9C7C24);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.silver{background:linear-gradient(135deg,#fff,#C0C0C0 52%,#8A8A8A);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.head .cta-mini{
  font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  border:1px solid var(--line-hot);color:var(--gold);
  padding:9px 18px;border-radius:999px;background:rgba(212,175,55,.05);
  transition:background .3s,color .3s;
}
.head .cta-mini:hover{background:var(--gold);color:#08080A}

/* ── the spine: numbered rail that tracks the argument ──────── */
.rail{
  position:fixed;right:calc(var(--gutter) - 8px);top:50%;transform:translateY(-50%);
  z-index:55;display:flex;flex-direction:column;gap:16px;
}
.rail a{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  height:15px;position:relative;
}
.rail .num{
  font-family:var(--ui);font-size:9.5px;font-weight:500;letter-spacing:.16em;
  color:var(--ash-dim);transition:color .4s;font-variant-numeric:tabular-nums;
}
.rail .tick{width:14px;height:1px;background:var(--ash-dim);transition:background .4s,width .4s}
.rail .lbl{
  position:absolute;right:34px;white-space:nowrap;
  font-family:var(--body);font-style:italic;font-size:14px;color:var(--gold-hot);
  opacity:0;transform:translateX(8px);transition:opacity .35s,transform .35s;pointer-events:none;
}
.rail a:hover .lbl{opacity:1;transform:translateX(0)}
.rail a:hover .num,.rail a.on .num{color:var(--gold)}
.rail a:hover .tick,.rail a.on .tick{background:var(--gold);width:26px}
@media(max-width:1080px){.rail{display:none}}

/* ── section scaffold ───────────────────────────────────────── */
.act{
  position:relative;
  padding:clamp(90px,13vh,170px) var(--gutter);
  max-width:1280px;margin:0 auto;
}
.act--tight{padding-top:clamp(56px,7vh,90px)}
.eyebrow{
  font-family:var(--ui);font-weight:500;
  font-size:10.5px;letter-spacing:.42em;text-transform:uppercase;
  color:var(--ash);margin-bottom:26px;
  display:flex;align-items:center;gap:14px;
}
.eyebrow::after{content:"";height:1px;flex:1;max-width:120px;
  background:linear-gradient(90deg,var(--line-hot),transparent)}
/* Headings carry the gold. Two weights of it so the page still has hierarchy:
   the gradient is reserved for section headlines, solid gold for card titles.
   Explanatory copy stays ash, so gold always means "this is the claim". */
h2{
  font-family:var(--display);font-weight:900;
  font-size:clamp(30px,5vw,62px);line-height:.94;letter-spacing:-.01em;
  text-wrap:balance;max-width:19ch;
  background:linear-gradient(135deg,#F8E4A6 4%,#D4AF37 48%,#A8842A 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.thesis{
  font-family:var(--body);font-style:italic;
  font-size:clamp(17px,2vw,22px);line-height:1.55;color:var(--silver);
  max-width:52ch;margin-top:22px;
}
.lede{color:var(--ash);font-size:16.5px;max-width:var(--measure);margin-top:18px}

/* ── hero ───────────────────────────────────────────────────── */
.hero{
  /* top-anchored, not centred: a four-to-five line headline centred in 100svh
     pushes the primary CTA below the fold on a 1280x720 laptop. */
  min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;
  padding:96px var(--gutter) 64px;max-width:1280px;margin:0 auto;
}
.hero .kicker{
  font-family:var(--ui);font-size:11px;font-weight:400;
  letter-spacing:.5em;text-transform:uppercase;color:var(--ash);margin-bottom:26px;
}
/* Capped at 88px: the property-management headline runs four lines, and at the
   old 118px the primary CTA fell ~220px below the fold on a 1280x720 laptop. */
.hero h1{
  font-family:var(--display);font-weight:900;
  font-size:clamp(34px,5.4vw,76px);line-height:.94;letter-spacing:-.018em;
  max-width:26ch;
  text-shadow:0 0 90px rgba(212,175,55,.15);
}
.hero .sub{
  font-size:clamp(16px,1.45vw,19.5px);color:var(--silver);line-height:1.62;
  max-width:58ch;margin-top:26px;
}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.btn{
  font-family:var(--ui);font-weight:600;font-size:14.5px;letter-spacing:.02em;
  padding:15px 30px;border-radius:2px;border:1px solid transparent;
  display:inline-block;cursor:pointer;transition:transform .3s, background .3s, color .3s, border-color .3s;
}
.btn-gold{background:linear-gradient(135deg,#F4D77A,#D4AF37 58%,#9C7C24);color:#08080A}
.btn-gold:hover{transform:translateY(-2px)}
.btn-ghost{border-color:var(--line);color:var(--bone);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

.promise{
  display:flex;gap:34px;flex-wrap:wrap;margin-top:60px;
  padding-top:26px;border-top:1px solid var(--line);
  font-family:var(--ui);font-size:12.5px;color:var(--ash);letter-spacing:.02em;
}
.promise b{color:var(--silver);font-weight:600}

/* ── proof triptych ─────────────────────────────────────────── */
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;
  background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:900px){.triptych{grid-template-columns:1fr}}
.panel{background:var(--void);padding:38px 30px;transition:background .5s}
.panel:hover{background:var(--ink)}
.panel .figure{
  font-family:var(--display);font-weight:900;font-size:clamp(22px,2.3vw,30px);
  line-height:1.05;letter-spacing:-.01em;
}
.panel h3{font-family:var(--ui);font-weight:600;font-size:15px;color:var(--silver);margin-top:16px;letter-spacing:.01em}
.panel p{color:var(--ash);font-size:14.5px;margin-top:12px;line-height:1.65}

/* ── verticals: full-width editorial rows ───────────────────── */
.rows{margin-top:52px;border-top:1px solid var(--line)}
.row{
  display:grid;grid-template-columns:64px 1fr auto;gap:clamp(18px,3vw,44px);align-items:baseline;
  padding:34px 0;border-bottom:1px solid var(--line);
  transition:padding-left .45s cubic-bezier(.19,1,.22,1);
}
.row:hover{padding-left:14px}
.row .idx{
  font-family:var(--ui);font-size:11px;letter-spacing:.16em;color:var(--ash-dim);
  font-variant-numeric:tabular-nums;transition:color .4s;
}
.row:hover .idx{color:var(--gold)}
.row h3{font-family:var(--display);font-weight:700;font-size:clamp(21px,2.6vw,31px);letter-spacing:-.005em;color:var(--gold)}
.row p{color:var(--ash);font-size:15px;margin-top:10px;max-width:60ch;line-height:1.65}
.row .arrow{
  font-family:var(--ui);font-size:13px;color:var(--gold);opacity:0;
  transform:translateX(-10px);transition:opacity .4s,transform .4s;white-space:nowrap;
}
.row:hover .arrow{opacity:1;transform:translateX(0)}
@media(max-width:760px){
  .row{grid-template-columns:1fr;gap:8px}
  .row .arrow{opacity:1;transform:none;margin-top:10px}
}

/* ── tools ──────────────────────────────────────────────────── */
.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:52px;background:var(--line);
  border:1px solid var(--line)}
@media(max-width:820px){.tools{grid-template-columns:1fr}}
.tool{background:var(--void);padding:34px 30px;display:flex;flex-direction:column;
  transition:background .5s;min-height:210px}
.tool:hover{background:var(--ink)}
.tool .tag{font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.tool h3{font-family:var(--display);font-weight:700;font-size:21px;margin-top:14px;letter-spacing:-.005em;color:var(--gold)}
.tool p{color:var(--ash);font-size:14.5px;margin-top:11px;flex:1;line-height:1.65}
.tool .go{font-family:var(--ui);font-weight:600;font-size:13px;color:var(--gold);margin-top:20px}

/* ── mechanism: the measurement spine ───────────────────────── */
.mech{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:52px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:900px){.mech{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.mech{grid-template-columns:1fr}}
.step{background:var(--void);padding:32px 26px}
.step .n{
  font-family:var(--display);font-weight:900;font-size:13px;color:var(--gold);
  letter-spacing:.1em;font-variant-numeric:tabular-nums;
}
.step h4{font-family:var(--ui);font-weight:600;font-size:15.5px;margin-top:16px;color:var(--gold)}
.step p{color:var(--ash);font-size:14px;margin-top:10px;line-height:1.65}

.pull{
  border-left:2px solid var(--gold);padding:20px 0 20px 26px;margin-top:44px;
  max-width:74ch;font-size:16.5px;line-height:1.7;color:var(--bone);
  background:linear-gradient(90deg,rgba(212,175,55,.06),transparent 72%);
}
.pull b{color:var(--gold-hot);font-weight:600}

/* ── pricing ────────────────────────────────────────────────── */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;background:var(--line);
  border:1px solid var(--line)}
@media(max-width:900px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--void);padding:36px 30px;display:flex;flex-direction:column}
.tier.feature{background:linear-gradient(165deg,rgba(212,175,55,.09),rgba(212,175,55,.015))}
.tier .lbl{font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.tier h3{font-family:var(--display);font-weight:700;font-size:20px;margin-top:14px;color:var(--gold)}
.tier .amt{font-family:var(--display);font-weight:900;font-size:clamp(24px,2.6vw,32px);
  margin-top:18px;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.tier .per{color:var(--ash-dim);font-size:12.5px;margin-top:6px;font-family:var(--ui)}
.tier p{color:var(--ash);font-size:14.5px;margin-top:18px;flex:1;line-height:1.65}
.tier .fine{color:var(--silver);font-size:12.5px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}

/* ── field notes ────────────────────────────────────────────── */
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;background:var(--line);
  border:1px solid var(--line)}
@media(max-width:880px){.notes{grid-template-columns:1fr}}
.note{background:var(--void);padding:30px 26px;display:flex;flex-direction:column;transition:background .5s}
.note:hover{background:var(--ink)}
.note .cat{font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.note h3{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.3;margin-top:14px;flex:1;
  letter-spacing:-.004em;color:var(--gold)}
.note .go{font-family:var(--ui);font-size:12.5px;color:var(--ash);margin-top:20px}
.note:hover .go{color:var(--gold)}

/* ── questions ──────────────────────────────────────────────── */
.faq{margin-top:48px;max-width:88ch;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  font-family:var(--display);font-weight:700;font-size:clamp(17px,1.9vw,21px);
  padding:26px 44px 26px 0;cursor:pointer;list-style:none;position:relative;
  letter-spacing:-.005em;transition:color .3s;color:var(--gold);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--gold-hot)}
.faq summary::after{
  content:"";position:absolute;right:8px;top:50%;width:11px;height:1px;background:var(--gold);
  transition:transform .35s;
}
.faq summary::before{
  content:"";position:absolute;right:13px;top:50%;width:1px;height:11px;background:var(--gold);
  transform:translateY(-50%);transition:opacity .35s,transform .35s;
}
.faq details[open] summary::before{opacity:0;transform:translateY(-50%) rotate(90deg)}
.faq details p{color:var(--ash);font-size:15.5px;padding:0 0 28px;max-width:74ch;line-height:1.75}

/* ── the ask ────────────────────────────────────────────────── */
.close{text-align:center;padding:clamp(100px,16vh,190px) var(--gutter)}
.close h2{margin:0 auto;max-width:16ch;font-size:clamp(34px,6.4vw,84px);line-height:.92}
.close .thesis{margin:26px auto 0;text-align:center}
.close .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px}

footer{border-top:1px solid var(--line);padding:56px var(--gutter);position:relative;z-index:3}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;max-width:1280px;margin:0 auto}
@media(max-width:820px){.fgrid{grid-template-columns:1fr 1fr}}
.fgrid h5{font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px}
.fgrid a{display:block;color:var(--ash);font-size:14px;padding:4px 0;transition:color .3s}
.fgrid a:hover{color:var(--gold)}
.fgrid p{color:var(--ash);font-size:14px;max-width:34ch;line-height:1.65}
.fbase{max-width:1280px;margin:44px auto 0;padding-top:24px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--ui);font-size:12px;color:var(--ash-dim);letter-spacing:.04em}

/* ── the pitch box (keeps live IDs so existing JS drops in) ─── */
.pitchbox{border:1px solid var(--line);background:rgba(16,16,20,.6);padding:26px;margin-top:44px;max-width:820px}
.pitchbox textarea{
  width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);
  padding:14px 16px;color:var(--bone);font-family:var(--body);font-size:15px;
  outline:none;resize:vertical;border-radius:2px;
}
.pitchbox textarea:focus{border-color:var(--line-hot)}
.pitchbox .btn{width:100%;margin-top:14px;text-align:center}

/* ── reveal ─────────────────────────────────────────────────── */
/* Reveal-on-scroll. Scoped to .js-rv, which an inline head script adds before
   first paint. If that script never runs (JS disabled, parse error, blocked
   bundle) the rule never applies and every section renders visible instead of
   the whole page sitting invisible at opacity:0. Fail open, never blank. */
.js-rv .rv{opacity:0;transform:translateY(44px);
  transition:opacity 1.05s cubic-bezier(.19,1,.22,1),transform 1.05s cubic-bezier(.19,1,.22,1)}
.js-rv .rv.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .grain{animation:none}
  .rv{opacity:1;transform:none;transition:none}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ═══════════════════════════════════════════════════════════════════════
   Legacy compatibility layer.

   The AI concierge and the ROI widget carry their own inline <style> block in
   index.html and were written against the pre-redesign token names. Aliasing
   them here means that block, and the JS that injects markup into it, keeps
   working untouched. Do not delete these without rewriting that block.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --charcoal:#17171C;
  --black:#0D0D0F;
  --txt:var(--bone);
  --muted:var(--ash);
  --line-strong:rgba(192,192,192,.3);
  --green:#39d98a;
  --font-head:var(--display);
  --font-body:var(--body);
  --font-ui:var(--ui);
}

/* contact form */
.cf{margin-bottom:14px}
.cf label{display:block;font-family:var(--ui);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ash);margin-bottom:7px}
.cf input,.cf select,.cf textarea{
  width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);
  border-radius:2px;padding:12px 14px;color:var(--bone);
  font-family:var(--body);font-size:15px;outline:none}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--line-hot)}
.cf-success{display:none;color:var(--green);font-size:14px;margin-bottom:12px}
.cf-success.show{display:block}
.formwrap{border:1px solid var(--line);background:rgba(16,16,20,.6);padding:28px;
  text-align:left;max-width:560px;margin:0 auto}

/* honeypot: must stay visually hidden but focusable-off, not display:none */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}


/* ── PM-flagship front door ─────────────────────────────────────────────
   Added when the homepage was reanchored on property management. The other
   verticals moved to a compact secondary band (.also) so they stay reachable
   without competing with the flagship for the first screen. */

/* the anonymised design-partner note under the hero */
.partner{
  margin-top:34px;padding:18px 22px;border-left:2px solid var(--line-hot);
  background:linear-gradient(90deg,rgba(212,175,55,.05),transparent 74%);
  color:var(--ash);font-size:14.5px;line-height:1.65;max-width:70ch;
}
.partner b{color:var(--silver);font-weight:600}

/* capability list */
.caps{list-style:none;margin-top:30px;display:grid;gap:13px;max-width:70ch}
.caps li{
  position:relative;padding-left:28px;color:var(--bone);font-size:15.5px;line-height:1.6;
}
.caps li::before{
  content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;
  border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);
  transform:rotate(-45deg);
}

/* the two headline benchmark figures */
.figures{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:38px;
  background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:640px){.figures{grid-template-columns:1fr}}
.figures div{background:var(--void);padding:30px 26px}
.figures .n{font-family:var(--display);font-weight:900;font-size:clamp(26px,3.4vw,40px);
  letter-spacing:-.015em;line-height:1;
  background:linear-gradient(135deg,#F8E4A6 4%,#D4AF37 48%,#A8842A 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.figures p{color:var(--ash);font-size:14.5px;margin-top:12px;line-height:1.6}
.srcnote{color:var(--ash-dim);font-size:12.5px;margin-top:16px;font-family:var(--ui)}

/* secondary vertical band */
.also{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;
  background:var(--line);border:1px solid var(--line)}
@media(max-width:820px){.also{grid-template-columns:1fr}}
.also a{background:var(--void);padding:26px 24px;display:block;transition:background .45s}
.also a:hover{background:var(--ink)}
.also .tag{font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-dim)}
.also h3{font-family:var(--display);font-weight:700;font-size:18px;margin-top:11px;color:var(--gold)}
.also p{color:var(--ash);font-size:14px;margin-top:9px;line-height:1.6}
.also .go{font-family:var(--ui);font-size:12.5px;color:var(--ash);margin-top:15px}
.also a:hover .go{color:var(--gold)}