/* Hero "Found here first" phone wall */
.hero--wall{padding:76px 0 56px}
.hero--wall .wrap{text-align:center}
.hero--wall .hero-eyebrow{justify-content:center;margin-bottom:28px}
.hero--wall .hero-eyebrow::after{content:"";width:28px;height:1px;background:var(--accent-on-dark,#E8574A)}
.hero--wall .hero-h1{margin-left:auto;margin-right:auto;max-width:1150px;margin-bottom:24px}
.hero--wall .hero-sequence{display:flex;flex-direction:column;align-items:center}
.hero--wall .hero-lead{margin:0 auto 28px;max-width:760px;font-size:18px}
.hero--wall .hero-lead strong{color:var(--paper,#F5F1EA);font-weight:600}
.hero--wall .hero-proof{display:none}
.hero--wall .hero-cta-row{justify-content:center;margin-bottom:0}
.hero--wall .hero-trial{margin-top:18px!important;font-size:11.5px;letter-spacing:.12em;color:#a49d90}
.hero--wall .hero-trial a{color:#e6ddcf}

.hero-wall{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin:40px auto 0;padding:24px 0 10px;list-style:none;font-family:Inter,Arial,sans-serif;text-align:left}
.hw-ph{position:relative;flex:0 0 auto;width:150px;height:304px;padding:6px;border-radius:28px;background:#050505;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 60px rgba(0,0,0,.55);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;cursor:pointer;outline:none}
.hw-ph:nth-child(1){transform:translateY(20px) rotate(-3deg)}
.hw-ph:nth-child(2){transform:translateY(8px) rotate(-1.5deg)}
.hw-ph:nth-child(5){transform:translateY(8px) rotate(1.5deg)}
.hw-ph:nth-child(6){transform:translateY(20px) rotate(3deg)}
.hw-ph.is-on{z-index:3;transform:translateY(-6px) rotate(0) scale(1.08);box-shadow:0 0 0 1.5px rgba(232,87,74,.9),0 40px 80px rgba(0,0,0,.6)}
.hw-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none;outline:none}
.hw-ph:focus-within{box-shadow:0 0 0 2px #E8574A,0 30px 60px rgba(0,0,0,.55)}
.hw-scr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:22px;background:#111}
.hw-scr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hw-tt{position:absolute;inset:0}
.hw-tt::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 18%,transparent 50%,rgba(0,0,0,.85))}
.hw-ttop{position:absolute;left:0;right:0;top:12px;display:flex;justify-content:center;gap:12px;color:rgba(255,255,255,.65);font-size:9.5px;font-weight:600}
.hw-ttop b{padding-bottom:2px;border-bottom:1.5px solid #fff;color:#fff}
.hw-rail{position:absolute;right:7px;bottom:46px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#fff;font-size:13px}
.hw-rail img{width:26px;height:26px;border:1.5px solid #fff;border-radius:50%;object-fit:cover}
.hw-rail span{display:flex;flex-direction:column;align-items:center;line-height:1}
.hw-rail small{margin-top:2px;font-size:8px;font-weight:700}
.hw-cap{position:absolute;left:10px;right:34px;bottom:14px;color:#fff;font-size:9px;line-height:1.35}
.hw-snd{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.9}
.hw-ic{font-size:12px}
.hw-cap b{display:block;margin-bottom:4px;font-size:11px}
.hw-sig{display:inline-block;margin-bottom:4px;padding:3px 7px;border-radius:999px;background:#E8574A;font-weight:700}
.hw-d{display:block;color:#e6ddcf}
.hw-x{display:block;color:#6fcf97;font-weight:700}
.hw-front{position:absolute;inset:0;z-index:2;transition:opacity .5s ease;background:#1a1816}
.hw-front img{width:100%;height:100%;object-fit:cover}
.hw-front::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8))}
.hw-fcap{position:absolute;left:12px;right:12px;bottom:14px;z-index:1;color:#fff}
.hw-fcap b{display:block;font:400 17px/1.1 Fraunces,serif;letter-spacing:-.01em}
.hw-fcap span{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;background:#E8574A;font-size:9.5px;font-weight:700;letter-spacing:.04em}
.hw-ph.is-on .hw-front{opacity:0}
.hero-wall-hint{margin-top:22px;font:600 10.5px/1.6 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#8a8377}
.hero-wall-hint em{font-style:normal;color:#E8574A}
.hero-wall-hint .hw-desk,.hero-wall-hint .hw-mob{color:#5f594f}
.hero-wall-hint .hw-mob{display:none}

@media (min-width:861px) and (max-height:860px){.hero--wall{padding-top:64px}.hero--wall .hero-eyebrow{margin-bottom:22px}.hero--wall .hero-h1{margin-bottom:18px}.hero--wall .hero-lead{margin-bottom:20px;font-size:17px}.hero-wall{margin-top:22px}.hw-ph{width:126px;height:256px}.hero-wall-hint{margin-top:12px}}
@media (max-width:1100px) and (min-width:861px){.hw-ph{width:128px;height:260px}.hero-wall{gap:14px}}

/* Phones: one swipe row, the centered phone plays */
@media (max-width:860px){
  .hero--wall{padding:72px 0 40px}
  .hero--wall .hero-lead{font-size:15.5px;line-height:1.5;margin-bottom:20px}
  .hero--wall .hero-cta-row{margin-top:0!important}
      .hero--wall .hero-trial{display:block!important;margin:14px auto 0!important;max-width:320px;font-size:10.5px;line-height:1.7;letter-spacing:.1em;text-align:center}
  .hero--wall .hero-trial a{display:inline-block;margin-left:0}
  .hero--wall .hero-eyebrow{font-size:10.5px;letter-spacing:.14em;white-space:nowrap;gap:10px}
  .hero--wall .hero-eyebrow::before,.hero--wall .hero-eyebrow::after{width:16px}
  .hero-wall{justify-content:flex-start;gap:14px;width:100vw;margin:22px 0 0 calc(50% - 50vw);padding:18px calc(50vw - 80px) 14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hero-wall::-webkit-scrollbar{display:none}
  .hw-ph,.hw-ph:nth-child(n){width:160px;height:324px;transform:none;scroll-snap-align:center}
  .hw-ph.is-on{transform:scale(1.04)}
  .hero-wall-hint .hw-desk{display:none}.hero-wall-hint .hw-mob{display:inline}
  .hero-wall-hint{max-width:300px;margin:14px auto 0;font-size:9.5px;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){.hw-ph,.hw-front{transition:none}}

/* Phones: the six-phone wall is replaced by .hero-solo below. */
@media (max-width:860px){
  .hero-wall,.hero-wall-hint{display:none!important}
  .hero--wall{padding-bottom:56px}
}

/* Phones: one phone, Jerri's clip plays on its own (muted), six faces underneath */
.hero-solo{display:none}
@media (max-width:860px){
  .hero-solo{display:flex;flex-direction:column;align-items:center;margin:30px auto 0;font-family:Inter,Arial,sans-serif}
  .hs-phone{display:block;width:min(60vw,228px);aspect-ratio:9/15.6;padding:7px;border-radius:34px;background:#050505;box-shadow:0 0 0 1.5px rgba(232,87,74,.85),0 34px 70px rgba(0,0,0,.6);text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent}
  .hs-scr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:27px;background:#1a1816}
  .hs-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hs-tt{position:absolute;inset:0;pointer-events:none}
  .hs-tt::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 16%,transparent 55%,rgba(0,0,0,.82))}
  .hs-top{position:absolute;left:0;right:0;top:14px;display:flex;justify-content:center;gap:14px;font-size:11px;font-weight:600;color:rgba(255,255,255,.65)}
  .hs-top b{color:#fff;padding-bottom:2px;border-bottom:1.5px solid #fff}
  .hs-rail{position:absolute;right:8px;bottom:58px;display:flex;flex-direction:column;align-items:center;gap:12px}
  .hs-rail img{width:32px;height:32px;border:1.5px solid #fff;border-radius:50%;object-fit:cover}
  .hs-rail span{display:flex;flex-direction:column;align-items:center;line-height:1}
  .hs-rail svg{width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
  .hs-rail small{margin-top:3px;font-size:9.5px;font-weight:700;color:#fff}
  .hs-cap{position:absolute;left:12px;right:44px;bottom:16px;font-size:10.5px;line-height:1.35;color:#fff;text-align:left}
  .hs-cap b{display:block;margin-bottom:4px;font-size:12.5px}
  .hs-cap span{display:block;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hs-meta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}
  .hs-pill{padding:4px 10px;border-radius:999px;background:#E8574A;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.04em}
  .hs-days{font-size:14px;color:#cfc7ba}
  .hs-days b{color:#F5F1EA;font-weight:600}
  .hs-faces{display:flex;justify-content:center;margin:20px 0 0;padding:0;list-style:none}
  .hs-faces li{position:relative;margin-left:-8px}
  .hs-faces li:first-child{margin-left:0}
  .hs-faces img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #0E0D0B;background:#1a1816}
  .hs-faces li.is-on{z-index:1}
  .hs-faces li.is-on img{border-color:#E8574A}
  .hs-faces span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hs-line{margin-top:12px;max-width:300px;text-align:center;font:600 9.5px/1.6 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8a8377}
  .hs-line em{font-style:normal;color:#E8574A}
}

/* Phones: tappable artist faces swap the clip */
@media (max-width:860px){
  .hs-name{font:400 22px/1.1 Fraunces,Georgia,serif;color:#F5F1EA;letter-spacing:-.01em}
  .hs-faces{gap:8px}
  .hs-faces li,.hs-faces li:first-child{margin-left:0}
  .hs-face{appearance:none;display:block;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.16,1,.3,1)}
  .hs-face img{width:44px;height:44px;border:2px solid #2a2622;opacity:.7;transition:opacity .25s,border-color .25s}
  .hs-face.is-on img{border-color:#E8574A;opacity:1}
  .hs-face.is-on{transform:scale(1.1)}
  .hs-face:focus-visible{outline:2px solid #E8574A;outline-offset:3px}
  .hs-face span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hs-scr .hs-vid{transition:opacity .3s ease}
  .hs-scr.is-swapping .hs-vid{opacity:0}
}

/* Phones: photo by default; tap the phone to play the clip */
@media (max-width:860px){
  button.hs-phone{appearance:none;font:inherit;border:0;cursor:pointer}
  .hs-photo{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}
  .hs-play{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(14,13,11,.55);box-shadow:0 0 0 1.5px rgba(255,255,255,.75);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .25s ease,transform .25s ease}
  .hs-play svg{width:24px;height:24px;margin-left:3px}
  .hs-tt{opacity:0;transition:opacity .35s ease}
  .hs-phone.is-playing .hs-photo,.hs-phone.is-playing .hs-play{opacity:0;pointer-events:none}
  .hs-phone.is-playing .hs-play{transform:scale(.8)}
  .hs-phone.is-playing .hs-tt{opacity:1}
}

/* Founder name links to About: same colour, thin underline, red on hover */
.hero--wall .hero-lead a.hero-name-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(245,241,234,.35);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s,color .2s}
.hero--wall .hero-lead a.hero-name-link:hover,.hero--wall .hero-lead a.hero-name-link:focus-visible{text-decoration-color:#E8574A}
.hero--wall .hero-lead a.hero-name-link:hover strong{color:#E8574A}
.hero--wall .hero-lead a.hero-name-link strong{transition:color .2s}

/* Small Record link under the hero phones */
.hero-wall-hint a.hw-record,.hs-line a.hw-record{color:#F5F1EA;text-decoration:underline;text-decoration-color:rgba(245,241,234,.35);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.hero-wall-hint a.hw-record:hover,.hs-line a.hw-record:hover,.hero-wall-hint a.hw-record:focus-visible,.hs-line a.hw-record:focus-visible{color:#E8574A;text-decoration-color:#E8574A}

/* Phones (compact): small photo card + six named faces, no tall phone */
@media (max-width:860px){
  .hero-solo{align-items:stretch;width:100%;max-width:420px;margin:28px auto 0}
  .hs-eyebrow{font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#E8574A;text-align:left}
  .hs-card{display:flex;gap:14px;align-items:stretch;margin-top:12px;padding:10px;border-radius:16px;background:#1a1816;border:1px solid #2a2622;text-align:left}
  .hs-phone{flex:0 0 132px;width:132px;height:170px;aspect-ratio:auto;padding:0;border-radius:11px;box-shadow:none;background:#1a1816}
  .hs-scr{border-radius:11px}
  .hs-tt{display:none}
  .hs-play{left:8px;top:auto;bottom:8px;width:30px;height:30px;margin:0;box-shadow:none;background:rgba(0,0,0,.55)}
  .hs-play svg{width:14px;height:14px;margin-left:2px}
  .hs-meta{align-items:flex-start;justify-content:center;gap:0;margin:0;min-width:0}
  .hs-name{font-size:24px;line-height:1.05}
  .hs-pill{padding:0;margin-top:6px;border-radius:0;background:none;color:#a69e93;font-size:13px;font-weight:500;letter-spacing:0}
  .hs-days{display:block;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#F5F1EA}
  .hs-days b{display:block;margin-bottom:6px;font:400 40px/1 Fraunces,Georgia,serif;color:#E8574A;text-transform:none;letter-spacing:0}
  .hs-faces{justify-content:space-between;gap:0;margin:16px 2px 0}
  .hs-faces li{width:56px}
  .hs-face{width:100%;border-radius:0}
  .hs-face.is-on{transform:none}
  .hs-face img{width:46px;height:46px;margin:0 auto;border:2px solid #0E0D0B;outline:2px solid #2a2622;opacity:.75}
  .hs-face.is-on img{border-color:#0E0D0B;outline-color:#E8574A;opacity:1}
  .hs-face span,.hs-faces span{position:static;display:block;width:auto;height:auto;overflow:hidden;clip:auto;margin-top:6px;font:600 10px/1.2 Inter,Arial,sans-serif;letter-spacing:-.01em;color:#a69e93;white-space:nowrap;text-overflow:clip;text-align:center}
  .hs-face.is-on span{color:#F5F1EA}
  .hs-line{max-width:none;margin-top:16px;font:700 11.5px/1.5 Inter,Arial,sans-serif;letter-spacing:.06em}
}

/* Phones (compact): re-centre faces for STRATA, WNTRBRK, Blue, Solana */
@media (max-width:860px){
  .hs-ring{position:relative;display:block;width:46px;height:46px;margin:0 auto;border-radius:50%;overflow:hidden;border:2px solid #0E0D0B;outline:2px solid #2a2622;background:#1a1816}
  .hs-face.is-on .hs-ring{outline-color:#E8574A}
  .hs-ring img,.hs-face .hs-ring img{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;border:0;outline:0;border-radius:0;object-fit:cover}
  .hs-face img{opacity:1}.hs-face .hs-ring{opacity:.75}.hs-face.is-on .hs-ring{opacity:1}
  .hero-solo[data-artist=strata] :is(.hs-photo,.hs-vid){left:-6.6px;top:-7.4px;width:198.0px;height:396.0px;object-fit:fill;max-width:none!important;max-height:none}
  .hs-face[data-key=strata] .hs-ring img{left:-19.0px;top:-30.0px;width:109.2px;height:218.4px;object-fit:fill;max-width:none!important;max-height:none}
  .hero-solo[data-artist=wntrbrk] :is(.hs-photo,.hs-vid){left:-23.1px;top:0.0px;width:198.0px;height:396.0px;object-fit:fill;max-width:none!important;max-height:none}
  .hs-face[data-key=wntrbrk] .hs-ring img{left:-28.1px;top:-9.9px;width:109.2px;height:218.4px;object-fit:fill;max-width:none!important;max-height:none}
  .hero-solo[data-artist=blue] :is(.hs-photo,.hs-vid){left:-29.7px;top:0.0px;width:198.0px;height:396.0px;object-fit:fill;max-width:none!important;max-height:none}
  .hs-face[data-key=blue] .hs-ring img{left:-31.8px;top:-24.5px;width:109.2px;height:218.4px;object-fit:fill;max-width:none!important;max-height:none}
  .hero-solo[data-artist=solana] :is(.hs-photo,.hs-vid){left:-33.0px;top:-30.5px;width:198.0px;height:396.0px;object-fit:fill;max-width:none!important;max-height:none}
  .hs-face[data-key=solana] .hs-ring img{left:-33.6px;top:-42.7px;width:109.2px;height:218.4px;object-fit:fill;max-width:none!important;max-height:none}
}