/* A compact opening that tells Gay's story immediately. */
.warm-every-page .about-story-hero{padding-block:2.2rem 1.5rem}
.about-story-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:2.5rem;align-items:start}
.about-story-heading h1{margin:0 0 1.25rem!important;max-width:100%}
.about-story-summary p{margin:0 0 .95rem;line-height:1.6}
.about-story-hero .about-small-hello{display:flow-root;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
/* v2 2026-10-23: the round cartoon is bigger than the old 76px column and sat on top of the words. It now floats left and the words wrap around it. */
.about-small-hello .gay-intro-portrait{float:left;width:auto;margin:.15rem 1.3rem .5rem 0;shape-outside:margin-box}
.about-small-hello .gay-intro-copy{display:block;min-width:0}
.about-small-hello .gay-intro-portrait>img{width:76px;height:96px;object-fit:contain}
.about-small-hello .gay-intro-words{font-size:1rem!important;font-weight:700;line-height:1.35;margin:0 0 .3rem!important}
.about-small-hello .gay-intro-label{font-size:.8rem!important;letter-spacing:0;text-transform:none;margin:0!important}
.about-small-hello .gay-intro-disclosure{font-size:.68rem!important;margin:.3rem 0 0!important}
.about-story-hero .about-joy-note{font-family:'Caveat',cursive;font-size:1.7rem;color:#8f3a29!important;margin:.8rem 0 0}
.about-story-links{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;font-weight:700;font-size:.9rem}
.about-full-story{border-top:1px solid #b9a4bc;margin-top:1.2rem;padding-top:.7rem}
.about-full-story>summary{font-weight:700;cursor:pointer;padding:.45rem 0;color:#793520}
.about-full-story-copy{max-width:72ch;margin:1rem auto}
.about-full-story-copy p{line-height:1.65}
.about-standards{padding-block:2rem}
.about-standards .eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.82rem;margin:0 0 .7rem;display:block}
.about-standards .check-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin:1.4rem 0 2rem}
.about-standards .check-list li{margin:0}
.about-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid #adcabb;padding-top:.8rem}
.about-personal-grid .gays-desk{margin-top:1.5rem}
html[data-theme=dark] .about-story-hero .about-small-hello :is(p,.gay-intro-label,.gay-intro-disclosure){color:#241a3a!important}
html[data-theme=contrast] .about-story-hero :is(.about-joy-note,.about-full-story>summary){color:#000!important}
@media(max-width:800px){.about-story-grid{grid-template-columns:minmax(0,1fr);gap:1.4rem}.about-story-grid>*{min-width:0}.about-story-heading h1 br{display:none}.about-standards .check-list,.about-personal-grid{grid-template-columns:1fr}.about-story-hero .about-joy-note{display:none}}
@media print{.about-story-grid,.about-personal-grid{display:block}.about-story-hero{padding:0}.about-full-story-copy{max-width:none}}
.warm-every-page .about-story-hero .about-small-hello{background:transparent!important}
.about-full-story:not([open])>.about-full-story-copy{display:none}
.about-story-hero .about-story-summary,.about-story-hero .about-full-story-copy{color:#241a3a}
@media print{.about-full-story:not([open])>.about-full-story-copy{display:block}}