/* Copy-first hierarchy. Preserve the typography, illustration and media system. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quiet-hero .hero-benefit{max-width:425px;color:#555b54;line-height:1.55}
.primary-cta{min-height:52px;padding:15px 25px;font-size:16px}
.quiet-hero .copy>.cta-note{font-size:13px;line-height:1.6;margin:18px 0 0;color:#62685e}
.inside.moments{padding-top:36px;padding-bottom:30px}
.moment:first-child{border-top:0}
.moment{padding-block:80px}
.moment h3{margin-block:24px}
.moment-copy>p{line-height:1.6;color:#5e645c}
.chapter-steps button{align-items:center;padding-block:14px}
.chapter-copy{padding-top:0}
.chapter-copy>span:empty,.chapter-mobile-description>span:empty{display:none}
.chapter-caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.timer-story>.moment-mini-label{font:500 26px/1.2 Plex,Arial,sans-serif;letter-spacing:-.035em;color:var(--ink)}
.absence-compact{padding-block:46px 65px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:30px}
.absence-compact h2{font-size:28px;margin:0;text-align:left}
.absence-compact ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0;color:#62685e;font-size:17px}
.personality{padding-block:64px;gap:24px}
.personality article{padding:30px}
.personality h2{font-size:34px;line-height:1.1;margin-top:0}
.personality p{max-width:340px}
.personality .medal-wall{margin-top:25px;padding:24px 18px;gap:18px 8px}
.personality .crew-stage{height:180px}
.personality .crew-stage img{height:160px}
.membership{padding-top:65px}
.membership-free h3{margin-top:0}
.membership-club-heading h3{margin-top:0}
.membership-record p{max-width:520px}
.faq{padding-top:65px}
.faq h2{margin:0}
.quiet-closing h2{margin-top:0}
.footer-top>div{flex-wrap:wrap;gap:14px 24px}
@media(max-width:700px){
 .quiet-hero .copy{padding-top:0}
 .quiet-hero .copy>.hero-benefit{max-width:400px;margin-inline:auto}
 .quiet-hero .copy>.cta-note{font-size:12px;margin-top:16px}
 .inside.moments{padding-top:12px}
 .moment{padding-block:54px}
 .absence-compact{display:block;padding-block:32px 46px}
 .absence-compact h2{font-size:26px}
 .absence-compact ul{margin-top:20px;gap:10px 20px;font-size:16px}
 .personality{padding-block:46px}
 .personality h2{font-size:31px}
 .membership{padding-top:40px}
 .faq{padding-top:46px}
 .footer-top>div{justify-content:flex-start;gap:14px 22px}
}