/* Shared layout and accessibility refinements for the multi-page edition. */
:root{--muted:#b2b7b3}
html{scroll-padding-top:120px}body{font-size:16px;line-height:1.5}main{min-width:0}main:focus{outline:none}
.site-header{position:sticky;top:0;height:94px;padding-inline:5%;gap:24px;z-index:40;background:#171b1df5;backdrop-filter:blur(16px)}
.site-header .wordmark{min-width:54px;min-height:44px;display:flex;align-items:center}
.site-header .wordmark span{margin-top:0;align-self:flex-start;margin-top:10px}
.header-note{font-size:11px;flex-shrink:0}.site-navigation{gap:22px;margin-left:auto;align-items:center}
.site-navigation a{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.site-navigation a[aria-current=page]{color:var(--gold)}.site-navigation a[aria-current=page]:after{width:100%;bottom:5px}
.site-navigation .nav-cv{display:none}.resume-link{min-height:44px;font-size:13px;margin-left:0;flex-shrink:0}
.menu-toggle{display:none}.menu-icon{position:relative;width:17px;height:16px;display:block}
.menu-icon i{display:block;width:17px;height:1px;background:currentColor;position:absolute;left:0;top:5px;transition:transform .2s}
.menu-icon i+i{top:11px}.is-menu-open .menu-icon i:first-child{transform:translateY(3px) rotate(45deg)}.is-menu-open .menu-icon i+i{transform:translateY(-3px) rotate(-45deg)}
.eyebrow,.section-index{font-size:11px;line-height:1.7}.hero-topline{font-size:11px}.hero-description{font-size:16px;max-width:365px;line-height:1.7}.hero-bottom{font-size:13px}.hero-content{min-height:650px}.hero-art{height:650px}
.text-link{font-size:14px;min-height:44px;align-items:center}.circle-arrow{min-width:44px;min-height:44px}#motion-toggle{width:44px;height:44px;font-size:14px}
.intro-body>p{font-size:16px;line-height:1.85;max-width:650px}.proof-grid>div>span{font-size:12px;line-height:1.6}.proof-grid strong{font-size:48px}
.section-heading>p{font-size:15px;line-height:1.7;max-width:340px}.section-heading h1{font-size:clamp(52px,6vw,88px);line-height:1.05;letter-spacing:-.055em;margin-top:25px}.section-heading h1 em{font-size:1.15em}
[data-page=experience] .section-heading,[data-page=projects] .section-heading{margin-bottom:55px}.section-heading{gap:35px}.work .section-heading>p{color:#565e57}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.project-card{min-width:0}.project-info>div{min-width:0}.project-kicker{font-size:11px;line-height:1.6;color:#555d55}.project-info h2{font-size:27px;line-height:1.25}.project-info p{font-size:15px;line-height:1.6;color:#555d55}.project-arrow{width:44px;height:44px}.project-info{align-items:flex-start}.github-link{font-size:14px}
.work :is(a,button):focus-visible,.contact :is(a,button):focus-visible,dialog :is(a,button):focus-visible{outline-color:#354d40}
.experience-toolbar{gap:20px;align-items:center}.filters{display:none;gap:8px}.js .filters{display:flex}.filters button{min-height:44px;font-size:13px;padding:10px 15px}.filters button.active{font-weight:500}#experience-count{font-size:12px}
.experience-item summary{grid-template-columns:160px minmax(0,1fr) minmax(0,1fr) 32px;padding:32px 0;gap:22px}.exp-dates{font-size:12px;line-height:1.6}.exp-company{font-size:24px;line-height:1.35}.exp-title{font-size:14px;line-height:1.6}.exp-plus{font-size:28px}
.experience-details{padding-left:182px;padding-right:35px}.exp-full-company{font-size:13px}.role h3{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 9px}.role-meta{font-size:12px}.role ul{font-size:16px;line-height:1.8}.role li+li{margin-top:10px}
.page-crosslink{margin-top:55px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.page-crosslink p{font-size:16px;color:var(--muted)}.page-crosslink .text-link{margin:0}.work .page-crosslink{border-color:#171b1d30}.work .page-crosslink p{color:#555d55}
.about-copy h1{font-size:clamp(42px,4.7vw,70px);line-height:1.06;letter-spacing:-.05em;margin-bottom:28px}.about-copy h1 em{color:var(--gold);font-size:1.1em}.about-copy>p{font-size:16px;line-height:1.8}.about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%}.portrait-note{font-size:14px}.portrait-note>span{font-size:12px}.personal-signoff{font-size:13px;gap:20px}.personal-signoff span{flex-shrink:0}
.education-block{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8%}.education-item h3{font-size:24px;letter-spacing:-.03em;line-height:1.4;margin:0 0 8px}.education-item p{font-size:16px}.education-item .edu-meta,.education-item .edu-detail{font-size:13px;line-height:1.7}.education-block>div>h3{font-size:40px}.toolkit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.toolkit h3{font-size:20px}.toolkit p{font-size:15px;line-height:1.9}
.explore-pages{background:#22282a}.page-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}.page-link-grid>a{position:relative;border-top:1px solid var(--line);padding:30px 45px 35px 0;min-width:0}.link-index{font-size:11px;letter-spacing:.1em;color:var(--gold)}.page-link-grid h3{font-size:31px;letter-spacing:-.04em;margin:15px 0 12px;line-height:1.2}.page-link-grid p{font-size:15px;line-height:1.7;color:var(--muted);max-width:340px}.page-link-arrow{position:absolute;right:8px;top:57px;font-size:28px;transition:transform .2s}.page-link-grid>a:hover .page-link-arrow{transform:translate(4px,-4px)}
.contact-top>span{font-size:13px}.contact-bottom{align-items:flex-start}.contact-bottom>p{font-size:15px;line-height:1.8;color:#4e4a40;max-width:420px}.email-wrap{min-width:0}.email-wrap>a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere;font-size:21px}.email-wrap button{min-height:44px;font-size:12px;padding:10px 16px}#copy-status{font-size:12px;bottom:-30px}.contact .section-index{color:#514e43}
.mini-contact{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:55px;padding-bottom:55px}.mini-contact h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.04em;margin-top:12px}.mini-contact h2 em{color:var(--gold);font-size:1.15em}.mini-contact .text-link{margin:0;flex-shrink:0}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:24px 35px;padding:35px 5%;border-top:1px solid var(--line)}.site-footer .footer-identity{margin:0;display:flex;gap:25px;align-items:center;min-width:0}.site-footer .footer-identity p{font-size:12px}.site-footer .footer-identity .wordmark{font-size:38px;min-height:44px;display:flex;align-items:center}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;margin:0;justify-content:flex-end;align-items:center}.site-footer nav a{display:flex;min-height:44px;align-items:center;font-size:13px}.site-footer nav a[aria-current=page]{color:var(--gold)}.site-footer .footer-social{grid-column:1/-1;margin:0;display:flex;justify-content:flex-end;gap:26px}.site-footer .footer-social a{font-size:13px;min-height:44px;display:flex;align-items:center}
#project-dialog{padding:12px 35px 35px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain;width:min(720px,calc(100% - 32px))}.dialog-close{position:sticky;top:0;margin-left:auto;display:grid;place-items:center;right:auto;z-index:2;background:var(--paper);width:44px;height:44px;font-size:26px;box-shadow:0 0 0 8px var(--paper)}#dialog-content{padding:12px 15px 0}dialog .eyebrow{font-size:11px;line-height:1.7;color:#4f594f}dialog h2{font-size:48px;line-height:1.1}dialog p:not([class]){font-size:16px;line-height:1.8;color:#4d574e}dialog dt{font-size:11px;color:#4d574e}dialog dd{font-size:15px}.dialog-note{font-size:12px;color:#566056;line-height:1.7}.dialog-links .text-link{font-size:14px;min-height:44px}.dialog-links{gap:12px 25px}
@media(max-width:1100px){.experience-toolbar{align-items:flex-start;flex-direction:column}.experience-item summary{grid-template-columns:135px minmax(0,1fr) minmax(0,1fr) 25px;gap:18px}.experience-details{padding-left:153px}.exp-company{font-size:21px}.contact-bottom{flex-direction:column;gap:25px}.contact-bottom>p{max-width:550px}.about-grid{gap:5%}}
@media(max-width:1050px){
 .site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 5%;gap:12px 20px}.header-note{margin-right:auto}.site-header .resume-link{margin-left:0}.js .menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-width:88px;min-height:44px;border:1px solid var(--line);background:none;border-radius:30px;font-size:13px}
 .site-header .site-navigation{display:flex;flex-wrap:wrap;width:100%;order:10;margin:0;gap:12px}.js .site-header .site-navigation{display:none}.js .site-header.is-menu-open .site-navigation{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:100%;left:0;width:100%;padding:18px 5% 25px;background:#171b1d;border-bottom:1px solid var(--line);max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;gap:4px 20px;box-shadow:0 20px 25px #0003}
 .site-navigation a{font-size:17px;min-height:52px;padding:6px 8px}.site-navigation a:after{display:none}.site-navigation a[aria-current=page]{background:#ffffff08;border-radius:4px}.site-navigation .nav-cv{display:flex}.hero-content{min-height:610px}.hero-art{height:600px}
}
@media(max-width:760px){
 html{scroll-padding-top:100px}.site-header{min-height:76px;padding:12px 5%;gap:12px}.site-header .wordmark{font-size:42px;min-width:45px}.header-note{font-size:10px;line-height:1.7;flex:1;min-width:0;margin:0}.site-header .resume-link{display:none}.js .menu-toggle{min-width:82px;font-size:12px;gap:10px;padding:0 13px}.site-header.is-menu-open .site-navigation{padding-inline:5%}
 .hero{padding-top:24px}.hero-copy{padding-top:36px}.hero-content{min-height:0}.hero h1{font-size:clamp(46px,11.6vw,82px);line-height:1.04}.hero-description{font-size:16px;max-width:350px;line-height:1.75}.hero .eyebrow{font-size:10px}.hero-topline{font-size:11px}.hero .text-link{font-size:14px}.hero-art{height:340px;margin-top:0}.art-bottom{font-size:10px;left:23%;right:11%;bottom:0}.orb-label{font-size:10px}.art-coordinate-top{font-size:8px;right:13%;top:8px}.hero-bottom{font-size:12px;align-items:center;margin-top:18px}.hero-bottom .circle-arrow{font-size:23px}.hero-bottom p{line-height:1.7}
 .section-pad{padding:55px 6%}.section-index{font-size:10px;letter-spacing:.1em}.intro h2{font-size:35px;line-height:1.15}.intro-body>p{font-size:16px;line-height:1.8}.proof-grid{gap:12px}.proof-grid strong{font-size:38px}.proof-grid>div>span{font-size:12px;line-height:1.6}.proof-grid>div>span br{display:none}.section-heading h1{font-size:clamp(44px,11.7vw,65px);line-height:1.08;margin-top:22px;letter-spacing:-.055em}.section-heading h2{font-size:39px}.section-heading>p{font-size:16px;max-width:100%;margin-top:25px}.section-heading>p br{display:none}
 .project-grid{grid-template-columns:minmax(0,1fr);gap:38px}.project-art{height:320px}.project-info{padding-top:18px;gap:10px}.project-info h2{font-size:26px}.project-info p{font-size:16px;line-height:1.65}.project-kicker{font-size:11px;letter-spacing:.05em}.project-arrow{margin-top:8px}.github-link{font-size:14px}.page-crosslink{margin-top:38px;align-items:flex-start;flex-direction:column;gap:10px}.page-crosslink p{font-size:16px}
 .experience-toolbar{padding-bottom:25px;margin-top:0;gap:13px}.filters{gap:7px}.filters button{font-size:13px;padding:10px 13px;min-height:44px}.filters [data-filter="All"]{padding-inline:16px}#experience-count{font-size:12px;margin:0}.experience-item summary{padding:27px 0;grid-template-columns:minmax(0,1fr) 27px;gap:8px}.exp-dates{grid-column:1;font-size:12px}.exp-company{grid-row:2;font-size:23px}.exp-title{grid-column:1;grid-row:3;font-size:14px;line-height:1.65}.exp-plus{grid-column:2;grid-row:1/4}.experience-details{padding:0 0 25px}.exp-full-company{font-size:13px}.role h3{font-size:17px}.role ul{font-size:16px;line-height:1.75;padding-left:20px}.role-meta{font-size:12px;line-height:1.8}
 .about-grid{grid-template-columns:minmax(0,1fr);gap:36px}.about-copy h1{font-size:clamp(40px,10.8vw,60px);line-height:1.12}.about-copy>p{font-size:16px;line-height:1.8}.portrait-note{font-size:14px}.portrait-note>span{font-size:12px}.personal-signoff{font-size:13px;line-height:1.7}.personal-signoff span{margin-right:10px}.education-block{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:45px}.education-item h3{font-size:23px}.education-item p{font-size:16px}.education-item .edu-meta,.education-item .edu-detail{font-size:13px}.toolkit-grid{grid-template-columns:minmax(0,1fr);gap:27px}.toolkit p{font-size:16px;line-height:1.8}.toolkit h3{font-size:20px}
 .page-link-grid{grid-template-columns:minmax(0,1fr);gap:0}.page-link-grid>a{padding:28px 40px 30px 0}.page-link-grid h3{font-size:29px}.page-link-grid p{font-size:16px}.link-index{font-size:11px}.page-link-arrow{top:55px}.contact-top>span{font-size:12px}.contact h2{font-size:clamp(54px,12vw,86px);line-height:1.02;display:block;margin:34px 0}.contact-arrow{position:static;display:inline-grid;place-items:center;vertical-align:middle;width:50px;height:50px;font-size:44px;margin-left:10px;letter-spacing:0}.contact-bottom{display:block}.contact-bottom>p{font-size:16px;line-height:1.75}.email-wrap{margin-top:24px;gap:12px}.email-wrap>a{font-size:clamp(16px,4.8vw,22px);max-width:100%;word-break:normal}.email-wrap button{font-size:12px}.contact .section-index{font-size:10px}#copy-status{position:static;text-align:left;min-height:18px;width:100%}
 .mini-contact{display:block;padding-block:40px}.mini-contact h2{font-size:36px;line-height:1.16}.mini-contact .text-link{margin-top:18px}.site-footer{grid-template-columns:minmax(0,1fr);padding:30px 6%;gap:20px}.site-footer .footer-identity{gap:25px}.site-footer .footer-identity p{font-size:12px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px;justify-content:start}.site-footer nav a{font-size:14px;min-height:44px}.site-footer .footer-social{justify-content:flex-start;gap:26px;flex-wrap:wrap}.site-footer .footer-social a{font-size:14px}
 #project-dialog{padding:12px 16px 25px;width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}#dialog-content{padding:12px 7px 0}dialog h2{font-size:36px;overflow-wrap:break-word}dialog .dialog-subtitle{font-size:28px;line-height:1.25}dialog p:not([class]){font-size:16px;line-height:1.75}dialog dl{grid-template-columns:1fr;gap:20px}dialog dt{font-size:12px}dialog dd{font-size:15px}.dialog-note{font-size:12px}.dialog-links .text-link{font-size:14px;gap:15px}.dialog-links{display:grid;gap:0}
}
@media(max-width:360px){.proof-grid{grid-template-columns:minmax(0,1fr);gap:22px}.proof-grid>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;align-items:center;padding-top:15px}.proof-grid>div>span{font-size:13px;margin:0}.hero-art{height:290px}.art-bottom{left:17%;right:13%;font-size:9px}.section-heading h1{font-size:44px}.project-art{height:290px}.piggy-title{font-size:45px;left:22px}.coin-one{right:10%;width:80px;height:80px}.coin-two{right:7%;width:80px;height:80px}.coin-three{top:195px;width:60px;height:60px}.award-tag{left:22px;bottom:20px}.contact h2{font-size:53px}.contact-arrow{font-size:38px;width:44px;height:44px;margin-left:0}.globus-letter{font-size:240px}.project-info h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.menu-icon i,.page-link-arrow{transition:none}.reveal{opacity:1;transform:none}}

@media(max-width:760px){body:not([data-page="home"]) h1 br{display:initial}.site-navigation .nav-cv{gap:8px}}

summary,[data-filter]{scroll-margin-top:110px}

/* Career highlights stay visible while the full history remains expandable. */
.experience-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.expand-experience{display:none;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:13px;min-height:44px;padding:10px 17px;white-space:nowrap}
.js .expand-experience{display:inline-flex;align-items:center}
.expand-experience:hover{background:var(--paper);color:var(--ink)}
.exp-type{display:block;font-size:11px;color:var(--gold);margin-top:8px;line-height:1.5}
.exp-impact{grid-column:2/4;font-size:13px;line-height:1.7;color:var(--gold);margin-top:-7px}
.project-info h2{font-size:27px;line-height:1.25;letter-spacing:-.04em;margin-top:7px}
.project-card .project-art{display:block}

/* Permanent project pages work with normal links, browser history and no scripts. */
.case-back{margin:0 0 38px}
.case-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
.case-intro h1{font-size:clamp(45px,5.7vw,80px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:break-word}
.case-intro .eyebrow{font-size:11px;color:var(--gold);margin-bottom:24px}
.case-subtitle{font-size:22px;line-height:1.5;color:var(--muted);margin-top:24px;max-width:440px}
.case-role{font-size:14px;margin-top:22px;color:var(--gold)}
.case-art{min-width:0}.case-art .project-art{height:400px}.case-art .visual-note{opacity:.8;font-size:9px}
.case-story{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10%}
.case-story .section-index{color:#555d55}.case-story h2{font-size:clamp(40px,4.4vw,64px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 30px}
.case-story-copy>p:not(.section-index){font-size:17px;line-height:1.85;margin-top:24px;color:#3f4941}
.case-facts{padding-top:8px}.case-facts dl{margin:0}.case-facts dl>div{border-top:1px solid #171b1d30;padding:24px 0}
.case-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#555d55}.case-facts dd{margin:10px 0 0;font-size:16px;line-height:1.8}
.case-links{border-top:1px solid #171b1d30;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.case-links h2{font-family:var(--sans);font-size:20px;letter-spacing:-.025em;margin:0 0 12px}.case-links .text-link{margin-top:8px;font-size:14px;gap:18px}
.case-story a:focus-visible{outline-color:#354d40}
.case-next{display:flex;margin:0;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}
.case-next>a{min-width:0}.case-next>a:first-child{flex-shrink:0}.case-next>a:last-child{text-align:right}
.case-next-title{display:block;font-size:clamp(25px,3vw,42px);line-height:1.2;letter-spacing:-.04em;margin-top:14px}
.site-navigation .nav-cv{display:flex;border:1px solid var(--line);border-radius:30px;padding:10px 18px;gap:22px}
.site-navigation .nav-cv:hover{background:var(--paper);color:var(--ink)}
.site-navigation .nav-cv:after{display:none}
@media(max-width:1050px){.site-navigation .nav-cv{border:0;border-radius:4px;padding:6px 8px;gap:8px}}
@media(max-width:760px){
 .exp-impact{grid-column:1;grid-row:4;font-size:13px;margin-top:3px}.experience-controls{gap:12px 20px;width:100%;justify-content:space-between}
 .project-info h2{font-size:26px}.case-back{margin-bottom:25px}.case-intro{grid-template-columns:minmax(0,1fr);gap:32px}
 .case-intro h1{font-size:clamp(42px,12vw,65px)}.case-subtitle{font-size:20px;margin-top:20px}.case-role{font-size:14px}
 .case-art .project-art{height:320px}.case-story{grid-template-columns:minmax(0,1fr);gap:40px}
 .case-story h2{font-size:42px}.case-story-copy>p:not(.section-index){font-size:16px;line-height:1.8}
 .case-links h2{font-size:21px}.case-next{align-items:flex-start;flex-direction:column;gap:24px}.case-next>a:last-child{text-align:left}.case-next-title{font-size:32px}
}
@media(max-width:360px){.project-info h2{font-size:24px}.case-art .project-art{height:290px}}

/* Education has a direct route, with degrees and development clearly separated. */
.education-page .section-heading{margin-bottom:65px}
.education-page .section-heading>p{color:var(--muted)}
.academic-section>.section-index,.foundations-section>.section-index{margin-bottom:22px;color:var(--gold)}
.academic-records{display:grid;gap:20px}
.academic-record{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;background:var(--paper);color:var(--ink);padding:42px 45px}
.academic-current{background:#d5c4ad}
.academic-meta{font-size:13px;line-height:1.7}.academic-meta>p{margin-top:20px;color:#4f554d}
.academic-number{font:italic 40px var(--serif);line-height:1;color:#636152}
.academic-status{display:inline-block;margin-top:14px;border:1px solid #34433655;border-radius:30px;padding:6px 12px;font-size:12px;color:#304332}
.academic-content h3{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-.04em}
.academic-degree{font-size:21px;line-height:1.5;margin-top:15px}
.academic-content ul{padding:0;list-style:none;margin:22px 0 0;font-size:15px;line-height:1.8;color:#4f554d}
.academic-content li+li{margin-top:6px}
.development-section{margin-top:70px}.development-section>h2{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-.04em;margin:18px 0 34px}
.development-section>h2 em{color:var(--gold)}
.development-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}
.development-card{border-top:1px solid var(--line);padding-top:25px}
.development-card h3{font-size:28px;letter-spacing:-.035em;line-height:1.3;margin:15px 0 12px}
.development-card p{font-size:16px;line-height:1.8;color:var(--muted)}
.development-card .development-dates{color:var(--gold);font-size:12px}
.development-card .development-title{color:var(--paper);margin-bottom:16px}
.foundations-section{margin-top:65px}
.foundations-section .academic-record{background:transparent;color:var(--paper);padding:30px 0;border-block:1px solid var(--line)}
.foundations-section .academic-content h3{font-size:26px;line-height:1.35}
.foundations-section .academic-number{color:var(--gold)}
.foundations-section .academic-meta>p,.foundations-section .academic-content ul{color:var(--muted)}
.foundations-section .academic-degree{font-size:17px}
@media(max-width:1050px){.academic-record{grid-template-columns:165px minmax(0,1fr);gap:30px;padding:32px}.academic-degree{font-size:19px}}
@media(max-width:760px){
 .education-page .section-heading{margin-bottom:38px}.academic-record{grid-template-columns:minmax(0,1fr);gap:24px;padding:27px 24px}
 .academic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.academic-meta>p{margin:0;font-size:13px}.academic-number{font-size:30px}
 .academic-status{margin:0;font-size:12px}.academic-content h3{font-size:30px}.academic-degree{font-size:19px;margin-top:13px}
 .academic-content ul{font-size:16px;line-height:1.75;margin-top:20px}
 .development-section{margin-top:48px}.development-section>h2{font-size:38px}.development-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .development-card h3{font-size:26px}.development-card .development-dates{font-size:13px}.foundations-section{margin-top:48px}
 .foundations-section .academic-record{gap:20px}.foundations-section .academic-content h3{font-size:25px}
}

/* Fuller stories retain a clear reading order at every viewport size. */
.case-sections{display:grid;gap:30px;margin-top:34px}
.case-sections h3{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}
.case-sections p{font-size:17px;line-height:1.85;color:#3f4941;margin:0}
.case-facts{align-self:start}
.project-archive{background:var(--paper);color:var(--ink)}
.project-archive .section-index,.project-archive .section-heading>p{color:#555d55}
.project-archive .section-heading h2 em{color:#6b6557}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 7%}
.archive-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:1px solid #171b1d30;padding-top:24px}
.archive-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;width:100%;font-size:11px;line-height:1.6;color:#596153}
.archive-card h3{font-size:29px;letter-spacing:-.035em;line-height:1.2;margin:18px 0 10px}
.archive-card p{font-size:16px;line-height:1.8;color:#3f4941}
.archive-card .archive-context{font-size:12px;margin-bottom:16px;color:#626858}
.archive-card .archive-tools{font-size:12px;color:#626858;margin:18px 0 15px}
.archive-card .text-link{font-size:14px;margin-top:auto;gap:20px}
.archive-card a:focus-visible{outline-color:#354d40}
.experience-item{scroll-margin-top:110px}
.exp-context{font-size:16px;line-height:1.8;color:var(--muted);max-width:720px;margin:12px 0 28px}
.exp-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:20px}
.exp-links .text-link{font-size:14px;gap:18px}
.current-chapter{background:#d5c4ad;border-top:1px solid #171b1d20}
.current-chapter .page-crosslink{flex-wrap:wrap;gap:15px 30px;border-color:#171b1d35}
.current-chapter .page-crosslink>p{flex-basis:100%;font-size:15px;color:#3f4941}
.current-chapter .page-crosslink .text-link{font-size:15px;gap:25px}
.working-strengths .toolkit-grid{align-items:start}
.working-strengths h3{line-height:1.35}
.working-strengths .text-link{font-size:13px;gap:14px;margin-top:20px;line-height:1.6}
.development-card p+p{margin-top:15px}
.development-card .text-link{font-size:14px;gap:18px;margin-top:18px;line-height:1.6}
.education-source{font-size:14px;gap:20px;margin-top:25px}
@media(max-width:760px){
 .case-sections{gap:26px;margin-top:30px}.case-sections h3{font-size:21px}.case-sections p{font-size:16px;line-height:1.8}
 .archive-grid{grid-template-columns:minmax(0,1fr);gap:34px}.archive-card h3{font-size:27px}.archive-meta{font-size:12px}
 .archive-card .archive-tools,.archive-card .archive-context{font-size:13px}.archive-card .text-link{font-size:14px}
 .current-chapter .page-crosslink{gap:12px}.current-chapter .page-crosslink>p{flex-basis:auto}
 .working-strengths .text-link{font-size:14px}.education-source{font-size:13px;gap:15px}
}
.current-chapter{color:var(--ink)}
.current-chapter .section-index{color:#535b4e}
.current-chapter h2{color:var(--ink)}
.current-chapter h2 em{color:#4e5849}
.current-chapter .intro-body>p{color:#3f4941}