.about-page{background:var(--paper);color:var(--ink)}
.about-opening{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 116px)}
.about-portrait{position:relative;margin:0;isolation:isolate;overflow:hidden;min-height:650px;background:#171716}
.about-collage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-photo-slot{position:absolute;top:14%;left:17%;width:66%;height:71%;display:flex;align-items:center;justify-content:center;transform:rotate(-2deg)}
.about-photo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px #0005)}
.about-portrait figcaption{position:absolute;bottom:22px;left:6%;padding:7px 10px;background:#0b0b0a;color:var(--paper);font:9px/1.5 'Courier New',monospace;letter-spacing:1px}
.about-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px clamp(28px,5vw,90px)}
.about-intro>.eyebrow{color:#756f66}
.about-intro h1{font:400 clamp(88px,10vw,155px)/.92 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:32px 0}
.about-intro h1>span{color:var(--acid)}
.about-lead{font-size:clamp(24px,2.35vw,37px);line-height:1.22;letter-spacing:-.035em;margin:0 0 30px;max-width:580px}
.about-bio{max-width:540px}
.about-bio p{font-size:15px;line-height:1.65;margin:0 0 15px}
.about-scroll{font:9px/1.5 'Courier New',monospace;letter-spacing:1px;margin-top:20px;display:flex;align-items:center;gap:28px;padding:10px 0;border-bottom:1px solid var(--ink)}
.about-scroll .site-arrow{width:17px;height:17px}
.about-scroll:hover{color:var(--acid)}
.about-manifesto{padding:65px 6%;background:#121211;color:var(--paper)}
.about-manifesto>.eyebrow{color:var(--acid)}
.about-manifesto p{font-size:clamp(36px,5.8vw,90px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:25px 0 0}
.about-manifesto .serif{color:var(--acid);font-weight:400}
.about-records{padding:70px 6% 80px;scroll-margin-top:24px}
.about-records-head{display:flex;align-items:baseline;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:40px}
.about-records-head h2{font-size:clamp(36px,5vw,70px);font-weight:500;letter-spacing:-.055em;margin:0}
.about-records-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}
.about-records h3{font-size:clamp(25px,2.7vw,38px);font-weight:500;letter-spacing:-.045em;margin:0 0 24px}
.about-timeline{margin:0;padding:0;list-style:none}
.about-timeline li{padding:28px 0 30px;border-top:1px solid var(--line)}
.about-period{display:block;font:10px/1.6 'Courier New',monospace;letter-spacing:.4px;color:#70695f;margin-bottom:13px}
.about-experience .about-period{font-size:14px;font-weight:700;letter-spacing:.2px;line-height:1.4;color:var(--ink);border-left:3px solid var(--acid);padding-left:10px;margin-bottom:16px}
.about-timeline h4{font-size:clamp(21px,2vw,28px);font-weight:500;line-height:1.14;letter-spacing:-.035em;margin:0 0 8px;max-width:510px}
.about-timeline p{font-size:14px;line-height:1.6;margin:14px 0 0;max-width:500px}
.about-timeline .about-role{margin:0;font-size:15px}
.about-in-progress{display:inline-block;margin-top:15px;border:1px solid #aaa396;border-radius:30px;padding:5px 10px;font:9px 'Courier New',monospace}
.about-contact{padding:60px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.about-contact h2{font-size:clamp(38px,4.5vw,68px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:24px 0}
.about-contact h2>span{color:var(--acid)}
.about-contact-links{display:flex;flex-direction:column;align-items:stretch}
.about-contact-links>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(15px,1.6vw,24px);letter-spacing:-.025em}
.about-contact-links>a:hover{color:var(--acid)}
.about-contact-links .about-work-link{font:11px/1.5 'Courier New',monospace;letter-spacing:0;margin-top:15px;border:0}
@media(max-width:900px){.about-opening{min-height:0}.about-portrait{min-height:680px}.about-intro{padding:44px 28px}.about-intro h1{font-size:90px;margin:28px 0}.about-lead{font-size:26px}.about-bio p{font-size:14px}.about-photo-slot{left:13%;width:74%}}
@media(max-width:700px){.about-opening{grid-template-columns:1fr}.about-portrait{min-height:0;aspect-ratio:4/5}.about-intro{padding:45px 6% 50px}.about-intro h1{font-size:100px;margin:27px 0}.about-lead{font-size:29px;max-width:530px}.about-bio p{font-size:15px}.about-photo-slot{left:17%;width:66%}.about-photo-initials{font-size:38vw}.about-photo-label{bottom:20px;font-size:8px}.about-portrait figcaption{bottom:16px;font-size:8px}.about-manifesto{padding:48px 6%}.about-manifesto p{font-size:clamp(32px,8.6vw,54px);line-height:1.18;margin-top:24px}.about-records{padding:50px 6%}.about-records-head{margin-bottom:32px;padding-bottom:20px}.about-records-head h2{font-size:41px}.about-records-grid{grid-template-columns:1fr;gap:40px}.about-records h3{font-size:30px;margin-bottom:20px}.about-period{font-size:9px}.about-timeline h4{font-size:24px}.about-contact{grid-template-columns:1fr;padding:46px 6%;gap:10px}.about-contact h2{font-size:46px}.about-contact-links>a{font-size:18px}.about-contact-links .about-work-link{font-size:11px}}
@media(max-width:360px){.about-contact-links>a{font-size:16px}.about-manifesto p{font-size:30px}}