@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap');
:root{--ink:#111b25;--paper:#f8f9fa;--muted:#56616c;--accent:#dcf567;--line:#d5dce0;--pad:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #54810c;outline-offset:7px}header{display:flex;justify-content:space-between;align-items:center;padding:21px var(--pad);background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff24}.wordmark{font-family:Syne,sans-serif;font-weight:800;font-size:32px;text-decoration:none;line-height:1}.wordmark span{color:var(--accent)}nav{display:flex;gap:clamp(18px,3.2vw,52px)}nav a{text-decoration:none;font-size:14px}nav a:hover{color:var(--accent)}.hero{background:var(--ink);color:var(--paper);padding:48px var(--pad) 25px;min-height:min(780px,calc(100svh - 78px));display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600;margin:0;text-transform:uppercase}.hero .eyebrow{display:flex;justify-content:space-between;color:#bcc5cd}.hero h1{font-family:Syne,sans-serif;font-size:clamp(76px,15vw,228px);font-weight:500;letter-spacing:-.075em;line-height:1.06;margin:45px 0 55px;animation:enter .8s both}.hero h1 span{color:var(--accent)}h2,h3{font-family:Syne,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.16}h2{font-size:clamp(35px,4.3vw,66px);margin:0 0 30px}h3{margin:0}.hero-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end;animation:enter 1s .1s both}.hero-bottom h2{font-size:clamp(30px,3.2vw,48px);margin:0}.hero-bottom p{max-width:450px;color:#c3cbd2;margin:0 0 20px;font-size:17px}.text-link{display:inline-flex;gap:40px;align-items:center;font-size:15px;text-decoration:none;border-bottom:1px solid;padding:8px 0;min-height:44px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(4px,-3px)}.hero .text-link{color:var(--accent)}.hero-caption{border-top:1px solid #ffffff29;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#aab5be}.section{padding:100px var(--pad)}.intro,.background{display:grid;grid-template-columns:1fr 2fr;gap:9%}.intro>div,.background>div{max-width:810px}.intro p:not(.eyebrow),.background p{color:var(--muted);max-width:720px}.intro .large-copy{font-size:clamp(23px,2.4vw,34px);line-height:1.45;letter-spacing:-.025em;color:var(--ink)!important}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:9%;margin-bottom:40px}.work{background:#eaf0f3}.project{display:grid;grid-template-columns:1fr 2fr;gap:9%;border-top:1px solid #bfc9d0;padding:40px 0 55px}.project-index{font-size:12px;letter-spacing:.07em;color:var(--muted);padding-top:10px}.project-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.project-title h3{font-size:clamp(38px,4vw,58px)}.project-title>span{font-size:12px;white-space:nowrap}.role{font-size:14px;color:var(--muted);margin-top:10px}.project-main>p:not(.role){font-size:18px;max-width:740px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.facts strong{display:block;font-family:Syne,sans-serif;letter-spacing:-.04em;font-size:clamp(25px,2.7vw,39px);font-weight:500}.facts span{font-size:13px;color:var(--muted);display:block}.project details{border-top:1px solid #c4cdd3;border-bottom:1px solid #c4cdd3;margin:25px 0 15px}.project summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;font-size:14px}.project summary::-webkit-details-marker{display:none}summary span{font-size:22px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:16px}.source-note{max-width:690px;margin:20px 0 0 auto;color:var(--muted);font-size:12px}.expedition{background:var(--accent);display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}.expedition .eyebrow{margin-bottom:35px}.expedition p:not(.eyebrow){max-width:600px}.expedition .large-copy{font-size:23px;line-height:1.45}.field-mark{font-family:Syne,sans-serif;font-size:clamp(60px,8vw,130px);font-weight:800;line-height:.93;letter-spacing:-.07em;border-top:2px solid var(--ink);padding-top:30px}.field-mark span{display:block;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.08em;line-height:1.6;margin-top:35px}.publication{display:grid;grid-template-columns:1fr 2fr 30px;gap:6%;padding:34px 0;border-top:1px solid var(--line);text-decoration:none;transition:padding .25s}.publication:hover{padding-left:12px}.publication>span{font-size:12px;color:var(--muted)}.publication>span:last-child{font-size:25px}.publication h3{font-size:clamp(24px,2.3vw,35px);margin-bottom:8px}.publication p{margin:5px 0;color:var(--muted);font-size:15px;max-width:660px}.background{border-top:1px solid var(--line)}dl{margin:36px 0 0}dl>div{padding:17px 0;border-top:1px solid var(--line)}dt{font-size:17px}dd{margin:3px 0 0;font-size:14px;color:var(--muted)}.contact{background:var(--ink);color:var(--paper)}.contact h2{font-size:clamp(42px,6.8vw,104px);margin-top:45px;max-width:1100px}.contact h2 span{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:48px}.contact-bottom p{color:#bcc5cd}.contact .text-link{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#b9c3cb;border-top:1px solid #ffffff29;padding:30px var(--pad);gap:20px}footer p,footer>a:last-child{font-size:13px}.skip{position:absolute;left:20px;top:-100px;background:var(--accent);padding:15px;z-index:20}.skip:focus{top:10px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:enter .65s both}@media(min-width:1000px){.intro>.eyebrow,.background>.eyebrow{position:sticky;top:30px;align-self:start}}@media(max-width:700px){header{padding-top:20px;padding-bottom:20px}.wordmark{font-size:27px}nav{gap:18px}nav a{font-size:13px}.hero{padding-top:30px;min-height:680px}.hero .eyebrow{font-size:10px}.hero .eyebrow span{display:none}.hero h1{margin:40px 0;font-size:clamp(65px,16vw,112px)}.hero-bottom{grid-template-columns:1fr;gap:30px}.hero-bottom p{font-size:16px}.hero-caption{font-size:10px;gap:20px}.hero-caption span:first-child{max-width:210px}.section{padding-top:65px;padding-bottom:65px}.intro,.background,.section-head,.project,.expedition{grid-template-columns:1fr;gap:28px}.section-head{margin-bottom:15px}.section-head h2{margin-bottom:15px}.project{padding:30px 0 42px}.project-title{align-items:start;flex-wrap:wrap}.project-title h3{font-size:42px}.project-title>span{padding-top:14px}.project-main>p:not(.role){font-size:17px}.facts{gap:15px}.facts strong{font-size:27px}.facts span{font-size:12px}.source-note{margin-left:0}.field-mark{font-size:85px;margin-top:15px}.publication{grid-template-columns:1fr 25px;gap:14px}.publication>span:first-child{grid-column:1/-1}.publication h3{font-size:27px}.publication>span:last-child{grid-column:2;grid-row:2}.contact-bottom{align-items:start;flex-direction:column;gap:20px}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%;margin:0}.contact h2{font-size:clamp(38px,8.7vw,60px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.project-links{display:flex;gap:30px;flex-wrap:wrap}.field-photo{margin:0}.field-photo img{width:100%;height:520px;object-fit:cover;object-position:60% 60%;display:block}.field-photo figcaption{font-size:12px;margin-top:12px}.bio{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:9%}.bio p:not(.eyebrow){font-size:19px;max-width:780px;color:var(--muted)}@media(max-width:700px){.field-photo img{height:380px}.bio{grid-template-columns:1fr;gap:28px}}

.hero{background-image:linear-gradient(90deg,rgba(17,27,37,.93),rgba(17,27,37,.75)),none;background-size:cover;background-position:center 61%}.hero h1{text-shadow:0 2px 30px #111b2533}@media(max-width:700px){.hero{background-position:65% center}}

.corpa-logo{display:block;width:clamp(180px,20vw,260px);height:auto}.corpa-showcase{margin:28px 0;background:#f8fafc;padding:25px 25px 14px}.corpa-showcase img{width:100%;height:auto;max-height:480px;object-fit:contain;display:block}.corpa-showcase figcaption{font-size:12px;color:var(--muted);margin-top:15px}@media(max-width:700px){.corpa-showcase{padding:16px 12px}.corpa-logo{width:180px}}
/* An independent builder's digital workshop. */
:root{--ink:#101310;--paper:#f3f4ec;--accent:#d5ff3f;--muted:#596053;--line:#ced2c4}
header{position:relative;z-index:3;background:var(--ink)}
h2,h3{font-weight:600;letter-spacing:-.055em}.hero{position:relative;isolation:isolate;min-height:800px;height:calc(100svh - 76px);max-height:1100px;overflow:hidden;background:#101310;padding-top:28px;display:block}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101310 5%,#101310b8 58%,#10131040),none center 60%/cover;opacity:.48}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(black,transparent)}.hero-kicker{display:flex;justify-content:space-between;font-size:11px}.hero h1{font-family:Syne,sans-serif;position:relative;width:70%;font-size:clamp(100px,16vw,250px);font-weight:800;line-height:.79;letter-spacing:-.085em;margin:65px 0 0;animation:none;text-shadow:none}.name-line{display:block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.03em}.name-line>span{display:block;animation:name-in 1.2s cubic-bezier(.16,1,.3,1) both}.name-line.second{padding-left:10%}.name-line.second>span{animation-delay:.15s}.hero h1 .name-dot{display:inline-block;color:var(--accent);font-size:.65em;vertical-align:top;line-height:.9;animation:spin 24s linear infinite;transform-origin:50% 38%}.hero-side{position:absolute;right:var(--pad);top:38%;width:28%;}.tiny-label{font-size:10px;letter-spacing:.14em;color:#b7c0a9}.role-window{font-family:Syne,sans-serif;font-size:clamp(30px,4vw,60px);line-height:1.4;letter-spacing:-.04em;color:var(--accent);overflow:hidden;min-height:1.4em}#changing-role{display:block}.hero-side p{color:#cbd0c0;font-size:16px}.hero-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-footer p{font-size:14px;color:#c4cbb8}.hero-footer p a{color:var(--paper)}.orbit-link{display:flex;align-items:center;gap:23px;text-decoration:none;font-size:11px;letter-spacing:.1em}.orbit-arrow{display:grid;place-items:center;width:76px;height:76px;border:1px solid #9baf70;border-radius:50%;font-size:34px;color:var(--accent);transition:background .35s,color .35s,transform .35s}.orbit-link:hover .orbit-arrow{background:var(--accent);color:var(--ink);transform:rotate(45deg)}.scroll-cue{font-size:10px;line-height:2;letter-spacing:.1em;color:#bdc6ae}.identity-strip{overflow:hidden;background:var(--accent);padding:18px 0;white-space:nowrap}.identity-strip>div{display:inline-block;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(24px,3.5vw,52px);line-height:1.2;letter-spacing:-.04em;animation:marquee 34s linear infinite}.identity-strip i{font-style:normal;display:inline-block;margin:0 25px;font-weight:400}.work{background:#e7ebdd}.project{position:relative;border-top-color:#b7bfaa;transition:background .35s}.project:hover{background:#f3f6ec}.project-main{position:relative}.project-title h3{font-weight:700}.project-index{font-family:'DM Sans',sans-serif}.publication:hover{color:#52720e}.expedition{background:var(--ink);color:var(--paper)}.expedition .eyebrow{color:var(--accent)}.field-photo{overflow:hidden}.field-photo img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.field-photo:hover img{transform:scale(1.045)}.field-photo figcaption{color:#b8c3ad}.facts strong{font-weight:600}.contact h2{font-weight:700}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;z-index:100}.motion-ready{opacity:0;transform:translateY(45px);transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1)}.motion-ready.in-view{opacity:1;transform:none}.company-icon{width:64px;height:64px;object-fit:contain;vertical-align:middle;margin-right:18px}.company-wordmark{max-width:230px;max-height:70px;object-fit:contain;object-position:left}.haq-wordmark{width:130px;height:130px;object-fit:contain}.project-title h3:has(.company-icon){display:flex;align-items:center}.motion-toggle{border:1px solid #6f7962;background:transparent;color:var(--paper);font:inherit;font-size:11px;cursor:pointer;padding:6px 10px}.motion-paused *, .motion-paused *::before{animation-play-state:paused!important}.motion-paused .motion-ready{opacity:1;transform:none}.motion-paused #changing-role{opacity:1!important;transform:none!important}@keyframes name-in{from{transform:translateY(115%) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero h1{font-size:245px}.hero-side{top:40%}}
@media(max-width:700px){.hero{min-height:720px;max-height:none;height:calc(100svh - 68px);padding-top:24px}.hero h1{font-size:clamp(98px,24vw,168px);width:100%;margin-top:52px;line-height:.85}.hero-side{position:relative;top:auto;right:auto;width:auto;margin:32px 0 0 10%}.role-window{font-size:36px}.hero-side p{font-size:15px;margin:6px 0}.hero-footer{bottom:25px;align-items:flex-end}.hero-footer p{font-size:12px;max-width:175px}.orbit-link{gap:10px;font-size:9px;flex-direction:column-reverse;align-items:flex-start}.orbit-arrow{width:54px;height:54px;font-size:25px}.scroll-cue{display:none}.hero-kicker{font-size:9px}.company-icon{width:43px;height:43px;margin-right:12px}.project-title h3:has(.company-icon){font-size:34px}.identity-strip{padding:14px 0}.haq-wordmark{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1;transform:none}.identity-strip>div{animation:none}.name-line>span{animation:none}.reading-progress{display:none}}

.school-logo{width:120px;height:55px;object-fit:contain;object-position:left;flex-shrink:0}dt{display:flex;gap:25px;align-items:center}dd{margin-left:145px}.journal{background:#d5ff3f}.journal-body{margin-left:36%;max-width:800px}.journal-body>.large-copy{font-size:26px;line-height:1.4}.journal-empty{padding:32px 0;border-top:1px solid #10131040;border-bottom:1px solid #10131040;font-size:17px}.journal-post{display:block;padding:25px 0;border-top:1px solid #10131040;text-decoration:none}.journal-post h3{font-size:30px}.journal-post time{font-size:12px}.journal-post p{font-size:17px}@media(max-width:700px){.journal-body{margin-left:0}dt{align-items:flex-start;flex-direction:column;gap:15px}dd{margin-left:0}.school-logo{width:140px;height:50px}}
.hero h1{font-size:clamp(100px,13vw,205px);width:67%}.name-line{white-space:nowrap}.hero h1 .name-line:first-child>span{color:var(--paper)}.hero h1 .name-dot{position:absolute;left:4%;top:102%;font-size:.45em}.name-line.second{overflow:visible}.hero-side{top:42%}@media(min-width:1500px){.hero h1{font-size:205px}}@media(max-width:700px){.hero h1{font-size:19vw;width:100%;margin-top:48px}.name-line.second{padding-left:8%}.hero h1 .name-dot{left:0;top:110%;font-size:.5em}.hero-side{top:auto;margin-top:85px}.hero .hero-kicker>span:first-child{display:inline}.hero .hero-kicker>span:last-child{display:none}}
/* Keep expressive type inside a consistent, readable layout. */
.section>*,.project>*,.project-main,.project-title,.hero-side{min-width:0}p,dd,dt,h2,h3{overflow-wrap:break-word}.project:hover{background:transparent}.project-title{flex-wrap:wrap;row-gap:14px}.project-title>span{white-space:normal}h2{line-height:1.2;letter-spacing:-.035em}.project-title h3{line-height:1.15}.hero h1{width:66%;font-size:clamp(90px,12vw,185px)}.hero-side{width:28%;right:var(--pad)}.role-window{font-size:clamp(27px,3.4vw,49px);line-height:1.55}.hero-footer{gap:32px}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}.facts strong{font-size:clamp(23px,2.4vw,35px)}.company-wordmark{max-width:min(230px,100%)}.contact h2{overflow-wrap:normal}.publication:hover{padding-left:0}.publication:hover h3{text-decoration:underline;text-underline-offset:6px}@media(max-width:900px){.intro,.background,.bio,.section-head,.project{grid-template-columns:1fr;gap:26px}.journal-body{margin-left:0}.project{padding:32px 0 44px}.project-main{width:100%}.source-note{margin-left:0}.expedition{grid-template-columns:1fr;gap:36px}.field-photo img{height:440px}.hero-side{top:48%;width:33%}.hero h1{width:100%;font-size:14vw}.publication{grid-template-columns:1fr 2fr 24px;gap:20px}}@media(max-width:700px){.hero{min-height:770px;height:auto;padding-bottom:175px}.hero h1{font-size:18vw;width:100%;line-height:.96;margin-top:48px}.hero-side{position:relative;top:auto;right:auto;width:auto;margin-top:70px}.hero-footer{gap:18px;bottom:25px}.role-window{font-size:35px}.project-title>span{padding-top:0}.project-title h3:has(.company-icon){font-size:30px}.facts{gap:16px}.facts strong{font-size:25px}.publication{grid-template-columns:minmax(0,1fr) 24px;gap:15px}.contact h2{font-size:clamp(33px,8vw,53px)}.field-photo img{height:340px}.hero h1 .name-dot{top:102%;left:0}.project-main>p{line-height:1.65}.project-title{align-items:center}}@media(max-width:380px){nav{gap:12px}.facts{grid-template-columns:1fr;gap:20px}.facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.facts span{text-align:right}.hero-footer{align-items:flex-start}.hero-footer p{max-width:150px}.project-title h3:has(.company-icon){font-size:27px}}

.role-window{font-size:clamp(25px,3vw,44px)}@media(max-width:700px){.role-window{font-size:34px}}

.questions{background:#101310;color:#f3f4ec;overflow:hidden}.questions-top{display:flex;justify-content:space-between;gap:25px;color:#b9c5a6}.questions h2{font-size:clamp(40px,6.4vw,92px);line-height:1.15;margin:48px 0;max-width:100%;font-weight:700}.questions h2 span{color:var(--accent)}.questions-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}.question-lines p{font-family:Syne,sans-serif;font-size:clamp(22px,2.5vw,36px);line-height:1.4;letter-spacing:-.025em;margin:0;padding:21px 0;border-top:1px solid #ffffff25}.questions-copy p{color:#c6ceba;line-height:1.7;margin-top:0}.questions-copy blockquote{margin:28px 0 20px;padding:0 0 0 22px;border-left:2px solid var(--accent);font-size:clamp(20px,2vw,27px);line-height:1.5;color:var(--paper)}.questions-copy .books-note{font-size:14px}.curiosity-list{display:flex;flex-wrap:wrap;gap:18px 40px;list-style:none;margin:48px 0 0;padding:22px 0 0;border-top:1px solid #ffffff25;font-size:14px;color:var(--accent)}@media(max-width:700px){.questions-top{flex-direction:column;gap:10px}.questions-body{grid-template-columns:minmax(0,1fr);gap:30px}.questions h2{font-size:clamp(36px,9vw,60px);margin:35px 0}.curiosity-list{gap:15px 25px}.question-lines p{font-size:23px}}

.arctic-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}

/* Portrait-led opening; expedition imagery belongs to the field story. */
.hero{background:#101310;height:auto;min-height:860px}.hero:before{background:none;display:none}.hero h1{width:60%;font-size:clamp(90px,11vw,175px)}.hero h1 .name-dot{display:none}.hero-portrait{position:absolute;right:var(--pad);top:90px;width:32%;max-width:430px;margin:0}.hero-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2px}.hero-side{left:var(--pad);right:auto;top:auto;bottom:160px;width:55%;margin:0}.hero-side p{margin-top:8px}.hero-footer{border-top:1px solid #ffffff20;padding-top:20px}
@media(max-width:900px) and (min-width:701px){.hero{min-height:790px}.hero h1{font-size:11vw}.hero-portrait{top:110px;width:34%}.hero-side{width:55%}}
@media(max-width:700px){.hero{min-height:0;padding-bottom:30px}.hero h1{width:100%;font-size:18vw;margin:38px 0 28px}.hero-portrait{position:relative;top:auto;right:auto;width:100%;max-width:400px;margin:0 auto 30px}.hero-side{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:100%;margin:0 0 32px}.hero-footer{position:relative;left:auto;right:auto;bottom:auto;gap:20px}.hero-footer p{max-width:190px}.hero-grid{opacity:.6}}

/* Dissolve the studio backdrop into the page without altering the portrait. */
.hero-portrait{isolation:isolate}.hero-portrait img{border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 76%,transparent 100%);mask-composite:intersect}.hero-portrait:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#10131055,transparent 24%,transparent 70%,#10131055)}

.creator-credit{font-size:11px;color:#c0c7b8}.recognition{display:block}.recognition a{display:inline-block;text-decoration:none;border-left:2px solid #66754c;padding:0 0 0 20px}.recognition a:hover span{text-decoration:underline}.copy-bio{display:inline-flex;gap:35px;align-items:center;min-height:44px;padding:8px 0;background:none;color:var(--ink);border:0;border-bottom:1px solid currentColor;font:inherit;font-size:15px;cursor:pointer}.copy-bio:focus-visible{outline:3px solid #54810c;outline-offset:6px}.bio .copy-status{font-size:13px;min-height:1.6em;margin:8px 0 0}.essay:focus{outline:none}@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;transform:none!important}}@media print{header,footer,.reading-progress,.essay-back,.skip{display:none!important}.essay{max-width:none;padding:0}.essay-body{font-size:11pt;line-height:1.6}.essay h1{font-size:30pt}.essay h2{break-after:avoid}body{background:#fff;color:#111}.essay a{color:inherit}}

/* Transparent portrait: the actual hero background remains visible around the subject. */
.hero-portrait{isolation:auto}.hero-portrait img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.hero-portrait:after{display:none}

/* Lucide icons use the same stroke and sizing throughout the site. */
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0}.orbit-arrow .icon{width:28px;height:28px}.motion-toggle{display:inline-flex;align-items:center;gap:7px}.text-link>span{display:inline-flex;align-items:center}.scroll-cue .icon{margin-top:6px}

/* A quieter portrait and a tighter opening composition. */
.hero{min-height:740px}
.hero h1{margin-top:44px}
.hero-portrait{width:24%;max-width:322px;top:auto;bottom:145px}
.hero-side{bottom:175px}
@media(min-width:701px) and (max-width:900px){
 .hero{min-height:690px}
 .hero-portrait{width:25.5%;bottom:155px}
}
@media(max-width:700px){
 .hero{min-height:0}
 .hero h1{margin:26px 0 12px;font-size:16vw}
 .hero-portrait{width:75%;max-width:300px;top:auto;bottom:auto;margin:0 auto 12px}
 .hero-side{bottom:auto;margin:0 0 22px}
}

.corpa-showcase{background:transparent;padding:0}

.journal-tag{font-size:12px}

.essay-visual{margin:0 0 42px}.essay-visual img{display:block;width:100%;height:auto}.essay-visual figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}

/* One reading axis for the name, motto, and introduction. */
.hero{height:auto;min-height:0;max-height:none;padding-top:30px;padding-bottom:36px}
.hero h1{width:100%;font-size:clamp(100px,12vw,185px);line-height:.94;margin:60px 0 0}
.hero .name-line.second{padding-left:0}
.personal-motto{margin:12px 0 0;color:var(--accent);font-size:clamp(20px,2vw,28px);font-style:italic;letter-spacing:.025em}
.hero-introduction{max-width:720px;margin:32px 0 48px;font-size:clamp(20px,2.1vw,29px);line-height:1.5;color:#cbd0c0}
.hero-footer{position:relative;left:auto;right:auto;bottom:auto;margin:0;gap:32px}
.hero-footer p{margin:0}.scroll-cue{display:none}
.about-aside{align-self:start;min-width:0}
.about-aside>.eyebrow{margin-top:0}
.about-portrait{margin:40px 0 0;max-width:310px}
.about-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)}
@media(min-width:901px){.about-aside{position:sticky;top:32px}}
@media(min-width:701px) and (max-width:900px){.intro{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:40px}.intro h2{font-size:35px}.about-portrait{margin-top:32px}.hero h1{font-size:15vw}}
@media(max-width:700px){
 .hero{padding-top:26px;padding-bottom:28px}
 .hero h1{font-size:18vw;line-height:1;margin:34px 0 0}
 .personal-motto{margin:8px 0 0;font-size:20px}
 .hero-introduction{font-size:19px;margin:26px 0 32px;max-width:34ch}
 .desktop-break{display:none}
 .hero-footer{align-items:center;gap:22px}
 .hero-footer p{font-size:12px;max-width:185px}
 .about-aside{display:flex;align-items:center;justify-content:space-between;gap:20px}
 .about-aside>.eyebrow{max-width:150px;line-height:1.7}
 .about-portrait{width:38%;max-width:160px;margin:0}
 .intro{gap:20px}
}