/* Dedicated profile and homepage compositions. Shared page styles stay unchanged. */
.hp-intro { position:relative; text-align:center; padding-block:40px 42px; }
.hp-roles { font:10px/1.8 var(--mono); text-transform:uppercase; letter-spacing:.08em; color:#65655e; }
.hp-roles>span { margin-inline:13px; color:#97958b; }
.hp-city-scene { position:relative; max-width:1100px; margin:23px auto 0; isolation:isolate; }
.skyline-source { display:none; }
.ascii-skyline { position:absolute; top:0; inset-inline:0; height:378px; width:100%; overflow:hidden; margin:0; white-space:pre; font-family:var(--mono); font-weight:400; line-height:1; letter-spacing:0; font-variant-ligatures:none; color:#62675f; opacity:1; pointer-events:none; user-select:none; mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent); }
.hp-portrait { position:relative; z-index:1; width:265px; margin:0 auto; }
.hp-portrait .ascii-frame { width:100%; }
.hp-portrait .ascii-output { color:#343831; }
.hp-portrait figcaption { display:block; width:max-content; max-width:calc(100vw - 48px); position:relative; left:50%; transform:translateX(-50%); margin-top:8px; }
.hp-portrait figcaption h1 { font:400 clamp(36px,4.4vw,62px)/1.15 var(--serif); letter-spacing:-1.9px; white-space:nowrap; }
.hp-margins { position:absolute; inset:auto 0 54px; display:flex; align-items:center; justify-content:space-between; font:10px/1.7 var(--mono); color:#68685f; pointer-events:none; }
.hp-margins a { color:var(--ink); border-bottom:1px solid #aba99e; padding-block:7px; pointer-events:auto; }
.hp-margins a>span { margin-left:20px; }
.hp-photo-credit { position:absolute; inset:auto 0 7px; font:8px/1.8 var(--mono); color:#68685f; text-align:left; }
.hp-photo-credit a { border-bottom:1px solid #b4b5a9; }
.hp-library { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:39px 54px; margin-bottom:50px; border-top:1px solid var(--line); align-items:center; }
.hp-library-copy>.eyebrow { font-size:9px; color:#65655e; }
.hp-library h2 { font:400 43px/1.1 var(--serif); letter-spacing:-1.4px; margin-top:14px; }
.hp-library-copy>p:not(.eyebrow) { font-size:13px; line-height:1.8; color:#62625b; max-width:355px; margin-top:16px; }
.hp-library-link { display:inline-flex; align-items:center; gap:36px; background:#e8e3ef; padding:12px 18px; margin-top:24px; font-size:12px; }
.hp-library-link:hover { background:#ddd5e9; }
.hp-repo-link { display:block; width:max-content; max-width:100%; font-size:10px; margin-top:15px; border-bottom:1px solid #b9b5bd; padding-bottom:3px; }
.hp-book-stack { max-width:420px; width:100%; justify-self:end; padding:15px 15px 0; }
.hp-book-stack>a { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:49px; padding:10px 23px; background:linear-gradient(90deg,#0001,transparent 5%,transparent 95%,#0001),var(--spine); border:1px solid #0002; border-radius:2px 4px 4px 2px; box-shadow:2px 4px 3px #26221a15,inset 5px 0 #fff3; margin-top:4px; font:400 22px/1.2 var(--serif); transition:transform .18s ease; }
.hp-book-stack>a:nth-child(1) { transform:rotate(-2deg); margin-right:15px; margin-left:11px; }
.hp-book-stack>a:nth-child(2) { transform:rotate(1deg); margin-left:20px; }
.hp-book-stack>a:nth-child(3) { transform:rotate(-1deg); margin-right:25px; }
.hp-book-stack>a:nth-child(4) { transform:rotate(1.5deg); margin-left:17px; }
.hp-book-stack>a:hover { transform:translateX(-8px); }
.hp-book-stack>a>span:last-child { font-size:20px; }

.about-page { background:#f4f2eb; }
.ab-story { --ab-muted:#606258; --ab-line:#d6d4c8; }
.ab-story a:focus-visible { outline:2px solid #66577b; outline-offset:5px; }
.ab-story section[id] { scroll-margin-top:30px; }
.ab-story .eyebrow { font-size:10px; color:var(--ab-muted); }
.ab-hero { display:grid; grid-template-columns:1.3fr 1fr; gap:85px; padding-block:60px 59px; align-items:center; }
.ab-hero h1 { font:400 clamp(50px,6vw,82px)/1.06 var(--serif); letter-spacing:-3px; margin-top:28px; }
.ab-hero h1 em { font-weight:400; }
.ab-lead { font-size:20px; line-height:1.6; max-width:480px; margin-top:30px; }
.ab-hero-detail { font-size:14px; line-height:1.9; color:var(--ab-muted); max-width:445px; margin-top:20px; }
.ab-start { font:11px/1.7 var(--mono); display:inline-flex; gap:55px; padding-block:7px; border-bottom:1px solid #a8aa9d; margin-top:25px; }
.ab-portrait { margin:0; }
.ab-portrait>img { display:block; width:100%; aspect-ratio:4/5; height:auto; object-fit:cover; object-position:73% center; }
.ab-portrait figcaption { display:flex; justify-content:space-between; gap:15px; font:9px/1.7 var(--mono); color:var(--ab-muted); margin-top:12px; }
.ab-chapters { display:flex; justify-content:space-between; gap:20px; border-block:1px solid #adaf9e; padding-block:17px; font:10px/1.8 var(--mono); text-transform:uppercase; }
.ab-chapters>a { padding-block:4px; }
.ab-chapters>a:hover { text-decoration:underline; text-underline-offset:6px; }
.ab-background { padding-block:76px 73px; }
.ab-section-title h2,.ab-real-estate h2 { font:400 clamp(38px,4vw,55px)/1.1 var(--serif); letter-spacing:-1.6px; margin-top:19px; }
.ab-story h2 em { font-weight:400; }
.ab-background-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; margin-top:50px; }
.ab-background-label { font:400 27px/1.2 var(--serif); letter-spacing:-.5px; margin-bottom:22px; }
.ab-athletics>p { font-size:14px; line-height:1.9; color:var(--ab-muted); max-width:425px; margin-top:16px; }
.ab-athletics>a,.ab-schools a,.ab-real-estate a,.ab-company-timeline a:not(.ab-timeline-image):not(.ab-relvara-mark),.ab-audience>a { display:inline-block; font-size:11px; padding-bottom:4px; border-bottom:1px solid #a6aa98; margin-top:23px; }
.ab-athletics>a>span,.ab-schools a>span,.ab-real-estate a>span,.ab-company-timeline a>span,.ab-audience>a>span { margin-left:12px; }
.ab-schools { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.ab-schools>div { padding-top:15px; border-top:1px solid #a4aa94; }
.ab-year { font:10px/1.7 var(--mono); color:var(--ab-muted); }
.ab-schools h3 { font:400 31px/1.12 var(--serif); letter-spacing:-.6px; margin-top:30px; }
.ab-schools p { font-size:12px; line-height:1.9; color:var(--ab-muted); margin-top:20px; }
.ab-real-estate { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; background:#e7e9dc; padding:43px 47px 48px; margin-bottom:70px; }
.ab-date-mark>span { font:400 clamp(65px,7.5vw,102px)/1.1 var(--serif); letter-spacing:-3px; display:block; }
.ab-date-mark p { font:10px/1.8 var(--mono); margin-top:18px; color:#57634b; }
.ab-real-estate h2 { margin-top:18px; font-size:43px; }
.ab-real-estate>div:last-child>p:not(.eyebrow) { font-size:13px; line-height:1.9; color:#565f4b; margin-top:24px; }
.ab-companies { padding-bottom:73px; }
.ab-company-timeline { margin-top:43px; border-top:1px solid var(--ab-line); }
.ab-company-timeline>article { display:grid; grid-template-columns:.6fr 1.3fr 1fr; gap:48px; padding-block:40px; border-bottom:1px solid var(--ab-line); align-items:center; }
.ab-timeline-date { align-self:start; padding-top:4px; }
.ab-timeline-date>span { font:400 29px/1.15 var(--serif); letter-spacing:-.6px; }
.ab-timeline-date>p { font:9px/1.8 var(--mono); color:var(--ab-muted); margin-top:13px; }
.ab-company-timeline h3 { font:400 35px/1.1 var(--serif); letter-spacing:-.9px; margin-top:17px; }
.ab-company-timeline>article>div:nth-child(2)>p:not(.eyebrow) { font-size:13px; line-height:1.9; color:var(--ab-muted); max-width:450px; margin-top:20px; }
.ab-timeline-image { display:block; width:100%; }
.ab-timeline-image img { display:block; width:100%; height:250px; object-fit:cover; object-position:center 40%; }
.ab-workshop-image img { height:210px; object-position:center; }
.ab-relvara-mark { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:230px; background:#f9f9f7; }
.ab-relvara-mark>img { width:75px; height:75px; }
.ab-relvara-mark>span { font:400 48px/1 var(--serif); letter-spacing:-2px; margin:0!important; }
.ab-sharing { background:#2c3228; color:#f6f5eb; padding-block:62px 66px; }
.ab-sharing .eyebrow { color:#c0cbb0; }
.ab-sharing-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; margin-top:45px; }
.ab-social-number { font:400 clamp(60px,7.4vw,98px)/1 var(--serif); letter-spacing:-3px; }
.ab-views-stat { border-top:1px solid #68775c; margin-top:28px; padding-top:27px; }
.ab-views-stat>p { font:400 clamp(36px,4vw,52px)/1.05 var(--serif); letter-spacing:-1.3px; }
.ab-views-stat>p>em { font-weight:400; }
.ab-views-stat>h3 { font:12px/1.8 var(--sans); color:#d5ddc9; margin-top:14px; letter-spacing:0; }
.ab-social-number>span { font-size:.65em; vertical-align:top; line-height:1.3; }
.ab-audience h3 { font:400 26px/1.2 var(--serif); letter-spacing:-.5px; margin-top:18px; }
.ab-audience>p:not(.ab-social-number):not(.ab-proof-note) { font-size:13px; line-height:1.9; color:#d5ddc9; max-width:400px; margin-top:18px; }
.ab-audience .ab-proof-note { font:10px/1.9 var(--mono); color:#c1ccb1; max-width:365px; margin-top:21px; }
.ab-audience>a { font-size:10px; }
.ab-sharing-copy>p { font-size:15px; line-height:1.9; color:#dde3d4; margin-bottom:21px; }
.ab-social-links { display:flex; flex-wrap:wrap; gap:13px 25px; margin-top:30px; font-size:12px; }
.ab-social-links>a { border-bottom:1px solid #87947a; padding-bottom:4px; }
.ab-social-links>a>span { margin-left:10px; }
.ab-channel-stats { display:grid; grid-template-columns:1fr 1fr; gap:23px; border-top:1px solid #68775c; padding-top:21px; margin-bottom:30px; }
.ab-channel-stats strong { display:block; font:400 37px/1.1 var(--serif); letter-spacing:-.7px; }
.ab-channel-stats span { display:block; font-size:11px; color:#d5ddc9; margin-top:9px; }
.ab-stats-date { font:9px/1.8 var(--mono)!important; color:#c1ccb1!important; margin-top:30px; margin-bottom:0!important; }

@media(max-width:1050px) {
  .hp-margins { inset:auto 0 50px; font-size:9px; }
  .hp-library { gap:50px; }
  .ab-hero { gap:45px; padding-top:46px; }
  .ab-hero h1 { font-size:61px; letter-spacing:-2.2px; }
  .ab-lead { font-size:18px; }
  .ab-background-grid,.ab-sharing-grid { gap:50px; }
  .ab-schools { gap:22px; }
  .ab-schools h3 { font-size:27px; }
  .ab-real-estate { gap:50px; padding:35px; }
  .ab-company-timeline>article { gap:28px; grid-template-columns:.5fr 1.3fr 1fr; }
  .ab-company-timeline h3 { font-size:31px; }
  .ab-timeline-image img { height:220px; }
  .ab-workshop-image img { height:190px; }
}
@media(max-width:760px) {
  .hp-intro { padding-block:27px 29px; }
  .hp-city-scene { margin-top:18px; }
  .ascii-skyline { height:335px; }
  .hp-portrait { width:235px; }
  .hp-portrait figcaption h1 { font-size:43px; letter-spacing:-1.3px; }
  .hp-roles { font-size:8px; }
  .hp-roles>span { margin-inline:9px; }
  .hp-margins { position:static; margin-top:24px; font-size:9px; }
  .hp-photo-credit { position:static; margin-top:21px; font-size:7px; max-width:550px; text-align:center; }
  .hp-library { gap:35px; padding-block:32px 40px; margin-bottom:20px; }
  .hp-library h2 { font-size:36px; }
  .hp-book-stack { padding:0; }
  .hp-book-stack>a { font-size:19px; padding-inline:16px; }
  .ab-hero { grid-template-columns:1.2fr 1fr; gap:30px; }
  .ab-hero h1 { font-size:48px; letter-spacing:-1.7px; }
  .ab-lead { font-size:16px; }
  .ab-hero-detail { font-size:12px; }
  .ab-portrait figcaption { display:block; font-size:8px; }
  .ab-portrait figcaption>span { display:block; }
  .ab-chapters { font-size:8px; gap:15px; }
  .ab-background-grid { grid-template-columns:1fr; gap:38px; }
  .ab-schools { gap:40px; }
  .ab-schools h3 { font-size:32px; }
  .ab-athletics>p { max-width:550px; }

  .ab-company-timeline>article { grid-template-columns:1fr 1.2fr; gap:25px; }
  .ab-timeline-date { grid-column:1/-1; display:flex; gap:20px; align-items:center; }
  .ab-timeline-date>p { margin-top:0; }
  .ab-company-timeline h3 { font-size:30px; }
  .ab-sharing-grid { grid-template-columns:1fr; gap:40px; }
  .ab-social-number { font-size:82px; }
  .ab-sharing-copy { max-width:570px; }
}
@media(max-width:600px) {
  .hp-portrait { width:215px; }
  .ascii-skyline { height:306px; inset-inline:-20px; width:calc(100% + 40px); opacity:1; }
  .hp-portrait figcaption h1 { font-size:36px; letter-spacing:-1.2px; }
  .hp-library { grid-template-columns:1fr; gap:32px; padding-block:28px 36px; }
  .hp-library-copy>.eyebrow { font-size:8px; }
  .hp-library h2 { font-size:37px; margin-top:12px; }
  .hp-library-copy>p:not(.eyebrow) { font-size:12px; margin-top:14px; max-width:320px; }
  .hp-library-link { font-size:11px; margin-top:19px; }
  .hp-repo-link { font-size:10px; margin-top:14px; }
  .hp-book-stack { width:calc(100% - 30px); justify-self:center; max-width:370px; }
  .hp-book-stack>a { min-height:44px; font-size:21px; padding:10px 19px; }
  .ab-story .eyebrow { font-size:9px; }
  .ab-hero { grid-template-columns:1fr; gap:32px; padding-block:32px 33px; }
  .ab-hero h1 { font-size:56px; letter-spacing:-2px; margin-top:22px; }
  .ab-lead { font-size:18px; margin-top:23px; }
  .ab-hero-detail { font-size:13px; margin-top:17px; }
  .ab-start { margin-top:19px; font-size:10px; }
  .ab-portrait { width:85%; justify-self:end; }
  .ab-portrait>img { aspect-ratio:1/1.05; }
  .ab-portrait figcaption { display:flex; font-size:8px; }
  .ab-chapters { display:grid; grid-template-columns:1fr 1fr; gap:10px 15px; font-size:9px; padding-block:13px; }
  .ab-background { padding-block:43px 45px; }
  .ab-section-title h2 { font-size:37px; letter-spacing:-1.1px; margin-top:17px; }
  .ab-background-grid { margin-top:33px; }
  .ab-background-label { font-size:25px; margin-bottom:18px; }
  .ab-athletics>p { font-size:13px; }
  .ab-athletics>a,.ab-schools a { font-size:10px; margin-top:19px; }
  .ab-schools { gap:25px; }
  .ab-year { font-size:9px; }
  .ab-schools h3 { font-size:25px; margin-top:22px; }
  .ab-schools p { font-size:11px; margin-top:17px; }
  .ab-real-estate { grid-template-columns:1fr; gap:26px; padding:26px; margin-bottom:43px; }
  .ab-date-mark { display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .ab-date-mark>span { font-size:67px; letter-spacing:-2px; }
  .ab-date-mark>p { font-size:9px; margin-top:0; }
  .ab-real-estate h2 { font-size:37px; letter-spacing:-1.1px; }
  .ab-real-estate>div:last-child>p:not(.eyebrow) { font-size:12px; margin-top:20px; }
  .ab-companies { padding-bottom:45px; }
  .ab-company-timeline { margin-top:30px; }
  .ab-company-timeline>article { grid-template-columns:1fr; gap:24px; padding-block:29px; }
  .ab-timeline-date { justify-content:space-between; gap:15px; }
  .ab-timeline-date>span { font-size:26px; }
  .ab-timeline-date>p { font-size:8px; text-align:right; max-width:120px; }
  .ab-company-timeline h3 { font-size:34px; margin-top:15px; }
  .ab-company-timeline>article>div:nth-child(2)>p:not(.eyebrow) { font-size:12px; margin-top:17px; }
  .ab-company-timeline a:not(.ab-timeline-image):not(.ab-relvara-mark) { font-size:11px; margin-top:19px; }
  .ab-timeline-image img { height:280px; object-position:center 34%; }
  .ab-workshop-image img { height:230px; }
  .ab-relvara-mark { min-height:210px; }
  .ab-relvara-mark>img { width:67px; height:67px; }
  .ab-relvara-mark>span { font-size:46px; }
  .ab-sharing { padding-block:42px 46px; }
  .ab-sharing-grid { margin-top:30px; gap:35px; }
  .ab-social-number { font-size:73px; letter-spacing:-2px; }
  .ab-audience h3 { font-size:26px; margin-top:14px; }
  .ab-audience>p:not(.ab-social-number):not(.ab-proof-note) { font-size:12px; }
  .ab-audience .ab-proof-note { font-size:9px; margin-top:17px; }
  .ab-sharing-copy>p { font-size:13px; }
  .ab-channel-stats { gap:20px; }
  .ab-channel-stats strong { font-size:34px; }
  .ab-channel-stats span { font-size:10px; }
  .ab-social-links { font-size:11px; gap:12px 20px; margin-top:24px; }
  .ab-stats-date { font-size:8px!important; }
}
@media(max-width:360px) {
  .hp-portrait { width:200px; }
  .ascii-skyline { height:285px; }
  .hp-portrait figcaption h1 { font-size:31px; letter-spacing:-1px; }
  .hp-roles { font-size:7px; }
  .hp-roles>span { margin-inline:7px; }
  .ab-hero h1 { font-size:49px; }
  .ab-section-title h2 { font-size:33px; }
  .ab-schools { gap:19px; }
  .ab-schools h3 { font-size:23px; }
  .ab-social-number { font-size:65px; }
}
@media(prefers-reduced-motion:reduce) {
  .hp-book-stack>a { transition:none; }
  .hp-book-stack>a:hover { transform:none; }
}