/* The existing hexagon and center dot, with a quiet listening loop around them. */
.about-page{padding-top:24px}
.about-breadcrumb{gap:12px;font-size:13px;color:var(--dim)}
.about-breadcrumb a{font-size:13px;text-decoration:underline;text-underline-offset:4px;min-height:24px}
.about-hero{padding:clamp(36px,7vw,76px) 0 40px;max-width:870px}
.about-hero h1{font-family:var(--display);font-size:clamp(38px,6.3vw,76px);font-weight:750;line-height:1.06;letter-spacing:-.045em;margin:20px 0 24px;text-wrap:balance}
.about-hero p{max-width:56ch;font-size:clamp(18px,2.1vw,22px);line-height:1.6;color:var(--dim)}
.about-page h2,.about-home h2{font-family:var(--display);font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.15;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}
.about-page p,.about-home p{color:var(--dim);line-height:1.75}
.about-mission{padding:clamp(24px,4vw,40px);border:1px solid var(--line2);border-left:4px solid var(--gold);border-radius:24px;background:var(--raise)}
.about-mission h2{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.about-mission p{font-size:clamp(20px,2.6vw,28px);line-height:1.5;color:var(--fg);max-width:65ch}
.about-logo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,70px);align-items:center;margin:clamp(48px,7vw,88px) 0}
.about-logo .eyebrow{margin-bottom:18px;letter-spacing:.09em}
.about-logo p+p,.about-why p+p,.about-home p+p{margin-top:16px}
.about-logo .dot-close{color:var(--fg);font-weight:600}
.dot-figure{margin:0;min-width:0;padding:30px 20px;border:1px solid var(--line);border-radius:32px;background:var(--ink2)}
.dot-art{position:relative;display:grid;place-items:center;width:min(100%,300px);aspect-ratio:1;margin:0 auto}
.dot-art::before,.dot-orbit{content:"";position:absolute;inset:4%;border:1px solid var(--line2);border-radius:50%}
.dot-art::before{inset:17%;border-style:dashed}
.dot-orbit{transform:rotate(-28deg)}
.dot-orbit::before,.dot-orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);left:50%;top:-5px;margin-left:-5px}
.dot-orbit::after{top:auto;bottom:-5px;width:6px;height:6px;margin-left:-3px;bottom:-3px}
.dot-mark{width:80%;height:80%;color:var(--gold);position:relative}
.dot-loop{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:12px auto 0;font-size:12px;font-weight:600;color:var(--dim)}
.dot-loop span{display:inline-flex;align-items:center;gap:7px}
.dot-loop span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold)}
.about-why{max-width:760px;margin:0 0 64px}
.about-why p,.about-logo p,.about-care-intro,.about-home p{font-size:17px}
.about-care{margin:0 0 64px}
.about-care-intro{max-width:70ch;margin-bottom:28px}
.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-step{padding:28px;border:1px solid var(--line2);border-radius:24px;background:var(--raise);min-width:0}
.about-step>span{font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:.04em}
.about-step h3{font-size:23px;line-height:1.25;letter-spacing:-.02em;margin:18px 0 14px}
.about-step p{font-size:15px}
.about-invite{padding:clamp(24px,4vw,44px);background:var(--ink2);border:1px solid var(--line);border-radius:28px}
.about-invite>p{max-width:65ch;font-size:17px}
.about-invite .about-timing{font-size:13px;margin-top:24px;max-width:85ch}
.about-home{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:clamp(24px,5vw,64px);align-items:center;margin:64px 0 0;scroll-margin-top:100px}
.about-home .eyebrow{margin-bottom:22px}
.dot-compact{padding:18px}
.dot-compact .dot-art{max-width:200px}
.about-home .btn,.about-invite .btn,.about-hero .btn{padding-top:12px;padding-bottom:12px;max-width:100%;white-space:normal;justify-content:center;text-align:center}
@media(max-width:800px){.about-logo{grid-template-columns:minmax(0,1fr)}.about-logo .dot-figure{width:100%;max-width:420px;justify-self:center}.about-steps{grid-template-columns:minmax(0,1fr)}.about-step{padding:24px}.about-home{grid-template-columns:minmax(0,1fr)}.about-home .dot-figure{width:100%;max-width:320px;justify-self:center}}
@media(max-width:560px){.about-page{padding-top:20px}.about-hero{padding-top:32px}.about-home .cta-row,.about-invite .cta-row,.about-hero .cta-row{flex-direction:column}.about-home .btn,.about-invite .btn,.about-hero .btn{width:100%}.about-hero h1{overflow-wrap:anywhere}.about-logo .eyebrow{white-space:normal;letter-spacing:.05em}.about-why,.about-care{margin-bottom:48px}.dot-figure{padding:22px 16px}}
@media(prefers-reduced-motion:no-preference){.dot-orbit{animation:dot-orbit-turn 2s ease-out both}@keyframes dot-orbit-turn{from{transform:rotate(-85deg);opacity:.3}to{transform:rotate(-28deg);opacity:1}}}