:root{--burgundy:#68121f;--paper:#faf9f6;--gray:#909090;--story-dark:#38050f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#000;background:var(--paper);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a46b76;outline-offset:6px}img,svg{display:block;max-width:100%}[hidden]{display:none!important}.topbar{height:clamp(76px,6.71vw,126px);background:var(--burgundy);color:var(--paper);display:flex;align-items:center}.topbar nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 8.7% 0 7.45%;gap:25px}.topbar a{font-size:clamp(15px,1.93vw,36px);font-weight:400;letter-spacing:-.07em;white-space:nowrap}.topbar a[aria-current=page]{font-weight:800}.topbar a{transition:color .18s ease}.topbar a:hover{color:#b9b9b9;text-decoration:none}.hero{max-width:1878px;margin:auto;min-height:calc(100svh - clamp(76px,6.71vw,126px));height:49.52vw;max-height:930px;position:relative;display:grid;grid-template-columns:32.2% 67.8%;padding:0 7.6%}.hero-figure{height:100%;position:relative;align-self:end}.hero-figure svg{position:absolute;height:93.1%;width:auto;max-width:none;bottom:0;left:0}.hero-copy{text-align:center;position:relative;z-index:1;padding-top:6.4vw;padding-left:1.3vw}.tagline{color:var(--gray);font-size:clamp(16px,1.77vw,33px);font-weight:700;letter-spacing:-.055em;margin:0 0 1.5vw}h1{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:-.065em}.hero h1{font-size:clamp(70px,9.9vw,186px);line-height:1.08;white-space:nowrap;margin:0 -4vw 2.7vw}.hero-subtitle{font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2.55vw,48px);line-height:1.35;margin:0 -1vw}.story-link{font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,1.98vw,37px);color:var(--burgundy);display:flex;flex-direction:column;align-items:center;margin-top:6.2vw}.down-arrow{position:relative;width:1px;height:7.4vw;max-height:140px;background:var(--burgundy);margin-top:1.4vw}.down-arrow:after{content:'';position:absolute;bottom:-2px;left:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:17px solid var(--burgundy)}.story{scroll-margin-top:20px;max-width:1878px;margin:auto}.story-row{display:grid;grid-template-columns:26.2% 73.8%;padding-left:8.1%;border-bottom:2px solid #c2c0bb;min-height:24vw}.story-label{background:var(--story-dark);color:var(--paper);display:flex;align-items:center;padding:3vw 2.9vw}.story-label h2{font-size:clamp(22px,2.43vw,46px);font-weight:700;letter-spacing:-.065em;line-height:1.1;margin:0 0 .5vw}.story-label p{font-size:clamp(18px,1.98vw,37px);color:#cfcbcb;letter-spacing:-.06em;font-weight:600;margin:0}.story-detail{display:grid;grid-template-columns:27.3% 1fr;align-items:center;gap:2.6vw;padding:2.6vw 5.4vw 3.2vw 2.6vw}.story-detail p,.adventure-detail>p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(20px,2vw,38px);line-height:1.35;margin:0}.story-detail p+p{margin-top:2.4vw}.sketch{width:100%;filter:drop-shadow(0 1px 3px #777)}.book{width:88%;justify-self:end;filter:drop-shadow(0 1px 3px #777)}.encounter{min-height:26.8vw}.adventure{border:0;min-height:45.7vw}.adventure .story-label{background:linear-gradient(145deg,#38050f,#68121f);align-items:flex-start;padding-top:9.8vw}.adventure .story-label p{margin-top:1.5vw}.adventure-detail{text-align:center;display:flex;flex-direction:column;padding:9.3vw 5% 2.3vw}.adventure-detail>p{max-width:950px;align-self:center}.results-link{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,2vw,38px);font-weight:700;margin-top:5.5vw}.results-link:hover{text-decoration:underline}.logos{display:flex;justify-content:space-between;align-items:center;gap:3vw;margin-top:3vw}.logos svg:nth-child(1){width:19%}.logos svg:nth-child(2){width:30%}.logos svg:nth-child(3){width:15%}.story-footer{background:var(--burgundy);color:var(--paper);display:grid;grid-template-columns:1fr 2.6fr 1fr;align-items:center;gap:3vw;padding:2.7vw 5.2%;min-height:10.5vw}.back-home{font-size:clamp(15px,1.9vw,36px);letter-spacing:-.065em;white-space:nowrap}.story-footer p{font-size:clamp(23px,2.9vw,54px);font-weight:700;letter-spacing:-.065em;margin:0;text-align:center;white-space:nowrap}.linkedin{justify-self:end;background:var(--paper);color:#0967bd;border-radius:1.3vw;padding:1.1vw 1.5vw;box-shadow:0 3px 17px #26020d88;font-size:clamp(25px,2.4vw,45px);font-weight:700;letter-spacing:-.07em;white-space:nowrap}.linkedin span{background:#0967bd;color:var(--paper);border-radius:2px;padding:0 2px;margin-left:3px}.simple-page,.reading-page,.portfolio-page{padding-top:3.8vw;text-align:center;position:relative}.page:not(#home){min-height:calc(100svh - clamp(76px,6.71vw,126px))}.page:not(#home)>h1{font-size:clamp(42px,4.5vw,85px);line-height:1.2;margin:0 20px 1vw}.page-subtitle{font-size:clamp(18px,1.77vw,33px);font-weight:700;letter-spacing:-.055em;color:var(--gray);margin:0 20px}.cv-preview{display:block;width:25.6%;min-width:280px;max-width:480px;margin:3.7vw auto 4.8vw;position:relative;border-radius:15px;overflow:hidden;background:white;box-shadow:0 5px 25px #0002;border:1px solid #ddd}.cv-preview img{width:100%}.cv-preview span{display:block;background:var(--burgundy);color:#fff;padding:12px;font-size:14px}.bottom-band{height:4.5vw;min-height:48px;background:var(--burgundy);margin-top:auto}.simple-page{display:flex;flex-direction:column}.reading-list{list-style:none;border-left:2px solid var(--burgundy);border-right:2px solid var(--burgundy);width:54%;max-width:1100px;margin:0 auto;padding:4vw 2.5vw 1vw}.reading-list li{font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2vw,38px);line-height:1.35;padding:1.95vw 0}.reading-footer{background:var(--burgundy);color:var(--paper);font-size:clamp(24px,2vw,38px);font-weight:700;padding:1vw}.essays-page{display:flex;flex-direction:column;justify-content:center;text-align:center}.essays-page h1{margin:auto!important;font-size:clamp(40px,5vw,85px)!important;letter-spacing:-.04em!important}.essays-page .bottom-band{width:100%;margin-top:0}.portfolio-page{display:flex;flex-direction:column}.pdf-link{display:inline-block;align-self:center;color:var(--burgundy);font-size:18px;margin:30px 0;border-bottom:1px solid;padding-bottom:8px}.projects{width:84%;max-width:1400px;margin:20px auto 65px;text-align:left}.projects article{padding:35px 0;border-top:1px solid #b9a6a8;display:grid;grid-template-columns:60px 1fr 1fr;gap:15px 30px}.projects article>span{color:var(--burgundy);grid-row:1/4}.projects h2{font-size:32px;letter-spacing:-.05em;margin:0}.projects p{font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.5;margin:0}.projects strong{grid-column:2;font-size:20px;color:var(--burgundy)}
@media(min-width:1879px){.hero-copy{padding-top:120px}.hero h1{font-size:186px}.story-row{min-height:450px}.story-label{padding:56px}.story-detail{padding:50px 100px 60px 50px;gap:48px}.adventure{min-height:850px}.adventure-detail{padding-top:175px}.adventure .story-label{padding-top:184px}}
@media(max-width:800px){.topbar{height:auto;min-height:76px;padding:16px 0}.topbar nav{padding:0 5%;gap:14px;flex-wrap:wrap;justify-content:center}.topbar a{font-size:14px;letter-spacing:-.04em}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:33% 67%;padding:0 4%;min-height:520px;overflow:hidden}.hero-figure svg{height:85%;left:-25px}.hero-copy{padding:65px 0 25px 12px}.tagline{font-size:14px;line-height:1.5;margin-bottom:20px}.hero h1{font-size:clamp(38px,8.7vw,70px);margin:0 -10px 25px;letter-spacing:-.075em}.hero-subtitle{font-size:23px}.desktop-break{display:none}.story-link{font-size:23px;margin-top:50px}.down-arrow{height:65px;margin-top:18px}.story-row{padding-left:0;grid-template-columns:30% 70%}.story-label{padding:30px 16px}.story-label h2{font-size:22px;letter-spacing:-.06em}.story-label p{font-size:18px;margin-top:10px}.story-detail{grid-template-columns:1fr;padding:28px;gap:25px}.story-detail svg{width:130px;max-width:65%;justify-self:center}.story-detail p,.adventure-detail>p{font-size:21px}.story-detail p+p{margin-top:25px}.adventure .story-label{padding-top:45px}.adventure-detail{padding:40px 25px}.results-link{font-size:23px;margin-top:30px}.logos{gap:15px;margin-top:30px}.logos svg:nth-child(1){width:25%}.logos svg:nth-child(2){width:37%}.logos svg:nth-child(3){width:19%}.story-footer{grid-template-columns:1fr 1fr;padding:28px 5%;gap:25px}.story-footer p{grid-column:1/-1;grid-row:1;font-size:27px;white-space:normal}.back-home{font-size:16px}.linkedin{font-size:27px;padding:12px 18px;border-radius:14px}.simple-page,.reading-page,.portfolio-page{padding-top:40px}.page:not(#home)>h1{font-size:43px}.cv-preview{margin:40px auto;width:70%;max-width:420px;min-width:0}.reading-list{width:85%;padding:30px 20px 20px}.reading-list li{font-size:23px;padding:23px 0}.page-subtitle{font-size:19px;line-height:1.5}.reading-footer{padding:20px}.projects{width:86%}.projects article{grid-template-columns:30px 1fr;gap:15px}.projects article>span{grid-row:1/5}.projects article>*:not(span){grid-column:2}.projects h2{font-size:28px}.projects p{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Final alignment against the 1878 × 1056 Canva reference. */
:root{--burgundy:#66131e}
@media(min-width:801px){.hero-copy{transform:translateX(-5.7vw)}.tagline{margin-bottom:.9vw}.hero h1{margin-bottom:1.7vw}.encounter .story-detail p{font-size:clamp(20px,1.85vw,35px)}.adventure-detail{padding-top:9.8vw}}
@media(min-width:801px) and (max-aspect-ratio:4/3){.hero{min-height:0;height:58vw}.hero-figure svg{max-width:125%;height:auto;bottom:0}}
@media(max-width:560px){.hero{display:flex;flex-direction:column;height:auto;min-height:0;padding:28px 6% 35px;overflow:hidden}.hero-figure{height:360px;width:194px;align-self:center;flex:none}.hero-figure svg{height:100%;left:0;width:auto}.hero-copy{padding:25px 0 0;width:100%}.tagline{font-size:15px;margin-bottom:12px}.hero h1{font-size:56px;margin:0 0 20px}.hero-subtitle{font-size:25px;margin:0}.story-link{margin-top:32px}.down-arrow{height:55px}.story-row{display:block}.story-label{padding:28px 20px;text-align:center;justify-content:center}.story-label h2{font-size:30px}.story-label p{font-size:23px;margin-top:8px}.story-label h2 br{display:none}.story-detail{padding:30px 7%;gap:25px}.story-detail svg{max-width:75%;width:190px}.story-detail p,.adventure-detail>p{font-size:22px}.adventure .story-label{padding-top:28px}.adventure-detail{padding:35px 7%}.logos{margin-top:40px}.story-footer p{font-size:27px}.reading-list{width:90%}.reading-list li{font-size:22px}}

/* Keep the desktop podium flush with the continuous story column. */
@media(min-width:801px){.hero-figure svg{left:.5vw;width:24.0778vw;height:auto;max-width:none}.story-label{background:#38050f}}
@media(min-width:1879px){.hero-figure svg{left:9.39px;width:452.18px}}
.sketch,.book{border:0;outline:0;box-shadow:none;filter:drop-shadow(0 3px 6px #0005)}
/* Phone introduction, then a podium joined directly to the origin chapter. */
@media(max-width:560px){
 .hero{padding:0;gap:0;overflow:hidden}
 .hero-copy{order:0;padding:30px 6% 36px}
 .hero-figure{order:1;align-self:stretch;width:100%;height:auto;aspect-ratio:452/866;flex:none;margin:0}
 .hero-figure svg{position:relative;left:0;bottom:auto;width:100%;height:auto;max-width:100%}
 .hero h1{font-size:clamp(44px,14.35vw,68px)}
 .origin .story-label{background:#38050f}
}
/* Match the phone footer’s two links in scale. */
@media(max-width:560px){.story-footer .linkedin{font-size:16px;padding:8px 10px;border-radius:8px;box-shadow:0 2px 8px #26020d55}}