@font-face{font-family:Figtree;src:url('assets/figtree.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:Figtree;src:url('assets/figtree-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--paper:#fcfcfb;--ink:#181818;--muted:#6b6b6b;--bubble:#eeede8;--rule:#dbdbd6;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.65,0,.35,1)}
*{box-sizing:border-box}html{scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Figtree,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure,blockquote{margin:0}img{display:block;max-width:100%}a:focus-visible{outline:2px solid #103b65;outline-offset:6px;border-radius:3px}::selection{background:#dceaf2}.skip-link{position:absolute;left:20px;top:-100px;z-index:5;background:var(--bubble);padding:12px}.skip-link:focus{top:16px}
.page{max-width:1512px;margin:auto;padding:0 118px}.header{display:flex;align-items:center;justify-content:space-between;padding:60px 0 18px;font-size:14px;line-height:18px}.brand,.resume{font-weight:600}nav{display:flex;gap:36px;align-items:center}nav a{display:inline-block;color:var(--muted);transition:transform 160ms var(--ease-out),opacity 160ms ease}nav .resume{color:var(--ink)}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px;margin-top:54px;align-items:start}.statement{align-self:stretch}.statement h1{font-size:36px;font-weight:400;line-height:43px}.statement strong{font-weight:700}.intro{min-height:129px}.intro>p:first-child{font-size:17px;line-height:25px}.experience{font-size:14px;line-height:23px;color:var(--muted);margin-top:14px}.sections{display:flex;flex-direction:column;gap:128px;margin-top:104px}section{scroll-margin-top:32px}h2{font-size:30px;line-height:52px;font-weight:700}#work h2{font-size:26px;line-height:32px}.section-heading>p{margin-top:10px;color:var(--muted);font-size:18px;line-height:24px}.section-heading strong{font-weight:600;color:var(--ink)}.ink{color:var(--ink)}
.projects{display:flex;flex-direction:column;gap:88px;margin-top:44px}.project{display:grid;grid-template-columns:minmax(0,480fr) minmax(0,357fr);gap:43px;align-items:end}.project.reverse{grid-template-columns:minmax(0,357fr) minmax(0,480fr)}.project-visual{display:block;min-width:0;width:100%;position:relative;overflow:hidden;border-radius:20px;align-self:stretch;min-height:280px;transition:transform 240ms var(--ease-out);box-shadow:0 12px 24px -8px #00000014}.project-visual.tbc{background:#fff;min-height:303px}.tbc img{position:absolute;left:50%;top:95px;transform:translateX(-50%);max-width:none}.project-copy{min-width:0}.question{padding:14px 22px;background:var(--bubble);border-radius:28px 28px 28px 0;font-size:18px;line-height:24px}.meta{margin-top:16px;font-size:13px;line-height:19px;color:var(--muted)}.project h3{margin-top:6px;font-size:19px;line-height:24px;font-weight:600}.tags{margin-top:8px;font-size:13px;line-height:19px;color:var(--muted)}blockquote{margin-top:6px;padding-left:12px;border-left:2px solid var(--ink);font-size:14px;line-height:21px}blockquote cite{display:block;font-size:13px;line-height:21px;color:#6b6c70;font-style:normal}.subsavvy{border:1px solid #cae42a;box-shadow:none;min-height:280px;aspect-ratio:auto}.subsavvy img{position:absolute;height:100%;width:106.38%;max-width:none;left:-6.41%;top:.08%}.parking{height:auto;background:#103b65;display:flex;align-items:center;flex-direction:column;padding-top:60px}.parking img{border-radius:50%;object-fit:cover;flex-shrink:0}.parking span{font-family:Nunito,Figtree,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.5px;color:white;line-height:25px;white-space:nowrap}
.writings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}.writing-link{display:block;height:100%}.writing-image{display:block;height:163px;border:1px solid #b0b0b0;border-radius:7px;overflow:hidden}.writing-image img{width:100%;height:100%;object-fit:cover;transition:transform 240ms var(--ease-out)}.year{padding-top:12px;font-size:16px;line-height:19px;color:#757575}.writing h3{padding-top:6px;font-size:24px;line-height:31px;font-weight:700;min-height:99px}.writing-tags{padding-top:8px;color:#757575;font-size:14px;line-height:17px}.writing-description{padding-top:12px;font-size:18px;line-height:27px}.hello{padding-top:10px;color:var(--muted);font-size:18px;line-height:24px}.bio{padding-top:22px;font-size:16px;line-height:28px;color:#232323}.about-question{width:fit-content;margin-top:44px;font-size:20px;line-height:26px}.timeline{margin-top:16px}.timeline-label{padding-bottom:18px;font-size:14px;line-height:24px;color:#707070}.timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.timeline h3{font-size:14px;line-height:25px;font-weight:700}.timeline-grid p{font-size:14px;line-height:20px}.outside{margin-top:44px}.outside>p{padding-bottom:18px;font-size:16px;line-height:24px;color:#232323}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,200px));justify-content:space-between;gap:20px}.photo{position:relative;height:300px;overflow:hidden;border:1px solid var(--rule);border-radius:7px}.photo img{position:absolute;height:100%;max-width:none}.barcelona img{width:112.5%;left:-.1%;top:-.14%}.forest img{width:200%;left:-7.43%;top:-.16%}.river img{width:112.5%;left:-6.31%;top:-.08%}.autumn img{width:200%;left:-62.32%;top:-.08%}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:54px;border-top:1px solid var(--rule);padding:22px 0 44px;font-size:14px;line-height:18px}.footer>p{font-weight:600}
.entrance{animation:enter 280ms var(--ease-out) both}.intro.entrance{animation-delay:60ms}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){nav a:hover{color:var(--ink);opacity:.75}.writing-image:hover img{transform:scale(1.025)}nav a:active,.project-visual:active{transform:scale(.98)}}
/* Keep the navigation and section-specific headline visible while scrolling. */
.header{position:sticky;top:0;z-index:10;background:transparent;isolation:isolate}
.header::before{content:"";position:absolute;top:0;bottom:-36px;left:calc(50% - 50vw);right:calc(50% - 50vw);background:rgba(252,252,251,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);z-index:-1;pointer-events:none}
.statement h1{position:sticky;top:150px;min-height:129px}
.statement em{font-weight:400;font-style:italic}
.statement .struck-text{color:#dcdcd9;text-decoration:line-through;text-decoration-thickness:2px}
.back-to-top{position:fixed;right:32px;bottom:32px;z-index:11;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;cursor:pointer;opacity:0;transform:translateY(6px);visibility:hidden;pointer-events:none;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out),visibility 0s 180ms}
.back-to-top.is-visible{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
.back-to-top:focus-visible{outline:2px solid #103b65;outline-offset:4px}
.back-to-top:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.back-to-top:hover{background:#333}}
@media(prefers-reduced-motion:reduce){.back-to-top{transform:none;transition:opacity 120ms ease,visibility 0s 120ms}.back-to-top.is-visible{transition-delay:0s}}
.headline-stack{display:grid}
.headline-layer{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity 280ms var(--ease-in-out)}
.headline-layer.is-visible{opacity:1}
.headline-spacer{visibility:hidden}
.headline-stack.immediate .headline-layer{transition:none}
.question-word{display:inline-grid;vertical-align:baseline;font-weight:400}
.question-word>span{grid-area:1/1;transition:opacity 280ms var(--ease-in-out)}
.word-normal{opacity:1;font-weight:400}
.word-bold{opacity:0;font-weight:700}
.question[data-active="true"] .word-normal{opacity:0}
.question[data-active="true"] .word-bold{opacity:1}
nav a[aria-current="location"]{color:var(--ink);font-weight:600}
html{scroll-padding-top:120px}section{scroll-margin-top:30px}
@media(max-width:1300px){.page{padding-inline:64px}.layout{grid-template-columns:260px minmax(0,1fr);gap:40px}.project,.project.reverse{gap:28px}.parking span{font-size:16px}.writing h3{font-size:22px;line-height:29px}.photo-grid{gap:16px}.photo{height:260px}}
@media(max-width:1100px){.page{padding-inline:40px}.layout{grid-template-columns:210px minmax(0,1fr);gap:36px}.statement h1{font-size:32px;line-height:39px}.project,.project.reverse{grid-template-columns:1fr;gap:24px;align-items:start}.project.reverse .project-visual{order:-1}.project-visual{min-height:303px}.subsavvy{height:auto;min-height:0;aspect-ratio:480/280}.parking{height:302px}.writings-grid{gap:18px}.writing h3{font-size:20px;line-height:26px;min-height:110px}.writing-image{height:130px}.timeline-grid{gap:20px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:20px}.photo{height:auto;aspect-ratio:2/3}.sections{gap:100px}}
@media(max-width:760px){.page{padding-inline:24px}.header{padding-top:30px;gap:24px;align-items:flex-start;flex-wrap:wrap}nav{gap:24px}.layout{display:block;margin-top:52px}.statement h1{font-size:36px;line-height:43px}.intro{margin-top:36px;min-height:0}.sections{margin-top:72px;gap:88px}.projects{gap:88px}.project-visual.tbc{height:303px}.writings-grid{grid-template-columns:1fr;gap:44px}.writing-image{height:auto;aspect-ratio:277/163}.writing h3{min-height:0;font-size:24px;line-height:31px}.timeline-grid{grid-template-columns:1fr;gap:24px}.timeline-grid p{font-size:16px;line-height:24px}.timeline h3{font-size:16px;line-height:26px}.footer{align-items:flex-start;gap:24px;flex-direction:column;margin-top:48px}.desktop-break{display:none}.about-question{max-width:100%}.outside>p{white-space:normal}.writing-description{font-size:17px;line-height:26px}}
@media(max-width:380px){nav{gap:20px}.page{padding-inline:20px}.parking span{font-size:15px}.photo-grid{gap:12px}}
@media(max-width:760px){.statement h1{position:static}.header{padding-bottom:18px}.layout{margin-top:52px}}
@media(prefers-reduced-motion:reduce){.headline-layer{transform:none;transition:opacity 120ms ease}.question-word>span{transition:opacity 120ms ease}}
@media(prefers-reduced-motion:reduce){.entrance{animation:fade 180ms ease both;animation-delay:0ms}.project-visual,.writing-image img,nav a{transition:none!important;transform:none!important}@keyframes fade{from{opacity:0}to{opacity:1}}}
/* Figma Initial screens 1–10: one intro canvas, then the existing landing page. */
.opening-intro{display:none;position:fixed;inset:0;z-index:9;background:var(--paper);pointer-events:none;overflow:hidden;opacity:1;transition:opacity 240ms var(--ease-out)}
.intro-pending .opening-intro{display:block}
.intro-pending .header,.intro-pending .header::before{background:transparent;box-shadow:none}.intro-pending .header::before{opacity:0}
.intro-pending .layout,.intro-pending .footer{opacity:0;pointer-events:none}
.opening-canvas{position:absolute;width:1512px;height:982px;transform-origin:top left}
.opening-motto{position:absolute;left:35px;top:184px;width:920px;color:#1a1a1a;font-size:150px;line-height:170px;font-weight:400;transform-origin:top left}
.opening-motto>p{white-space:nowrap}
.opening-people{display:grid}
.opening-people>span,.opening-people>strong{grid-area:1/1;transition:opacity 220ms var(--ease-out)}
.opening-regular{color:var(--ink)}
.opening-bold{font-weight:700;color:var(--ink);opacity:0}
.opening-canvas.is-bold .opening-bold{opacity:1}
.opening-canvas.is-bold .opening-regular{opacity:0}
.opening-bubble{position:absolute;padding:14px 28px;background:var(--bubble);color:var(--ink);font-size:38px;line-height:46px;font-weight:700;border-radius:32px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}
.opening-bubble.is-visible{opacity:1;transform:translateY(0)}
.intentionality{left:48px;top:116px;border-bottom-right-radius:0}
.exploration{left:740px;top:347px;border-bottom-left-radius:0}
.joy{left:513px;top:547px;border-bottom-left-radius:0}
.inspiration{left:121px;top:715px;border-top-left-radius:0}
.together{left:595px;top:116px;border-bottom-left-radius:0}
.fun{left:636px;top:662px;border-top-left-radius:0}
.intro-revealing .opening-intro{opacity:0}
@media(prefers-reduced-motion:reduce){.opening-intro{display:none!important}.intro-pending .layout,.intro-pending .footer{opacity:1;pointer-events:auto}}
.skip-intro{display:none;position:fixed;right:48px;bottom:32px;z-index:11;border:0;padding:8px;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.intro-pending .skip-intro{display:block}
.skip-intro:hover{color:var(--ink)}
.skip-intro:focus-visible{outline:2px solid #103b65;outline-offset:4px;border-radius:4px}
@media(max-width:760px){.skip-intro{right:24px;bottom:24px}}