.section-tight{padding-block:clamp(24px,4vw,56px) clamp(64px,9vw,120px)}.how-page-route{padding-top:clamp(8px,2vw,24px)}.page-intro.how-grid .how-intro{gap:0}.demo-section{gap:clamp(32px,5vw,56px);display:grid}.demo-intro{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 48px;display:flex}.demo-intro .lead{max-width:24ch}.loop-section,.story-section,.role-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.loop-copy,.story-copy{justify-items:start;gap:20px;display:grid}.loop-copy .lead,.story-copy .lead{max-width:40ch}.loop-copy p,.story-copy p{max-width:58ch}.dude-hero{padding-block:clamp(32px,6vw,88px) clamp(80px,10vw,140px)}.dude-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.dude-hero h1{max-width:11ch}.dude-hero .lead{max-width:34ch;margin-top:28px}.dude-hero .actions{margin-top:36px}.dude-status{margin-top:18px}.dude-symbol{width:clamp(180px,26vw,340px);height:auto}.role-section .lead{margin-top:24px}.role-list{counter-reset:role;gap:0;margin:0;padding:0;list-style:none;display:grid}.role-list li{border-top:1px solid var(--hairline);counter-increment:role;grid-template-columns:3.2rem 1fr;gap:6px 18px;padding:28px 0;display:grid}.role-list li:before{content:counter(role);background:var(--bougainvillea);width:2.6rem;height:2.6rem;color:var(--cream);font-family:var(--font-display);border-radius:10px;grid-row:span 2;place-items:center;font-weight:600;display:grid}.role-list p{color:var(--fg-soft)}.recruit{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);display:grid}.recruit-copy{gap:18px;display:grid}.recruit-copy p{max-width:58ch}.name-moment{padding-block:clamp(64px,9vw,128px)}.name-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.name-grid>img{width:100%;max-width:620px;height:auto}.name-grid p{font-family:var(--font-display);font-size:var(--step-1);max-width:30ch;font-weight:500;line-height:1.45}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}.principles article{border-top:3px solid var(--bougainvillea);align-content:start;gap:14px;padding-top:24px;display:grid}.all-faq{padding-bottom:var(--section);max-width:60rem}@media (width<=860px){.loop-section,.story-section,.role-section,.recruit,.name-grid,.dude-hero-grid,.principles{grid-template-columns:minmax(0,1fr)}.dude-symbol{order:-1;width:160px}}.page-intro.how-grid h1{max-width:11ch;font-size:clamp(2.3rem,1rem + 4.4vw,5rem)}
