/* AfterTheyClick homepage, v3. Page-only styles. Every class starts with hm- so nothing collides with style.css.
   Lifted and renamed from round 3: T1 (crossed out) and S2 (where's your leak). */

/* ===== Hero ===== */
.pg-index .hero{padding-bottom:clamp(70px,8vw,120px)}
.hm-ob{position:relative;font-weight:700;letter-spacing:-.05em}
.hm-ob::after{content:"";position:absolute;left:-.02em;right:-.02em;bottom:.02em;height:.075em;border-radius:99px;background:var(--orange);transform-origin:0 50%}
.js .hm-ob::after{transform:scaleX(0)}
.js .loaded .hm-ob::after{transform:none;transition:transform 1.1s cubic-bezier(.6,0,.2,1) 1.05s}
.still .hm-ob::after{transform:none!important;transition:none!important}
@media (min-width:700px){.hm-nw{white-space:nowrap}}

/* ===== The two beliefs, crossed out ===== */
.hm-beat{padding:clamp(96px,11vw,170px) 0}
.hm-cue{display:flex;gap:18px;align-items:flex-start;margin-bottom:clamp(64px,8vw,120px);font-size:1.05rem;max-width:44ch;text-wrap:pretty}
.hm-cue p span{display:block;color:var(--mute)}
.hm-cue i{flex:none;position:relative;width:9px;height:88px;margin-top:6px}
.hm-cue i::before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--orange)}
.hm-cue i::after{content:"";position:absolute;left:4px;top:13px;bottom:0;width:1px;background:linear-gradient(var(--ink),rgba(18,36,32,0))}

.hm-meta{display:flex;align-items:center;gap:14px;font-size:.95rem;font-weight:500;color:var(--mute)}
.hm-meta .n{font:italic 400 1.3rem/1 var(--serif);color:var(--ink)}
.hm-meta .rule{width:clamp(40px,8vw,110px);height:1px;background:var(--rule)}
.hm-myth{position:relative;margin-top:clamp(22px,3vw,40px);font-weight:600;font-size:clamp(3.1rem,8.2vw,8.2rem);line-height:1;letter-spacing:-.05em;text-wrap:balance;color:var(--ink);transition:color 1s var(--ease)}
.crossed .hm-myth{color:#97A5A0}
.hm-bars{position:absolute;inset:0;pointer-events:none}
.hm-bars i{position:absolute;height:.075em;margin-top:-.0375em;background:var(--orange);border-radius:99px;transform-origin:0 50%;transform:scaleX(0)}
html:not(.js) .hm-myth .x{text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:.075em}

.hm-truth{margin-top:clamp(40px,5.5vw,76px)}
.hm-truth .eyebrow{margin-bottom:16px;color:var(--ink)}
.hm-true{font-size:clamp(2.3rem,5.6vw,5.4rem);line-height:1;letter-spacing:-.045em;max-width:16ch;text-wrap:balance}
.hm-true em{font-size:1.04em}
html.js:not(.still) .hm-truth{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease) .1s,transform 1.1s var(--ease) .1s}
html.js:not(.still) .crossed .hm-truth{opacity:1;transform:none}

.hm-detail{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:36px clamp(40px,7vw,110px);margin-top:clamp(56px,7vw,100px);align-items:start}
.hm-say{font-size:clamp(1.15rem,1.6vw,1.3rem);line-height:1.5;max-width:30ch}
.hm-say small{display:block;color:var(--mute);font-size:.95rem;line-height:1.55;margin-top:16px;max-width:38ch}
.hm-list{list-style:none;padding:0;border-top:1px solid var(--ink)}
.hm-list li{padding:22px 0;border-bottom:1px solid var(--rule);font-size:clamp(1.3rem,2.2vw,1.8rem);letter-spacing:-.025em;line-height:1.2}
.hm-list li span{color:var(--mute)}
.hm-kick{grid-column:1/-1;font-size:clamp(1.9rem,3.9vw,3.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.04;max-width:22ch;margin-top:clamp(12px,3vw,40px);text-wrap:balance}
.hm-kick em{font-weight:400}

/* ===== Your year, on paper ===== */
.hm-yhead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:44px}
.hm-yhead h2{max-width:13ch;text-wrap:balance}
.hm-yhead .lede{margin-top:0}
/* style.css has an old hero ".hint" (absolute, white); keep the year tool's own hint in the flow */
.pg-index .yt-table .hint{position:static;display:block;color:var(--mute)}

