.about-page{--about-border:#242424;--about-panel:#0d0d0d;--about-panel-soft:#111;--about-muted:#777;--about-accent:#8fc7d8;--about-accent-secondary:#c89be8}.about-hero{border-bottom:1px solid var(--about-border);grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);align-items:end;gap:2rem;margin:2.5rem 0 3rem;padding:2.2rem 0 2rem;display:grid}.about-kicker,.about-section__header p,.version-card__eyebrow{color:#626262;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:800}.about-hero h1{max-width:12ch;font-family:var(--font-editorial);letter-spacing:-.055em;margin:.35rem 0 1rem;font-size:clamp(3.4rem,8vw,7.2rem);font-weight:400;line-height:.86}.about-hero__lede{color:#a7a7a7;max-width:58ch;font-family:var(--font-typewriter);margin:0;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65}.about-hero__flower{object-fit:contain;vertical-align:-.08em;width:18px;height:18px;margin-left:.3em;display:inline-block}.about-hero__portrait{border:1px solid var(--about-border);background:var(--about-panel);cursor:pointer;border-radius:12px;align-self:stretch;margin:0;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.about-hero__portrait:hover{border-color:#4d645f;transform:translateY(-2px)}.about-hero__portrait:focus-visible{outline:2px solid var(--about-accent);outline-offset:4px;box-shadow:0 0 0 5px #8fc7d81f}.about-hero__portrait img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:320px;display:block}.about-primary-grid{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:start;gap:1rem;margin-bottom:1rem;display:grid}.about-primary-grid__column{align-content:start;gap:1rem;min-width:0;display:grid}.about-primary-grid__column>*{min-width:0;margin:0}.about-primary-grid__column>.about-section{margin-top:0}.about-primary-grid__column>.version-card{margin:0}.about-card{border:1px solid var(--about-border);background:linear-gradient(180deg, #ffffff05, transparent 30%), var(--about-panel);border-radius:12px;padding:1.4rem}.about-card h2,.about-section h2{color:#e6e6e6;font-family:var(--font-editorial);margin:0 0 .9rem;font-size:clamp(1.45rem,2.4vw,2.35rem);font-weight:400;line-height:1}.about-card p,.about-section p{color:#9a9a9a;font-family:var(--font-typewriter);line-height:1.72}.about-card p:last-child,.about-section p:last-child{margin-bottom:0}.about-section{border:1px solid var(--about-border);background:linear-gradient(180deg, #ffffff05, transparent 28%), var(--about-panel);border-radius:12px;margin-top:1rem;padding:1.5rem}.about-section__header{border-bottom:1px solid var(--about-border);padding-bottom:1.2rem}.about-section__header p{margin:0 0 .35rem}.about-section__body{padding-top:1.25rem}.about-section__body--stacked{gap:1rem;display:grid}.about-section__body--stacked>div+div{border-top:1px solid #202020;padding-top:1rem}.about-card p a,.about-section p a{color:#c7dfe6;text-underline-offset:.2em;text-decoration-line:underline;text-decoration-color:#8fc7d8a6;text-decoration-thickness:1px}.about-card p a:hover,.about-section p a:hover{color:#fff;text-decoration-color:#fff}.about-contribute{grid-template-columns:1fr;gap:1rem;padding-top:1.25rem;display:grid}.about-contribute__intro{max-width:68ch}.about-contribute__closing{font-family:var(--font-typewriter);border-top:1px solid #202020;margin-top:1.5rem;padding-top:1.2rem;font-size:.78rem;color:#c8c8c8!important}.contribution-form{background:#0a0a0a;border:1px solid #202020;border-radius:10px;gap:1rem;padding:1.2rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field{gap:.45rem;display:grid}.form-field label,.form-consent{color:#8e8e8e;font-family:var(--font-typewriter);font-size:.72rem}.form-field label span{color:#555}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;color:#e8e8e8;width:100%;font:inherit;background:#111;border:1px solid #303030;border-radius:8px}.form-field input,.form-field select{min-height:42px;padding:.62rem .7rem}.form-field textarea{resize:vertical;min-height:150px;padding:.7rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#666;outline:none}.form-help,.form-note{color:#5e5e5e;font-size:.68rem;line-height:1.5}.form-consent{align-items:center;gap:.55rem;display:flex}.form-consent input{accent-color:#8fc7d8}.form-submit{color:#f0f0f0;min-height:42px;font-family:var(--font-typewriter);cursor:pointer;background:#1c1c1c;border:1px solid #4a4a4a;border-radius:8px;justify-self:start;padding:.65rem 1rem;font-size:.74rem;transition:border-color .14s,background .14s,transform .14s}.form-submit:hover{background:#242424;border-color:#777;transform:translateY(-1px)}.form-honeypot{position:absolute;left:-9999px}.version-card{border:1px solid var(--about-border);background:linear-gradient(180deg, #ffffff05, transparent 32%), var(--about-panel);cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin:1rem 0 3rem;padding:1.2rem 1.25rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.version-card:hover{border-color:#4d645f;transform:translateY(-2px)}.version-card:focus-visible{outline:2px solid var(--about-accent);outline-offset:4px;box-shadow:0 0 0 5px #8fc7d81f}.version-card:after{content:"";background:linear-gradient(90deg, var(--about-accent), var(--about-accent-secondary) 55%, transparent);opacity:.75;height:2px;position:absolute;inset:auto 0 0}.version-card__main{flex-wrap:wrap;align-items:baseline;gap:.45rem .8rem;margin-top:.35rem;display:flex}.version-card__main strong{color:#f0f0f0;font-family:var(--font-typewriter);font-size:1rem}.version-card__main span{color:#b8b8b8;font-family:var(--font-editorial);font-size:1.35rem}.version-card__date{color:#666;font-family:var(--font-typewriter);white-space:nowrap;font-size:.68rem}@media (width<=1100px){.about-primary-grid{grid-template-columns:1fr}}@media (width<=980px){.about-hero{grid-template-columns:1fr}}@media (width<=720px){.form-grid{grid-template-columns:1fr}.about-hero h1{max-width:none}}@media (width<=520px){.about-card,.about-section,.about-hero__portrait,.version-card{border-radius:9px}.about-card,.about-section{padding:1rem}.version-card{grid-template-columns:1fr;align-items:start}.version-card__date{white-space:normal}}
