.about-reading{padding-block:24px var(--content-section-gap)}.about-reading .about-reading-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;width:min(1160px,88%);margin:0 auto 58px;display:grid}.about-reading .about-reading-intro{z-index:2;position:relative}.about-reading h1{font:400 clamp(38px, 4.3vw, 60px)/1.4 var(--font-noto-serif);letter-spacing:-.035em}.about-reading .about-reading-intro p{max-width:32em;color:var(--space-ink);text-wrap:pretty;margin-top:26px;font-size:18px;line-height:1.95}.about-reading .about-reading-stage{min-width:0;margin-right:-3vw;position:relative}.about-reading .about-reading-stage .room-portal-view{height:460px}.about-reading .about-reading-portrait{aspect-ratio:4/5;border:7px solid var(--space-surface);background:var(--space-surface);width:148px;box-shadow:0 14px 32px var(--space-shadow);z-index:3;position:absolute;bottom:100px;left:9%;transform:rotate(-5deg)}.about-reading .about-reading-body{width:min(var(--content-width), calc(100% - var(--content-gutter) * 2));margin-inline:auto}.about-reading .about-reading-chapter{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);column-gap:clamp(48px,7vw,100px);padding-block:clamp(48px,6vw,80px);scroll-margin-top:100px;display:grid}.about-reading .about-reading-chapter>header{align-self:start;position:sticky;top:110px}.about-reading .about-reading-body h2{max-width:12em;font:400 clamp(32px, 3.7vw, 48px)/1.4 var(--font-noto-serif);letter-spacing:-.025em;text-wrap:balance}.about-reading .about-reading-prose{min-width:0;max-width:736px}.about-reading .about-reading-body p{color:var(--space-ink);text-wrap:pretty;font-size:17px;line-height:1.95}.about-reading .about-reading-body p+p{margin-top:24px}.about-reading .about-reading-link{min-height:44px;color:var(--space-ink);text-decoration:underline;-webkit-text-decoration-color:var(--space-line);text-decoration-color:var(--space-line);text-underline-offset:6px;align-items:center;gap:12px;margin-top:24px;font-size:16px;line-height:1.8;display:inline-flex}.about-reading .about-reading-link:hover{color:var(--space-accent);-webkit-text-decoration-color:var(--space-accent);text-decoration-color:var(--space-accent)}.about-reading .about-reading-link>span{color:var(--space-accent);flex-shrink:0}.about-reading .about-reading-links{flex-wrap:wrap;column-gap:30px;display:flex}.about-reading .about-reading-photo{background:var(--space-surface);box-shadow:0 8px 20px -14px var(--space-shadow);align-self:start;margin:8px 0 0;padding:12px;transform:rotate(-2deg)}.about-reading .about-reading-photo>div{aspect-ratio:4/5;background:var(--space-inset);position:relative;overflow:hidden}.about-reading .about-reading-photo figcaption{color:var(--space-muted);margin:14px 4px 4px;font-size:16px;line-height:1.8}.about-reading .about-reading-contact{background:var(--space-inset);border-top:0;margin-top:24px;padding:clamp(32px,5vw,60px)}.about-reading .about-reading-contact>header{position:static}.about-reading .about-reading-contact-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px;display:flex}.about-reading .about-reading-contact-actions>a{min-height:48px;color:var(--space-paper);background:var(--space-ink);border:1px solid var(--space-ink);box-shadow:none;border-radius:2px;padding:12px 22px;font-size:16px}.about-reading .about-reading-contact-actions>a:hover{background:var(--space-accent);border-color:var(--space-accent)}.about-reading .about-reading-contact-actions>button{color:var(--space-ink);border-color:var(--space-line);min-height:44px;font-size:16px}.about-reading .about-reading-contact-actions>input{color:var(--space-ink);border-color:var(--space-line)}.about-reading .about-reading-engineering{border-top:4px solid var(--space-accent)}.about-reading .about-reading-body .about-reading-lead{font:400 clamp(20px, 1.9vw, 24px)/1.85 var(--font-noto-serif)}.about-reading .about-reading-community,.about-reading .about-reading-making{margin-top:24px;padding:clamp(32px,5vw,60px)}.about-reading .about-reading-community{background:color-mix(in srgb, var(--space-surface) 90%, var(--space-accent))}.about-reading .about-reading-community>header,.about-reading .about-reading-making>header,.about-reading .about-reading-life>header{position:static}.about-reading .about-reading-reflection{border-top:1px solid var(--space-line);color:var(--space-accent);font:400 clamp(24px, 2.7vw, 34px)/1.65 var(--font-noto-serif);letter-spacing:-.02em;text-wrap:pretty;margin-top:36px;padding-top:30px}.about-reading .about-reading-making{--space-paper:#294636;--space-surface:#365341;--space-ink:#f5efdc;--space-muted:#ccd3bf;--space-line:#ccd3bf40;--space-accent:#ddbf8a;background:var(--space-paper);color:var(--space-ink)}.about-reading .about-reading-making .about-reading-prose>p:not(.about-reading-lead){color:var(--space-muted)}.about-reading .about-reading-life{padding-top:var(--content-section-gap);row-gap:52px}.about-reading .about-reading-life-intro{grid-column:2}.about-reading .about-reading-life .about-reading-photo{grid-column:1}.about-reading .about-reading-life-notes{grid-column:2}@media (max-width:850px){.about-reading .about-reading-hero{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:22px}.about-reading .about-reading-intro{max-width:740px}.about-reading .about-reading-intro p{max-width:none}.about-reading .about-reading-stage{margin-inline:-5vw}.about-reading .about-reading-stage .room-portal-view{height:410px}}@media (max-width:760px){.about-reading .about-reading-chapter{grid-template-columns:minmax(0,1fr);row-gap:24px;padding-block:44px}.about-reading .about-reading-chapter>header{position:static}.about-reading .about-reading-body h2{max-width:24em;font-size:34px}.about-reading .about-reading-body p+p{margin-top:22px}.about-reading .about-reading-photo{width:calc(100% - 12px);margin:8px 6px;transform:rotate(-1deg)}.about-reading .about-reading-photo>div{aspect-ratio:4/3}.about-reading .about-reading-community,.about-reading .about-reading-making{padding:34px 26px}.about-reading .about-reading-life-intro,.about-reading .about-reading-life .about-reading-photo,.about-reading .about-reading-life-notes{grid-column:1}.about-reading .about-reading-contact{margin-top:8px;padding:32px 24px}}@media (max-width:600px){.about-reading{padding-top:30px}.about-reading h1{font-size:clamp(33px,8vw,44px)}.about-reading .about-reading-intro p{margin-top:22px;font-size:17px}.about-reading .about-reading-stage .room-portal-view{height:340px}.about-reading .about-reading-portrait{border-width:5px;width:112px;bottom:88px;left:9%}}