/* ===== Where's your leak (the floor plan) ===== */
.hm-lhead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(48px,5.5vw,80px)}
.hm-lhead h2{max-width:11ch;text-wrap:balance}
.hm-lhead .lede{margin-top:0}

.hm-map{position:relative;display:grid;grid-template-columns:minmax(0,372px) 104px minmax(0,1fr);grid-template-rows:auto auto;row-gap:24px}
.hm-k{display:flex;gap:12px;align-items:flex-start}
.hm-k-sym{grid-column:1;grid-row:1}
.hm-k-plan{grid-column:3;grid-row:1}
.hm-num{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink);font:600 .78rem/1 var(--sans);margin-top:1px}
.hm-k b{display:block;font-weight:600;font-size:1.02rem;line-height:1.3}
.hm-k small{display:block;color:var(--mute);font-size:.84rem;line-height:1.4;margin-top:2px}

.hm-syms{grid-column:1;grid-row:2;list-style:none;padding:0;display:grid;gap:8px;align-content:start}
.hm-sym{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:14px;align-items:center;width:100%;min-height:60px;padding:10px 16px;text-align:left;border:0;border-radius:14px;background:var(--salt);color:var(--ink);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
@media (hover:hover){.hm-sym:hover{box-shadow:inset 0 0 0 1px var(--ink)}}
.hm-sym i{grid-column:1;grid-row:1 / 3;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--bar);display:grid;place-items:center}
.hm-sym i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);transform:scale(0);transition:transform .25s var(--ease)}
.hm-sym b{grid-column:2;font-weight:500;font-size:.98rem;line-height:1.3}
.hm-sym small{grid-column:2;font-size:.78rem;line-height:1.35;color:var(--mute);margin-top:2px}
.hm-sym[aria-pressed="true"]{background:var(--ink);color:var(--salt)}
@media (hover:hover){.hm-sym[aria-pressed="true"]:hover{box-shadow:none;background:#21403A}}
.hm-sym[aria-pressed="true"] small{color:var(--mist)}
.hm-sym[aria-pressed="true"] i{box-shadow:inset 0 0 0 1.5px var(--orange)}
.hm-sym[aria-pressed="true"] i::after{transform:none}

/* phones: the matching rooms, as chips under each picked sign */
.hm-chips{display:none;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0 8px 48px;font-size:.8rem;color:var(--mute)}
.hm-chips > span:first-child{margin-right:2px}
.hm-chips .chip{background:var(--tint);color:var(--ink);box-shadow:inset 0 0 0 1px #AEBBB6}
.hm-chips .chip.is-top{background:var(--ink);color:var(--salt);box-shadow:none}

.hm-planwrap{grid-column:3;grid-row:2;align-self:center}
.hm-plan{position:relative;background:var(--paper);box-shadow:0 0 0 2px var(--ink);border-radius:2px}
.hm-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hm-room{position:relative;min-height:184px;padding:16px 16px 54px;transition:background .35s,color .35s}
.hm-room + .hm-room{border-left:1px solid #AEBBB6}
.hm-row-top .hm-room{border-bottom:1px solid #AEBBB6}
.hm-row-bot .hm-room{border-top:1px solid #AEBBB6;padding:54px 16px 16px}
.hm-room::after{content:"";position:absolute;left:50%;width:80px;margin-left:-40px;height:3px;background:var(--paper)}
.hm-row-top .hm-room::after{bottom:-2px}
.hm-row-bot .hm-room::after{top:-2px}
.hm-hall{position:relative;height:74px}
.hm-hall::before{content:"";position:absolute;left:-4px;top:12px;bottom:12px;width:6px;background:var(--paper)}
.hm-rn{font-weight:600;font-size:1rem;line-height:1.2}
.hm-rd{font-size:.8rem;line-height:1.4;color:var(--mute);margin-top:6px;transition:color .35s}
.hm-rc{font-size:.74rem;font-weight:600;line-height:1.3;margin-top:10px;min-height:1.3em}
.hm-room.is-hit{background:var(--tint)}
.hm-room.is-top{background:var(--ink);color:var(--salt)}
.hm-room.is-top .hm-rd{color:var(--mist)}
.hm-room.is-top .hm-rc{color:var(--orange-2)}
.hm-dots{display:none}
.hm-plancap{margin-top:14px;font-size:.8rem;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px 18px}
.hm-plancap span{display:inline-flex;align-items:center;gap:8px}
.hm-plancap i{display:inline-block;flex:none}
.hm-kdot{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.hm-kroom{width:14px;height:10px;border-radius:2px;background:var(--ink)}

.hm-pipes{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:4;max-width:none}
.hm-pipes path{fill:none;stroke:var(--orange);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.hm-pipes .hm-ends circle{fill:var(--orange)}
.hm-pipes .hm-start{fill:var(--paper);stroke:var(--orange);stroke-width:2}

.hm-sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 56px;align-items:end;margin-top:clamp(44px,5vw,68px);padding-top:30px;border-top:1px solid var(--rule)}
.hm-lsay{font:400 clamp(1.15rem,1.9vw,1.5rem)/1.5 var(--sans);letter-spacing:-.01em;max-width:58ch;min-height:3em}
.hm-lsay b{font-weight:600;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px}
.hm-act{display:grid;justify-items:end;gap:12px;text-align:right}
.hm-act p{font-size:.82rem;line-height:1.45;color:var(--mute);max-width:36ch}

.hm-build{margin-top:clamp(52px,6vw,88px);display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px 40px;align-items:start}
.hm-build-k{font-size:.88rem;font-weight:600;line-height:1.4}
.hm-build-k small{display:block;font-weight:400;color:var(--mute);font-size:.8rem;margin-top:2px}
.hm-build ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hm-build li.last{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);margin-left:14px;position:relative}
.hm-build li.last::before{content:"";position:absolute;left:-15px;top:50%;width:8px;height:1px;background:var(--bar)}
.hm-build li.last b{font-weight:600;color:var(--orange)}
.hm-build-note{grid-column:2;font-size:.9rem;color:var(--mute);max-width:70ch}
.hm-build-go{grid-column:2;margin-top:6px}

/* ===== One leak, up close ===== */
.pg-index .nights .lede{max-width:44ch}

/* ===== Every Monday: the Check stage ===== */
.pg-index #report h2,.pg-index #one-leak h2,.pg-index #founding h2{text-wrap:balance}
.hm-rside{max-width:44ch}
.hm-rlede{font-size:1.1rem;line-height:1.5;margin-bottom:12px}

/* ===== How it works ===== */
.hm-howhead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 64px;align-items:end}
.hm-howhead h2{max-width:13ch;text-wrap:balance}
.hm-howhead .lede{margin-top:0;color:var(--mist)}

.hm-calls{list-style:none;padding:0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(52px,6vw,80px)}
.hm-calls::before{content:"";position:absolute;left:28px;right:28px;top:36px;height:1px;background:repeating-linear-gradient(90deg,#3A4566 0 6px,transparent 6px 11px)}
.hm-call{position:relative;padding:28px 28px 30px;border-radius:24px;background:#10162B;box-shadow:inset 0 0 0 1px var(--rule-d)}
.hm-call::before{content:"";position:absolute;right:28px;top:31px;width:11px;height:11px;border-radius:50%;background:#ECEDF2}
.hm-call:first-child::before{background:var(--orange);box-shadow:0 0 0 6px rgba(242,84,45,.18)}
.hm-between{background:var(--night);box-shadow:none;border:1px dashed #3A4566}
.hm-between::before{background:var(--night);box-shadow:inset 0 0 0 1.5px #ECEDF2}
.hm-ck{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:.88rem;color:var(--mist);padding-right:24px}
.hm-ck b{font-weight:600;color:#ECEDF2;font-size:1rem}
.hm-call h3{font-size:clamp(1.5rem,2.2vw,1.9rem);letter-spacing:-.035em;line-height:1.08;margin-top:34px}
.hm-call h3 em{font-weight:400}
.hm-call > p:last-child{color:var(--mist);margin-top:12px;font-size:.98rem;line-height:1.55}
.hm-find{list-style:none;padding:0;margin-top:26px;border-top:1px solid var(--rule-d)}
.hm-find li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid var(--rule-d);font-size:1.12rem;font-weight:500;letter-spacing:-.015em}
.hm-find li::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--mist)}
.hm-find li:nth-child(3){color:#fff}
.hm-find li:nth-child(3)::before{background:var(--orange)}
.hm-find em{font-weight:400;font-size:1.06em}
.hm-callgo{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.hm-callgo p{color:var(--mist);font-size:.95rem}

.hm-stagehead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 40px;margin-top:clamp(90px,10vw,140px);padding-top:40px;border-top:1px solid var(--rule-d)}
.hm-stagehead h3{font-size:clamp(1.8rem,3.4vw,2.9rem);letter-spacing:-.04em;line-height:1.04;max-width:20ch}
.hm-stagehead h3 em{font-weight:400}
.hm-stagehead p{color:var(--mist);max-width:36ch}

.hm-wtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}
.hm-wtabs button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 20px;border:0;border-radius:16px;background:rgba(255,255,255,.06);color:#ECEDF2;cursor:pointer;transition:background .25s,color .25s}
.hm-wtabs button:hover{background:rgba(255,255,255,.1)}
.hm-wtabs b{font-weight:600;font-size:1.08rem}
.hm-wtabs small{font-size:.86rem;opacity:.7}
.hm-wtabs button[aria-pressed="true"]{background:#ECEDF2;color:var(--night)}

.hm-stages{list-style:none;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:48px}
.hm-stages::before{content:"";position:absolute;left:6px;right:0;top:6px;height:1px;background:#3A4566}
.hm-stages li{position:relative;padding:36px 22px 0 0;transition:opacity .35s}
.hm-stages li::before{content:"";position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--night);box-shadow:inset 0 0 0 1.5px #ECEDF2;transition:background .3s,box-shadow .3s}
.hm-stages li.with::before{background:var(--orange);box-shadow:none}
.hm-stages li.you::before{background:var(--night);box-shadow:inset 0 0 0 1.5px var(--mist)}
.hm-stages li.you{opacity:.55}
.hm-sn{display:block;font-size:.84rem;color:var(--mist)}
.hm-stages b{display:block;font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin-top:2px}
.hm-sd{display:block;color:var(--mist);font-size:.95rem;line-height:1.5;margin-top:8px;max-width:26ch}

.hm-cover{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:26px}
.hm-cover span{grid-row:1;display:flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-cover span[hidden]{display:none}
.hm-cw{background:rgba(242,84,45,.16);box-shadow:inset 0 0 0 1px rgba(242,84,45,.55);color:#FFD9CE}
.hm-cy{margin-left:6px;box-shadow:inset 0 0 0 1px var(--mist);color:var(--mist);background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.03) 8px 16px)}
.hm-cw.loop{position:relative;padding-right:44px}
.hm-cw.loop::after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:1.5px solid #FFD9CE;border-left-color:transparent}
.hm-wfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 30px;margin-top:26px}
.hm-wsay{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;max-width:60ch;min-height:3em}
.hm-wsay b{font-weight:600}
.hm-wattach{border:0;background:transparent;color:#ECEDF2;cursor:pointer;min-height:44px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px currentColor;font:500 .9rem/1 var(--sans);transition:background .2s,color .2s}
.hm-wattach:hover{background:#ECEDF2;color:var(--night)}
.hm-shape{margin-top:30px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.04);color:var(--mist);font-size:.95rem;max-width:80ch}
.hm-shape b{color:#ECEDF2;font-weight:600}

.hm-back{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:30px clamp(40px,6vw,90px);margin-top:clamp(90px,10vw,140px);padding-top:40px;border-top:1px solid var(--rule-d)}
.hm-bk{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:500;letter-spacing:-.03em;line-height:1.15;max-width:18ch}
.hm-bk em{color:var(--orange);font-size:1.05em}
.hm-back ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.hm-back li{padding:18px 0;border-top:1px solid var(--rule-d)}
.hm-back li b{display:block;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.hm-back li span{display:block;color:var(--mist);font-size:.95rem;margin-top:4px}

/* ===== Founding clients ===== */
.hm-fgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px clamp(40px,6vw,90px);align-items:center}
.hm-fs{font:400 italic clamp(1.4rem,2.4vw,2rem)/1.2 var(--serif);margin-top:22px}
.hm-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hm-slot{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;aspect-ratio:5/6;padding:18px;border-radius:20px;border:1.5px dashed #AEBBB6;background:var(--paper);font-size:.84rem;color:var(--mute);line-height:1.35}
.hm-slot svg{width:44px;height:31px;margin-bottom:auto}
.hm-slot svg path{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}
.hm-slot svg circle{fill:var(--orange)}
.hm-slot b{display:block;font-size:1.05rem;font-weight:600;color:var(--ink)}
.hm-founding .fit{margin-top:clamp(56px,6vw,84px)}
.hm-fgo{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:44px}
.hm-fgo span{color:var(--mute);font-size:.95rem}

/* ===== Phones and tablets ===== */
@media (max-width:1180px){
  .hm-map{grid-template-columns:minmax(0,330px) 96px minmax(0,1fr)}
  .hm-room{padding:14px 12px 54px}
  .hm-row-bot .hm-room{padding:54px 12px 14px}
  .hm-rd{font-size:.76rem}
}
@media (max-width:1020px){
  .hm-calls{grid-template-columns:1fr;gap:12px}
  .hm-calls::before{left:33px;right:auto;top:28px;bottom:28px;width:1px;height:auto;background:repeating-linear-gradient(180deg,#3A4566 0 6px,transparent 6px 11px)}
  .hm-call::before{right:auto;left:28px}
  .hm-call{padding-left:58px}
  .hm-call h3{margin-top:14px}
  .hm-stages{grid-template-columns:1fr;gap:26px}
  .hm-stages::before{left:6px;right:auto;top:6px;bottom:6px;width:1px;height:auto}
  .hm-stages li{padding:0 0 0 34px}
  .hm-sd{max-width:46ch}
  .hm-cover{display:none}
  .hm-back{grid-template-columns:1fr}
  .hm-fgrid{grid-template-columns:1fr}
}
@media (max-width:979px){
  .hm-lhead,.hm-yhead,.hm-howhead{grid-template-columns:1fr}
  .hm-map{display:block}
  .hm-syms{margin-top:18px}
  li.on .hm-chips{display:flex}
  .hm-k-plan{margin-top:40px}
  .hm-planwrap{margin-top:16px}
  .hm-pipes{display:none}
  .hm-room{min-height:86px;padding:10px 8px 28px}
  .hm-row-bot .hm-room{padding:28px 8px 10px}
  .hm-rd,.hm-rc{display:none}
  .hm-rn{font-size:.8rem;line-height:1.25}
  .hm-hall{height:24px}
  .hm-hall::before{top:5px;bottom:5px}
  .hm-room::after{width:28px;margin-left:-14px}
  .hm-dots{display:flex;justify-content:center;gap:4px;position:absolute;left:6px;right:6px}
  .hm-row-top .hm-dots{bottom:10px}
  .hm-row-bot .hm-dots{top:10px}
  .hm-dots i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
  .hm-sum{grid-template-columns:1fr}
  .hm-act{justify-items:start;text-align:left}
  .hm-build{grid-template-columns:1fr}
  .hm-build-note,.hm-build-go{grid-column:1}
}
@media (max-width:860px){
  .hm-detail{grid-template-columns:1fr;gap:28px}
}
@media (max-width:640px){
  .hm-wtabs{grid-template-columns:1fr;gap:8px}
  .hm-wtabs button{flex-direction:row;justify-content:space-between;align-items:baseline;padding:14px 18px}
  .hm-back ul{grid-template-columns:1fr}
  .hm-slots{gap:8px}
  .hm-slot{padding:12px;border-radius:14px;font-size:.74rem}
  .hm-slot svg{width:32px;height:23px}
  .hm-slot b{font-size:.92rem}
  .hm-cue i{height:68px}
  .hm-call{padding:24px 20px 26px 52px}
  .hm-calls::before{left:27px}
  .hm-call::before{left:22px}
}
@media (max-width:420px){
  .hm-sym{padding:10px 14px}
  .hm-chips{padding-left:12px}
  .hm-rn{font-size:.74rem}
  .hm-build li.last{margin-left:0}
  .hm-build li.last::before{display:none}
}
/* style.css's reduced-motion rule re-centres the hero cards with translate(-50%), which pushes them
   half off the screen once the graphic stacks vertically on phones and tablets */
@media (prefers-reduced-motion:reduce) and (max-width:1020px){
  html:not(.force-motion) .after-line .al-card,
  html:not(.force-motion) .after-line .al-stop:first-child .al-card,
  html:not(.force-motion) .after-line .al-stop:last-child .al-card{transform:none}
}
.still .hm-sym,.still .hm-sym i::after,.still .hm-room,.still .hm-rd,.still .hm-myth,.still .hm-stages li,.still .hm-stages li::before{transition:none}