@import"https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400;1,400&family=Cal+Sans&family=Figtree:wght@300;400&family=Inter:wght@300;400;500&display=swap";:root{--text-xs: 16px;--text-sm: 20px;--text-md: 24px;--text-lg: 32px;--text-xl: 48px;--text-xxl: 64px;--fs-hero: 90px;--fs-h1: var(--text-xl);--fs-body: var(--text-sm);--fs-tag-small: var(--text-xs);--fs-ui: var(--text-md);--fs-meta: var(--text-sm);--fs-xs: 14px;--fs-tag-large: var(--text-md);--fs-hero-impact: 10.9375vw ;--fs-hero-sub-the: var(--text-xs);--fs-hero-sub-roll: 36px;--hero-sub-slot-height: 44px;--hero-polaroid-width: 500px;--hero-polaroid-height: 700px;--space-micro: 4px;--space-xxs: 16px;--space-xs: 20px;--space-sm: 24px;--space-md: 32px;--space-lg: 40px;--space-xl: 48px;--space-xxl: 56px;--space-xxxl: 64px;--side-padding: 100px;--hero-inner-gap: 155px;--hero-timeline-pad-bottom: 50px;--skill-row-gap: var(--space-md);--skill-dot-size: clamp(4px, calc(6 / 1440 * 100vw), 6px);--project-list-gap: var(--space-md);--project-card-gap: 70px;--project-card-pad-v: var(--space-lg);--project-card-min-h: 533px;--project-visual-min-h: 462px;--carousel-gap: 0px;--carousel-pad-v: 88px;--reading-pad-top: 176px;--reading-search-bg-size: min(1000px, 70vw);--reading-search-card-bg: #6f7358;--reading-search-card-accent: #dfea81;--reading-search-card-gap: 40px;--reading-search-card-pad: 60px;--reading-search-card-radius: 26px;--fs-reading-search-body: 28px;--search-pill-min-h: 135px;--large-tags-mt: var(--space-md);--compact-tag-pad-h: var(--space-sm);--hero-section-pad-top: var(--space-xxxl);--hero-section-pad-right: 126px;--hero-section-pad-bottom: 128px;--color-primary: #89954d;--color-secondary: #c4d81a;--color-polaroid-frame: #d7e843;--wave-strip-visible-height: 48}@media(max-width:1000px){:root{--text-xs: 13px;--text-sm: 16px;--text-md: 19px;--text-lg: 26px;--text-xl: 38px;--text-xxl: 51px;--fs-hero: 72px;--fs-hero-impact: 11.25vw ;--fs-hero-sub-the: var(--text-sm);--fs-hero-sub-roll: var(--text-xl);--hero-sub-slot-height: var(--space-xl);--hero-polaroid-width: 384px;--hero-polaroid-height: 455px;--fs-xs: 11px;--space-micro: 3px;--space-xxs: 13px;--space-xs: 16px;--space-sm: 19px;--space-md: 26px;--space-lg: 32px;--space-xl: 38px;--space-xxl: 45px;--space-xxxl: 51px;--side-padding: 80px;--hero-inner-gap: 124px;--hero-timeline-pad-bottom: 40px;--project-card-gap: 56px;--project-card-min-h: 426px;--project-visual-min-h: 370px;--carousel-gap: 0px;--carousel-pad-v: 64px;--reading-pad-top: 141px;--reading-search-bg-size: min(560px, 72vw);--reading-search-card-gap: 48px;--reading-search-card-pad: 48px;--fs-reading-search-body: 22px;--search-pill-min-h: 108px;--search-pill-pad-h: 42px;--search-pill-mt: 61px;--hero-section-pad-right: 101px;--hero-section-pad-bottom: 102px}}@media(max-width:600px){:root{--reading-search-card-gap: 32px;--reading-search-card-pad: 24px;--fs-reading-search-body: 18px;--side-padding: 1.5rem;--hero-polaroid-width: 386px;--hero-polaroid-height: 542px;--project-card-gap: 42px;--project-visual-min-h: 300px}}@font-face{font-display:swap;font-family:Amsterdam;font-style:normal;font-weight:400;src:url(/fonts/Amsterdam.otf) format("opentype")}@font-face{font-display:swap;font-family:"Libertinus Serif Display";font-style:normal;font-weight:400;src:url(/fonts/LibertinusSerifDisplay-Regular.woff2) format("woff2"),url(/fonts/LibertinusSerifDisplay-Regular.otf) format("opentype")}:root{--font-heading: "Cal Sans", "Arial Black", system-ui, sans-serif;--font-serif: "Baskervville", Georgia, serif;--font-meta: "Figtree", system-ui, sans-serif;--font-serif-size-bump: 0px;--font-serif-weight: 200;--font-amsterdam: "Amsterdam", cursive;--font-libertinus-display: "Libertinus Serif Display", Georgia, serif;--ink: #000;--paper: #fff;--wash: rgba(217, 217, 217, .1);--wash-strong: rgba(217, 217, 217, .15);--panel: #f2f2f2;--border: rgba(0, 0, 0, .25);--tracking: 1%;--page-width: 108rem}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-serif);scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;cursor:pointer;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit}.portfolio-page{background:var(--paper);margin:0 auto;max-width:var(--page-width);min-height:100vh;position:relative}.hero-section{--hero-panel-reveal: 0;--hero-parallax-y: 0px;--hero-scroll-length: 100vh;--hero-timeline-height: 0px;--hero-year-bar-height: 40px;background:#9da37e;height:calc(100vh + var(--hero-scroll-length));overflow-x:clip;position:relative}.hero-stage{background-color:transparent;height:100vh;isolation:isolate;overflow:visible;position:sticky;top:0;z-index:2}.hero-stage-bg{display:block;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.hero-bottom-panel{bottom:0;display:flex;flex-direction:column;height:calc(var(--hero-year-bar-height) + var(--hero-panel-reveal) * (var(--hero-timeline-height) + var(--hero-timeline-pad-bottom)));left:0;overflow:hidden;position:absolute;right:0;z-index:6}.hero-year-bar{background:#111;color:#fff;flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:200;letter-spacing:.06em;padding:10px 40px;position:relative;z-index:1}.timeline-grid{align-items:center;display:grid;grid-template-columns:repeat(6,1fr);width:100%}.timeline-year{justify-self:center;text-align:center}.hero-timelines{background:#000c;color:#f1ff7d;flex:1 1 auto;min-height:0;overflow:hidden;padding:var(--space-sm) 40px var(--hero-timeline-pad-bottom);position:relative}.hero-timelines .skill-line{background:#f1ff7d4d}.hero-timelines .skill-dot{background:#f1ff7d}.hero-hi{color:#fff;font-family:Impact,Arial Black,sans-serif;font-size:var(--fs-hero-impact);left:22%;line-height:.85;position:absolute;top:18%;white-space:nowrap;z-index:2}.hero-polaroid-wrap{height:var(--hero-polaroid-height);left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) translateY(var(--hero-parallax-y, 0px));width:var(--hero-polaroid-width);will-change:transform;z-index:3}.hero-polaroid-inner{height:100%;transform:rotate(20deg);width:100%}.hero-section .hero-polaroid-wrap .polaroid-wrap{height:100%;width:100%}.hero-name{color:#fff;font-family:Impact,Arial Black,sans-serif;font-size:var(--fs-hero-impact);font-weight:400;line-height:.85;margin:0;position:absolute;right:22%;top:18%;white-space:nowrap;z-index:4}.hero-subtitle{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:46%;transform:translate(-50%,-50%) translateY(var(--hero-parallax-y, 0px));will-change:transform;z-index:5}.hero-sub-the{font-family:var(--font-amsterdam);font-size:var(--fs-hero-sub-the);line-height:3.5}.hero-sub-ticker{--hero-slot-h: var(--hero-sub-slot-height);height:var(--hero-slot-h);overflow:hidden;background:#677524b3}.hero-sub-ticker-inner{animation:hero-sub-roll 5s linear infinite;display:flex;flex-direction:column}.hero-sub-ticker-inner span{align-items:center;color:#fff;display:flex;font-family:var(--font-libertinus-display);font-size:var(--fs-hero-sub-roll);font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--hero-slot-h);justify-content:center;line-height:1;white-space:nowrap;padding:0 8px}.hero-sub-role{font-family:var(--font-libertinus-display);font-size:var(--fs-hero-sub-roll);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.25;margin:0;text-align:center}@keyframes hero-sub-roll{0%{transform:translateY(0)}26%{transform:translateY(0)}33%{transform:translateY(calc(-1 * var(--hero-slot-h, 64px)))}59%{transform:translateY(calc(-1 * var(--hero-slot-h, 64px)))}66%{transform:translateY(calc(-2 * var(--hero-slot-h, 64px)))}92%{transform:translateY(calc(-2 * var(--hero-slot-h, 64px)))}to{transform:translateY(calc(-3 * var(--hero-slot-h, 64px)))}}h1,h2{font-family:var(--font-heading);font-weight:400;line-height:1.25;margin:0}h1{line-height:1.1;max-width:92rem}h1 span{display:block}.hero-ticker{background:var(--color-primary);border-radius:12px;display:inline-block;height:75px;overflow:hidden}.hero-ticker-inner{animation:hero-ticker-roll 6s linear infinite;display:flex;flex-direction:column}.hero-ticker-inner span{color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-libertinus-display);font-size:48px;font-synthesis:none;font-weight:400;height:75px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--tracking);line-height:1;padding:0 24px;white-space:nowrap}@keyframes hero-ticker-roll{0%{transform:translateY(0)}27%{transform:translateY(0);animation-timing-function:cubic-bezier(.4,0,.2,1)}33%{transform:translateY(-75px)}60%{transform:translateY(-75px);animation-timing-function:cubic-bezier(.4,0,.2,1)}66%{transform:translateY(-150px)}93%{transform:translateY(-150px);animation-timing-function:cubic-bezier(.4,0,.2,1)}99%{transform:translateY(-225px)}to{transform:translateY(-225px)}}.skill-map{display:flex;flex-direction:column;gap:var(--skill-map-gap)}.skill-bars{display:flex;flex-direction:column;gap:8px;width:100%}.skill-track{--start-index: 0;--year-count: 6;--start-ratio: calc(var(--start-index) / var(--year-count));--main-ratio: calc(1 - var(--start-ratio));min-height:1.25rem;position:relative;width:100%}.skill-track-main{align-items:center;display:flex;gap:var(--skill-row-gap);margin-left:calc(var(--start-ratio) * 100%);min-width:0;position:relative;width:calc(var(--main-ratio) * 100%);z-index:1}.skill-label{flex-shrink:0;font-size:var(--text-xs);letter-spacing:var(--tracking);line-height:1.25;white-space:nowrap}.skill-line{flex:1 1 auto;height:1px;min-width:2rem}.skill-dots{--dots-width: calc(100% / var(--main-ratio));height:100%;left:calc(-1 * var(--start-ratio) / var(--main-ratio) * 100%);pointer-events:none;position:absolute;top:0;width:var(--dots-width);z-index:2}.skill-dot{background:#f1ff7d;border-radius:50%;height:var(--skill-dot-size);width:var(--skill-dot-size);left:calc((var(--year-index) + .5) / var(--year-count) * 100%);position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:600px){.hero-timelines,.hero-year-bar{padding-inline:var(--side-padding)}.skill-track-main{gap:1rem}.skill-label{white-space:normal}.spotlight-layers{width:88vw}.footer-links{gap:1.5rem;grid-template-columns:1fr}.hero-polaroid-wrap{left:50%;top:50%;transform:translate(-50%,-50%) translateY(var(--hero-parallax-y, 0px))}.hero-polaroid-inner{transform:rotate(-7deg)}.hero-hi{font-size:96px;left:50%;line-height:1;right:auto;top:14%;transform:translate(-50%)}.hero-name{font-size:120px;left:50%;line-height:.88;right:auto;top:25%;transform:translate(-50%)}.hero-subtitle{top:52%;transform:translate(-50%,-50%) translateY(var(--hero-parallax-y, 0px));width:min(68vw,21rem)}.hero-sub-the,.hero-sub-role{color:#000}}.reading-search{align-items:center;background-color:#d5ddae;background-image:url(/assets/brush%20group.png);background-position:center;background-repeat:no-repeat;background-size:var(--reading-search-bg-size);display:flex;flex-direction:column;min-height:80vh;overflow:hidden;padding:var(--reading-pad-top) var(--side-padding) 6rem;position:relative;z-index:1}.reading-search-card{align-items:center;background-color:var(--reading-search-card-bg);border-radius:var(--reading-search-card-radius);display:flex;flex-direction:column;gap:var(--reading-search-card-gap);max-width:75rem;overflow:clip;padding:var(--reading-search-card-pad);width:80%}.reading-search-card h1{color:var(--reading-search-card-accent);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:400;letter-spacing:.5033px;line-height:1.333;margin:0;text-align:center;width:100%}.reading-search-card .search-pill{align-items:center;background:#00000026;border:1px solid rgb(0 0 0 / .06);border-radius:300px;display:flex;margin:0;max-width:none;padding:12px 24px;width:100%}.reading-search-card .search-pill input[type=search]{background:transparent;border:none;color:#fff;font-family:var(--font-libertinus-display);font-size:calc(var(--text-sm) + var(--font-serif-size-bump));font-synthesis:none;font-weight:400;letter-spacing:.01em;line-height:1;outline:none;width:100%}.reading-search-card .search-pill input[type=search]::placeholder{color:#fff;opacity:.55}.reading-search-card .search-pill input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.reading-search-card .large-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;width:100%}.reading-search-card .large-tags button{background:#ffffff12;border:none;border-radius:6px;color:var(--reading-search-card-accent);font-family:var(--font-libertinus-display);font-size:calc(var(--text-sm) + var(--font-serif-size-bump));font-synthesis:none;font-weight:400;letter-spacing:.01em;line-height:1;padding:8px 16px}.reading-search-card .search-results{margin-top:0}.footer-links{display:grid;color:#6f7358;background-color:#d5ddae;font-family:var(--font-serif);font-size:calc(var(--text-sm) + var(--font-serif-size-bump));font-weight:var(--font-serif-weight);grid-template-columns:repeat(3,minmax(0,28rem));justify-content:center;letter-spacing:var(--tracking);line-height:1.25;padding:var(--space-xxxl) var(--side-padding) 2rem;position:relative;text-align:center;z-index:1}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.my-wave-wrap{aspect-ratio:960 / var(--wave-strip-visible-height);background-color:#d5ddae;overflow:hidden;width:100%}.my-wave-track{animation:my-wave-slide 24s linear infinite;display:flex;width:200%;will-change:transform}.my-wave{display:block;flex:0 0 50%;width:50%}.my-wave path{fill:var(--color-primary)}@keyframes my-wave-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.search-results{display:flex;flex-direction:column;gap:1.5rem;margin-top:var(--large-tags-mt);width:100%}.search-results[hidden]{display:none}.search-empty{font-size:1rem;opacity:.55;text-align:center}.search-result-card{align-items:flex-start;background:var(--panel);border-radius:1rem;color:var(--text);cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;text-decoration:none;transition:background .2s}.search-result-card:hover{background:color-mix(in srgb,var(--panel) 80%,var(--text) 8%)}.search-result-card img{border-radius:.5rem;flex-shrink:0;height:5rem;object-fit:cover;width:7rem}.search-result-body{display:flex;flex-direction:column;gap:.75rem;min-width:0}.search-result-body p{margin:0}.search-result-title{font-family:var(--font-serif);font-size:var(--fs-tag-small);font-weight:600;line-height:1.25}.search-result-tags{display:flex;flex-wrap:wrap;gap:.75rem}.search-result-tags span{background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:.375rem;font-family:var(--font-serif);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase}.search-result-snippet{font-size:1rem;line-height:1.5;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-count{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;opacity:.45}.search-result-card mark{background:transparent;border-bottom:2px solid currentColor;color:inherit;padding:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.my-wave-track{animation:none}}