/* Mobile-first refinement for the public entry and authentication journey. */
.person-one .portrait,.mini-one,.final-faces span:nth-child(1){background-image:url('../portraits/portrait-1.webp');background-image:image-set(url('../portraits/portrait-1.avif') type('image/avif'),url('../portraits/portrait-1.webp') type('image/webp'));background-position:center;background-size:cover}
.person-two .portrait,.mini-two,.final-faces span:nth-child(2){background-image:url('../portraits/portrait-2.webp');background-image:image-set(url('../portraits/portrait-2.avif') type('image/avif'),url('../portraits/portrait-2.webp') type('image/webp'));background-position:center;background-size:cover}
.person-three .portrait,.mini-three,.final-faces span:nth-child(3){background-image:url('../portraits/portrait-3.webp');background-image:image-set(url('../portraits/portrait-3.avif') type('image/avif'),url('../portraits/portrait-3.webp') type('image/webp'));background-position:center;background-size:cover}
.person-four .portrait{background-image:url('../portraits/portrait-4.webp');background-image:image-set(url('../portraits/portrait-4.avif') type('image/avif'),url('../portraits/portrait-4.webp') type('image/webp'));background-position:center;background-size:cover}
@media(max-width:600px){
  .entry-v23{overflow-x:hidden}
  .entry-nav{height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;align-items:center}
  .entry-logo{width:94px}
  .entry-nav nav{gap:0}
  .entry-nav nav>a:first-child,.entry-join-small{display:none}
  .entry-nav nav [data-login-link]{display:grid;place-items:center;min-width:64px;min-height:48px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
  .entry-hero{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-height:0;padding:calc(94px + env(safe-area-inset-top)) 20px 42px;gap:12px}
  .entry-kicker{font-size:.72rem;line-height:1.35;letter-spacing:.12em}
  .entry-hero h1{max-width:390px;margin:13px 0 18px;font-size:clamp(2.65rem,12.2vw,3.15rem);line-height:.93;letter-spacing:-.065em;text-wrap:balance}
  .entry-lede{max-width:350px;font-size:1rem;line-height:1.48}
  .entry-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;width:100%;margin-top:20px}
  .entry-button{width:100%;min-height:54px;padding:0 22px}
  .entry-login-action{display:grid;place-items:center;min-height:48px;border:0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
  .people-orbit{width:100%;height:278px;min-height:278px;margin:0;overflow:visible}
  .people-orbit svg{inset:0 1%;width:98%;height:100%;opacity:.7;transform:scale(1.08)}
  .person-node figcaption{max-width:156px;font-size:.66rem;line-height:1.25;padding:7px 9px;box-shadow:0 7px 22px rgba(17,17,17,.08)}
  .person-one{width:142px;height:142px;left:4%;top:32px}
  .person-one figcaption{left:48%;bottom:-18px}
  .person-two{width:94px;height:94px;right:5%;top:10px}
  .person-two figcaption{right:42%;top:-4px}
  .person-three{width:84px;height:84px;left:53%;bottom:4px}
  .person-three figcaption{left:-78%;bottom:0}
  .person-four{display:none}
  .dot-one{left:48%;top:31%}.dot-two{right:28%;bottom:22%}
  .meaningful,.relevance,.entry-final{padding:78px 20px;gap:38px}
  .meaningful h2,.relevance h2,.entry-final h2{margin:14px 0 22px;font-size:clamp(2.35rem,10.4vw,2.8rem);line-height:.96;letter-spacing:-.055em}
  .meaningful-copy>p:not(.entry-kicker),.relevance>div>p:last-child{font-size:1rem;line-height:1.55}
  .quiet-ai{margin-top:26px;padding-top:18px}
  .context-fragments{min-height:306px}
  .context-person{width:92%;padding:12px;gap:12px;border-radius:14px}
  .context-person small{font-size:.64rem}.context-person strong{font-size:.94rem}.context-person span{font-size:.76rem;line-height:1.35}
  .mini-portrait{flex-basis:58px;height:58px}
  .context-person:first-child{top:0}.context-event{top:34%}.context-intro{left:4%;bottom:0}
  .relevance{gap:30px}
  .relevance-shifts p{grid-template-columns:minmax(0,.9fr) 22px minmax(0,1.25fr);min-height:68px;padding:16px 0;gap:9px}
  .relevance-shifts span{font-size:.9rem}.relevance-shifts strong{font-size:1rem;line-height:1.25}
  .entry-final{min-height:0;padding-bottom:82px}
  .entry-final>div:first-child>p{font-size:1rem;line-height:1.5}
  .final-faces{justify-content:flex-start;margin:2px 0 0 22px}
  .final-faces span{width:82px;height:82px;margin-left:-20px;border-width:3px}
  .entry-footer{display:grid;grid-template-columns:1fr auto;gap:24px 18px;padding:34px 20px calc(34px + env(safe-area-inset-bottom))}
  .entry-footer .entry-logo{width:82px}.entry-footer nav{grid-column:1/3;display:flex;gap:22px;flex-wrap:wrap}.entry-footer nav a{min-height:44px;display:flex;align-items:center}.entry-footer small{grid-column:2;text-align:right;grid-row:1}
}
@media(max-width:340px){
  .entry-nav,.entry-hero{padding-left:16px;padding-right:16px}
  .entry-hero h1{font-size:2.62rem}
  .people-orbit{height:245px;min-height:245px}
  .person-one{width:126px;height:126px}.person-two{width:84px;height:84px}.person-three{width:76px;height:76px}
  .meaningful,.relevance,.entry-final{padding-left:16px;padding-right:16px}
  .entry-footer{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){.entry-v23 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}