@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'DM Mono';src:url('fonts/dm-mono-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Mono';src:url('fonts/dm-mono-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Mrs Saint Delafield';src:url('fonts/mrs-saint-delafield.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{--ink:#20231f;--muted:#767b75;--line:#dcded8;--paper:#fafbf7;--green:#4e6756;--green-light:#edf2e9;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:2px}
::selection{background:#d5e5d6;color:var(--ink)}
.skip-link{position:absolute;z-index:20;top:-60px;left:16px;padding:8px 12px;background:var(--ink);color:#fff}
.skip-link:focus{top:12px}
.page-shell{max-width:1280px;margin:0 auto;padding:0 64px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.055em;line-height:1}
.wordmark-symbol{color:var(--green);font-size:25px;line-height:1;display:inline-block;transition:transform .4s ease}
.wordmark:hover .wordmark-symbol{transform:rotate(45deg)}
.site-header .signature-wordmark{display:inline-block;padding:7px 5px 13px 3px;font-family:'Mrs Saint Delafield',cursive;font-size:62px;font-weight:400;line-height:.8;letter-spacing:-.045em;white-space:nowrap;transform:rotate(-4deg);transform-origin:left center;transition:transform .25s ease}
.site-header .signature-wordmark:hover{transform:rotate(-2deg) translateY(-2px)}
.top-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}
.top-nav a{position:relative;padding:5px 0}
.top-nav a::after{content:'';position:absolute;left:0;bottom:1px;width:0;height:1px;background:var(--green);transition:width .25s ease}
.top-nav a:hover::after,.top-nav a[aria-current]::after{width:100%}
.top-nav span{font-size:11px;margin-left:2px}
.hero{padding:55px 0 31px;min-height:395px;display:flex;flex-direction:column;align-items:flex-start;animation:rise-in .7s both}
.eyebrow,.module-head,.module-index,.source-caption,.chapter-number,.chapter-kicker,.hero-rule,.site-footer,.review-note,.chapter-nav{font-family:var(--mono)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:var(--green);font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
.eyebrow-dot{height:4px;width:4px;border-radius:50%;background:var(--green)}
.hero h1,.work-heading h1{margin:22px 0 15px;font-size:clamp(62px,7.5vw,104px);line-height:.91;font-weight:500;letter-spacing:-.085em}
.hero h1 em,.work-heading h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em}
.hero-deck{max-width:450px;margin:0;color:#565e55;font-size:19px;line-height:1.45;letter-spacing:-.02em}
.hero-rule{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:38px;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.hero-rule span:last-child{font-family:var(--sans);font-size:22px;color:var(--green)}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--ink)}
.module{position:relative;min-width:0;padding:23px 0 45px;border-bottom:1px solid var(--line)}
.module-intro{grid-column:span 2;padding-right:56px}
.module-now{grid-column:span 1}
.module-work{grid-column:span 2;padding-right:56px}
.module-writing{grid-column:span 1}
.module-community,.module-earlier{grid-column:span 1}
.module-head{display:flex;align-items:center;gap:13px;margin-bottom:29px;color:var(--green);font-size:11px;line-height:1.4;letter-spacing:.045em;text-transform:uppercase}
.module-head h2{font:inherit;margin:0}
.module-index{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #b7c7b9;border-radius:50%;font-size:9px;letter-spacing:0}
.module-action{margin-left:auto;border-bottom:1px solid var(--green);padding-bottom:2px;font-size:10px;white-space:nowrap}
.module-action:hover,.text-link:hover{color:#233b2c}
.large-copy{max-width:620px;margin:0 0 21px;font-size:clamp(23px,2.8vw,36px);line-height:1.2;letter-spacing:-.045em;font-weight:500}
.muted-copy{max-width:360px;color:#626a61;margin:0;font-size:15px;line-height:1.65}
.module-lead{margin:0 0 14px;font-size:21px;line-height:1.28;font-weight:500;letter-spacing:-.035em}
.module-end{position:absolute;right:1px;bottom:22px;color:var(--green);font-size:23px}
.section-intro{max-width:570px;margin:0 0 28px;font-size:20px;line-height:1.4;letter-spacing:-.03em}
.role-list{border-top:1px solid var(--line)}
.role-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 20px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);transition:padding-left .2s ease,color .2s ease}
.role-row:hover{padding-left:8px;color:var(--green)}
.role-name{font-size:15px;line-height:1.25;font-weight:500}
.role-name small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400}
.role-time{font-family:var(--mono);color:var(--muted);font-size:10px;text-align:right;white-space:nowrap}
.row-arrow{font-size:16px;color:var(--green);text-align:right}
.source-caption{margin:13px 0 0;color:#7e847b;font-size:9px;line-height:1.5;letter-spacing:.01em}
.writing-list{border-top:1px solid var(--line);margin:24px 0 21px}
.writing-list a{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;transition:color .2s ease}
.writing-list a:hover{color:var(--green)}
.writing-list small{flex:none;color:var(--muted);font-family:var(--mono);font-size:9px;white-space:nowrap;margin-top:3px}
.text-link{display:inline-block;margin-top:22px;border-bottom:1px solid var(--green);padding-bottom:3px;color:var(--green);font-size:13px;font-weight:500}
.site-footer{display:flex;justify-content:space-between;gap:24px;margin-top:95px;padding:22px 0 32px;border-top:1px solid var(--ink);color:var(--muted);font-size:10px;letter-spacing:.02em}
.site-footer span:first-child{color:var(--ink)}
.site-footer a:hover{color:var(--green)}

/* Work page */
.work-main{max-width:970px;margin:0 auto}
.work-heading{padding:67px 0 61px;border-bottom:1px solid var(--ink);animation:rise-in .7s both}
.work-heading h1{font-size:clamp(58px,7vw,96px);margin-bottom:22px}
.work-heading .hero-deck{max-width:570px}
.review-note{display:flex;gap:16px;align-items:flex-start;max-width:680px;margin:42px auto 64px;padding:18px 20px;background:var(--green-light);border-left:2px solid var(--green);color:#475c4d;font-size:11px;line-height:1.7;letter-spacing:0}
.review-note p{margin:0}
.review-note strong{font-weight:500}
.review-mark{font-family:var(--sans);font-size:18px;line-height:1.2}
.chapter-nav{max-width:680px;margin:0 auto 87px;display:grid;grid-template-columns:1fr 1fr;gap:4px 42px;font-size:11px}
.chapter-nav .eyebrow{grid-column:1/-1;margin-bottom:15px}
.chapter-nav a{display:flex;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--green)}
.chapter-nav a span{color:var(--ink);font-family:var(--sans);font-size:13px;letter-spacing:0}
.chapter-nav a:hover span{color:var(--green)}
.chapter{display:grid;grid-template-columns:1fr minmax(0,680px);gap:20px;scroll-margin-top:30px;padding:46px 0 73px;border-top:1px solid var(--ink)}
.chapter-number{padding-top:6px;color:var(--green);font-size:10px;letter-spacing:.09em}
.chapter-kicker{margin:0 0 14px;color:var(--green);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.chapter h2{margin:0;font-size:clamp(30px,4vw,45px);font-weight:500;letter-spacing:-.055em;line-height:1.08}
.chapter-role{margin:5px 0 7px;color:var(--muted);font-size:17px;letter-spacing:-.02em}
.chapter-location{margin:0 0 25px;color:var(--green);font-family:var(--mono);font-size:11px;line-height:1.5}
.chapter-body>p:not(.chapter-kicker):not(.chapter-role):not(.chapter-location){max-width:680px;color:#414940;font-size:16px;line-height:1.75}
.chapter-body>p.chapter-reflection{margin-top:27px;padding-left:19px;border-left:2px solid #cad7c8;color:#637064;font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.5}
.work-outro{max-width:680px;margin:0 0 0 auto;padding:52px 0 70px;border-top:1px solid var(--ink)}
.work-outro p{max-width:520px;margin:0 0 24px;font-family:var(--serif);font-size:clamp(30px,4vw,47px);font-style:italic;line-height:1.15;letter-spacing:-.045em}
.work-outro a{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:3px;color:var(--green);font-size:13px}

@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media (max-width:800px){.page-shell{padding:0 28px}.hero{min-height:390px}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.module-intro,.module-work{grid-column:span 2;padding-right:0}.module-now,.module-writing,.module-community,.module-earlier{grid-column:span 1}.work-main{max-width:100%}.chapter{grid-template-columns:95px minmax(0,1fr)}}
@media (max-width:580px){.page-shell{padding:0 21px}.site-header{padding:19px 0}.wordmark{font-size:16px}.wordmark-symbol{font-size:20px}.top-nav{gap:20px;font-size:12px}.hero{padding:49px 0 25px;min-height:365px}.hero h1{font-size:clamp(59px,16vw,84px)}.hero-deck{font-size:17px}.editorial-grid{display:block}.module{padding:23px 0 39px}.module-intro,.module-work{padding-right:0}.module-head{margin-bottom:23px}.large-copy{font-size:28px}.module-now{min-height:220px}.module-end{bottom:14px}.role-row{grid-template-columns:minmax(0,1fr) 59px 14px;gap:8px}.role-name{font-size:14px}.role-time{font-size:9px}.site-footer{display:grid;grid-template-columns:1fr auto;margin-top:65px}.site-footer span:nth-child(2){grid-column:1/-1;grid-row:2}.site-footer a{grid-column:2;grid-row:1}.work-heading{padding:69px 0 48px}.work-heading h1{font-size:clamp(52px,13vw,70px)}.review-note{margin:34px 0 53px}.chapter-nav{grid-template-columns:1fr;margin-bottom:65px}.chapter-nav .eyebrow{grid-column:1}.chapter{display:block;padding:28px 0 56px}.chapter-number{margin-bottom:20px}.chapter h2{font-size:34px}.chapter-role{font-size:15px}.chapter-body>p:not(.chapter-kicker):not(.chapter-role):not(.chapter-location){font-size:15px;line-height:1.72}.work-outro{padding:38px 0 52px}}

/* Content-first homepage */
.home-page{--paper:#fff;--ink:#202220;--muted:#737873;--line:#e2e5df;background:#fff}
.home-page .page-shell{max-width:1220px}
.home-page .site-header{border:0;padding:38px 0 0}
.home-page .wordmark{font-size:24px;font-weight:500;letter-spacing:-.055em}
.home-page .top-nav{color:#666d66;font-size:12px}
.home-main{max-width:1070px;margin:0 auto;padding-top:76px}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:54px;row-gap:0}
.home-section{min-width:0;padding:0 0 55px;margin-bottom:58px;border-bottom:1px solid var(--line)}
.home-now{grid-column:span 2;padding-right:18px}
.home-work{grid-column:span 1}
.home-writing,.home-community,.home-earlier{grid-column:span 1}
.home-label{margin:0 0 27px;color:#727a73;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.05em;line-height:1.4;text-transform:uppercase}
.current-role{margin:0 0 26px;font-size:clamp(34px,4.5vw,56px);font-weight:500;letter-spacing:-.065em;line-height:1.04}
.name-note{max-width:560px;margin:-11px 0 27px;color:#626a61;font-size:14px;line-height:1.5}
.now-list{max-width:660px;margin:0;padding-left:21px;list-style-type:disc}
.now-list li{padding-left:1px;margin:0 0 17px;font-size:16px;line-height:1.58}
.now-list li::marker{color:#a9afa9}
.now-list a{border-bottom:1px solid currentColor;color:var(--green)}
.now-list a:hover{color:var(--ink)}
.home-section-head{display:flex;align-items:flex-start;justify-content:space-between}
.home-section-head .home-label{margin-bottom:15px}
.home-section-head>a{color:var(--muted);font-size:15px;line-height:1}
.home-section-head>a:hover{color:var(--ink)}
.home-section-intro{margin:0 0 20px;font-size:15px;line-height:1.45}
.compact-roles{border-top:1px solid var(--line)}
.compact-roles a{display:block;padding:10px 0 11px;border-bottom:1px solid var(--line);transition:color .2s ease,padding-left .2s ease}
.compact-roles a:hover{color:var(--green);padding-left:5px}
.compact-roles strong,.compact-roles span{display:block}
.compact-roles strong{font-size:14px;font-weight:500;line-height:1.3}
.compact-roles span{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}
.plain-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plain-list li{border-bottom:1px solid var(--line)}
.plain-list a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;line-height:1.4}
.plain-list a:hover,.home-more:hover{color:var(--green)}
.plain-list span{flex:none;color:var(--muted);font-family:var(--mono);font-size:10px;white-space:nowrap}
.home-community p,.home-earlier p{max-width:310px;margin:0;font-size:16px;line-height:1.6}
.home-more{display:inline-block;margin-top:22px;border-bottom:1px solid currentColor;padding-bottom:2px;color:#4d6253;font-size:13px}
.home-page .site-footer{margin-top:8px}
@media(max-width:900px){.home-main{padding-top:64px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}.home-now,.home-work{grid-column:span 1;padding-right:0}.home-writing,.home-community,.home-earlier{grid-column:span 1}.current-role{font-size:clamp(33px,5vw,46px)}.now-list li{font-size:15px}.home-section{padding-bottom:37px;margin-bottom:43px}}
@media(max-width:580px){.home-page .site-header{padding:25px 0 0}.home-page .wordmark{font-size:20px}.home-main{padding-top:65px}.home-grid{display:block}.home-section{padding:0 0 37px;margin-bottom:42px}.home-label{margin-bottom:22px}.current-role{font-size:41px}.now-list li{font-size:15px;margin-bottom:14px}.home-page .site-footer{margin-top:0}}
.site-header .signature-wordmark{font-size:62px}
@media(max-width:580px){.site-header .signature-wordmark{font-size:48px;padding-bottom:10px}}

.role-top{display:flex!important;align-items:baseline;justify-content:space-between;gap:8px}
.compact-roles .role-top strong{min-width:0}
.compact-roles .role-org{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}
.compact-roles .role-org small{flex:none;color:#6a756a;font-family:var(--mono);font-size:9px;white-space:nowrap}
.compact-roles .role-location{display:block;margin-top:4px;color:#57705c;font-family:var(--mono);font-size:10px;line-height:1.35}
.flag{display:inline-block;width:15px;height:11px;margin:0 3px 0 1px;vertical-align:-2px;object-fit:cover;border:1px solid #c6ccc5;border-radius:1px}
.industry-tag,.compact-roles .industry-tag{display:inline-flex;align-items:center;flex:none;width:max-content;padding:4px 7px;border-radius:2px;background:#365a48;color:#fff;font-family:var(--mono);font-size:10px;font-weight:500;line-height:1.25;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}
.industry-tag::before{content:'Industry:';margin-right:4px;font-weight:400;opacity:.82}
.industry-tag-detail{margin-left:12px;vertical-align:3px}
@media(max-width:580px){.compact-roles .industry-tag{font-size:10px}.industry-tag-detail{margin:8px 0 0;vertical-align:initial}}

/* Three places carry the life story; smaller dates stay with Penang. */
.life-section{padding:31px 0 22px;border-top:1px solid var(--ink)}
.life-heading{display:flex;align-items:baseline;gap:24px}
.life-heading .home-label{flex:none;margin:0}
.life-title{margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:500;letter-spacing:-.055em;line-height:1.15}
.life-route{position:relative;display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:32px;margin:35px 0 0;padding:0;list-style:none}
.life-route::before{content:'';position:absolute;top:6px;left:6px;right:6px;height:1px;background:#bdd0c0}
.life-stop{position:relative;min-width:0;padding-top:23px}
.life-stop::before{content:'';position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #fff}
.life-stop-date{display:block;color:var(--green);font-family:var(--mono);font-size:11px;letter-spacing:.04em;line-height:1.4}
.life-stop h3{margin:4px 0 6px;font-size:clamp(24px,2.7vw,31px);font-weight:500;letter-spacing:-.055em;line-height:1.1}
.life-stop>p{max-width:240px;margin:0;color:#525b52;font-size:14px;line-height:1.45}
.life-side-notes{display:grid;gap:6px;margin:15px 0 0;padding:11px 0 0;border-top:1px solid var(--line);list-style:none}
.life-side-notes li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:7px;color:#687168;font-size:12px;line-height:1.35}
.life-side-notes time{color:var(--green);font-family:var(--mono);font-size:10px;white-space:nowrap}
@media(max-width:700px){.life-heading{display:block}.life-heading .home-label{margin-bottom:10px}.life-title{font-size:29px}.life-route{display:block;margin-top:27px;padding-left:0}.life-route::before{top:6px;bottom:6px;left:6px;width:1px;height:auto}.life-stop{padding:0 0 0 27px;margin-bottom:22px}.life-stop::before{top:4px}.life-stop h3{font-size:25px}.life-side-notes{max-width:400px;margin-top:10px;padding-top:9px}.life-stop>p{max-width:none}.life-stop:last-child{margin-bottom:0}}

/* A quiet note at the end of the index. */
.verse-note{display:flex;justify-content:flex-end;padding:0 0 34px}
.verse-spoiler{width:min(100%,340px);color:#616961;font-family:var(--sans);font-size:14px;line-height:1.55}
.verse-spoiler summary{display:block;cursor:pointer;list-style:none}
.verse-spoiler summary::-webkit-details-marker{display:none}
.verse-spoiler summary:focus-visible{outline:2px solid var(--green);outline-offset:8px}
.verse-opening{display:inline}
.verse-opening strong{color:#34463a;font-weight:600}
.verse-blur{display:inline;margin-left:3px;color:#596f5f;filter:blur(3px);opacity:.65;user-select:none;transition:filter .25s ease,opacity .25s ease}
.verse-spoiler summary:hover .verse-blur{filter:blur(3px);opacity:.8}
.verse-hint,.verse-source{display:block;width:max-content;margin-top:8px;color:#6b786b;font-family:var(--mono);font-size:10px;font-style:normal;letter-spacing:.04em;text-transform:uppercase}
.verse-hint{border-bottom:1px dotted #acb9ac}
.verse-spoiler[open] .verse-blur,.verse-spoiler[open] .verse-hint{display:none}
.verse-rest{margin:2px 0 0}
.verse-source{border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
.verse-source span{margin-left:4px;font-family:var(--sans);font-size:12px}
.verse-source:hover,.verse-source:focus-visible{border-color:currentColor;color:#344f3b}
@media(max-width:700px){.verse-note{justify-content:flex-start;padding:0 0 25px}.verse-spoiler{width:100%;font-size:14px}}

/* The new writing space keeps the old blog clearly labeled as an archive. */
.writing-main{display:grid;grid-template-columns:160px minmax(0,1fr);gap:40px;max-width:940px;min-height:440px;margin:0 auto;padding:72px 0 55px}
.writing-status{display:flex;align-items:flex-start;gap:9px;padding-top:8px;color:var(--green);font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.writing-status-dot{flex:none;width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--green)}
.writing-content h1{max-width:620px;margin:19px 0 17px;font-family:var(--sans);font-size:clamp(36px,4.3vw,52px);font-weight:500;letter-spacing:-.06em;line-height:1.08}
.writing-content>p:not(.eyebrow){max-width:500px;margin:0;color:#535e54;font-size:16px;line-height:1.55}
.writing-archive{display:flex;align-items:baseline;justify-content:space-between;gap:20px;max-width:500px;margin-top:48px;padding-top:14px;border-top:1px solid var(--line)}
.writing-archive>span{color:var(--muted);font-family:var(--mono);font-size:10px;text-transform:uppercase}
.writing-archive a{border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--green);font-size:13px;white-space:nowrap}
.writing-archive a:hover{color:#233b2c}
.writing-preview-date{margin:0;color:var(--muted);font-family:var(--mono);font-size:10px;line-height:1.5;text-transform:uppercase}
@media(max-width:700px){.writing-main{display:block;min-height:380px;padding:52px 0 55px}.writing-status{margin-bottom:33px}.writing-content h1{font-size:clamp(36px,9vw,46px)}.writing-archive{margin-top:46px}}

/* Work reads as a compact editorial index, consistent with the homepage. */
.work-page .work-main{max-width:1070px}
.work-page .work-heading{padding:57px 0 32px;border:0;animation:none}
.work-page .work-heading h1{max-width:780px;margin:15px 0 12px;font-family:var(--sans);font-size:clamp(35px,4vw,48px);font-weight:500;letter-spacing:-.06em;line-height:1.1}
.work-page .work-heading .hero-deck{max-width:620px;color:#596159;font-size:16px;line-height:1.55;letter-spacing:0}
.work-page .chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px}
.work-page .chapter{display:block;min-width:0;padding:22px 0 31px;border-top:1px solid var(--line);scroll-margin-top:24px}
.work-page .chapter-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 19px;color:var(--green);font-family:var(--mono);font-size:10px;line-height:1.4;letter-spacing:.025em;text-transform:uppercase}
.work-page .chapter-meta span:last-child{text-align:right}
.work-page .chapter h2{margin:0 0 5px;font-family:var(--sans);font-size:clamp(24px,2.6vw,30px);font-weight:500;letter-spacing:-.05em;line-height:1.15}
.work-page .chapter-org{margin:0;color:#596159;font-size:14px;line-height:1.45}
.work-page .industry-tag-detail{margin:13px 0 0;vertical-align:initial}
.work-page .chapter-location{margin:10px 0 0;color:#647568;font-size:10px}
.work-page .chapter-description{max-width:480px;margin:17px 0 0;color:#414940;font-size:14px;line-height:1.6}
.work-page .chapter-emphasis{margin:12px 0 0;color:#365a48;font-size:14px;font-weight:500;line-height:1.5}
.work-page .chapter-note-link{display:inline-block;margin-top:14px;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--green);font-size:12px}
.work-page .chapter-note-link:hover{color:#233b2c}
.work-page .site-footer{margin-top:38px}
@media(max-width:700px){.work-page .work-heading{padding:50px 0 28px}.work-page .work-heading h1{font-size:36px}.work-page .chapters{display:block}.work-page .chapter{padding:21px 0 27px}.work-page .chapter h2{font-size:27px}.work-page .chapter-description{font-size:14px}.work-page .site-footer{margin-top:28px}}

.student-notes{margin-top:18px;padding:26px 0 12px;border-top:1px solid var(--ink);scroll-margin-top:22px}
.student-notes-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.student-notes-heading h2{margin:12px 0 0;font-size:clamp(25px,3vw,33px);font-weight:500;letter-spacing:-.055em;line-height:1.15}
.student-notes-heading>a{flex:none;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--green);font-size:12px}
.student-notes-heading>a:hover{color:#233b2c}
.student-notes-intro{max-width:590px;margin:12px 0 23px;color:#596159;font-size:14px;line-height:1.5}
.student-notes-gallery{display:flex;gap:16px;overflow-x:auto;padding:0 0 17px;scroll-snap-type:x mandatory;scrollbar-color:#bbc9bd transparent}
.student-notes-gallery figure{flex:0 0 min(245px,67vw);margin:0;scroll-snap-align:start}
.student-notes-gallery a{display:block;overflow:hidden;background:#ff7448}
.student-notes-gallery img{display:block;width:100%;height:auto;aspect-ratio:909/1286;object-fit:cover;transition:transform .25s ease}
.student-notes-gallery a:hover img{transform:scale(1.025)}
.student-notes-gallery figcaption{margin-top:8px;color:#687168;font-family:var(--mono);font-size:10px;letter-spacing:.02em;text-transform:uppercase}
@media(max-width:700px){.student-notes{margin-top:8px;padding-top:24px}.student-notes-heading{display:block}.student-notes-heading>a{display:inline-block;margin-top:14px}.student-notes-intro{margin:14px 0 20px}.student-notes-gallery figure{flex-basis:min(245px,70vw)}}