@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap";@layer components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--canvas:#f0eee6;--surface:#faf9f5;--feature:#f5e3c7;--deep:#e3dacc;--ink:#141413;--muted:#6c6b65;--quiet:#a5a49d;--line:#cccbc8;--line-strong:#a7a49c;--clay:#d97757;--clay-deep:#c6613f;--serif:"Source Serif 4", Georgia, serif;--sans:"DM Sans", Inter, system-ui, sans-serif;color:var(--ink);background:var(--canvas);font-family:var(--sans)}body[data-theme=dark]{--canvas:#141413;--surface:#20201d;--feature:#3b3025;--deep:#2b2b27;--ink:#faf9f5;--muted:#c0bdb3;--quiet:#88877f;--line:#3d3d3a;--line-strong:#68665d;--clay:#e18867;--clay-deep:#c6613f}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;overflow-x:clip}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit}button{font:inherit}::selection{background:var(--clay);color:#fff}.site{width:min(100%,1280px);min-height:100vh;margin:0 auto;padding:0 34px}.skip-link{z-index:3;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:9px 14px;font-size:12px;position:absolute;top:-50px;left:18px}.skip-link:focus{top:12px}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;display:grid}.wordmark{font-family:var(--sans);letter-spacing:-.02em;font-size:14px;font-weight:700;text-decoration:none}.topbar nav{gap:25px;display:flex}.topbar nav a,.header-cta{color:var(--muted);font-size:12px;text-decoration:none;transition:color .18s}.topbar nav a:hover,.header-cta:hover{color:var(--ink)}.header-tools{justify-content:flex-end;align-items:center;gap:18px;display:flex}.header-cta{color:var(--ink);text-underline-offset:4px;align-items:center;gap:4px;text-decoration:underline;display:flex}.theme-toggle{width:31px;height:31px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.hero{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:center;gap:86px;padding:117px 0 125px;display:grid;position:relative}.eyebrow,.section-label,.project-category,.education-header{color:var(--muted);font-family:var(--sans);letter-spacing:-.01em;font-size:12px}.hero h1,.section-content h2,.hero-education-course,.project-info h3,.footer-note{font-family:var(--serif);font-weight:400}.hero h1{letter-spacing:-.05em;max-width:760px;margin-top:25px;font-size:clamp(50px,6.8vw,84px);line-height:1.04}.hero-intro{max-width:570px;font-family:var(--serif);margin-top:28px;font-size:20px;line-height:1.42}.primary-action{background:var(--clay);color:#fff;border-radius:8px 8px 8px 0;align-items:center;gap:8px;margin-top:34px;padding:13px 20px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s;display:inline-flex}.primary-action:hover{background:var(--clay-deep)}.hero-education{border-left:1px solid var(--line-strong);align-self:center;max-width:370px;padding-left:32px}.hero-education-course{letter-spacing:-.045em;margin-top:18px;font-size:31px;line-height:1.1}.hero-education-school{max-width:300px;color:var(--muted);font-family:var(--serif);margin-top:12px;font-size:18px;line-height:1.35}.section{padding:102px 0;position:relative}.section-split{grid-template-columns:205px minmax(0,1fr);gap:56px;display:grid}.section-content{min-width:0}.section-content h2{letter-spacing:-.045em;max-width:700px;font-size:clamp(38px,4.5vw,60px);line-height:1.07}.about-content>p{max-width:680px;font-family:var(--serif);margin-top:28px;font-size:20px;line-height:1.45}.section-intro{grid-template-columns:205px minmax(0,1fr);gap:56px;display:grid}.section-aside{max-width:360px;color:var(--muted);font-family:var(--serif);font-size:18px;line-height:1.4}.project-list{border-top:1px solid var(--line);margin-top:55px}.project-row{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(220px,1fr) minmax(240px,300px) 90px;align-items:center;gap:24px;min-height:220px;padding:26px 0;transition:padding .2s,background .2s;display:grid}.project-row:hover{background:var(--surface);padding-inline:18px}.project-index{color:var(--muted);font-family:var(--sans);align-self:start;font-size:13px}.project-info h3{letter-spacing:-.045em;margin-top:15px;font-size:35px;line-height:1}.project-description{max-width:500px;color:var(--muted);font-family:var(--serif);margin-top:13px;font-size:17px;line-height:1.38}.project-preview{background:var(--deep);border:1px solid var(--line);border-radius:12px 12px 12px 0;width:100%;height:172px;overflow:hidden}.preview-chrome{background:var(--surface);border-bottom:1px solid var(--line);height:25px;color:var(--quiet);font-family:var(--sans);align-items:center;gap:8px;padding:0 9px;font-size:9px;display:flex}.preview-dots{gap:3px;display:flex}.preview-dots i{background:var(--line-strong);border-radius:50%;width:5px;height:5px;display:block}.project-preview iframe{background:var(--canvas);transform-origin:0 0;border:0;width:400%;height:400%;display:block;transform:scale(.25)}.project-links{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:11px;display:flex}.project-links a,.footer-links a{text-underline-offset:4px;align-items:center;gap:6px;font-size:12px;text-decoration:underline;display:inline-flex}.project-links a:hover,.footer-links a:hover{color:var(--clay-deep)}.education-content h2{margin-top:22px}.education-meta{color:var(--muted);font-family:var(--serif);margin-top:15px;font-size:18px}.project-carousel{border-top:1px solid var(--line);margin-top:55px;margin-left:261px}.carousel-stage{min-height:430px;position:relative}.carousel-slide{opacity:0;pointer-events:none;grid-template-columns:minmax(260px,.75fr) minmax(350px,1.25fr);align-items:center;gap:52px;padding:34px 0 38px;transition:opacity .48s,transform .48s;display:grid;position:absolute;inset:0;transform:translate(22px)}.carousel-slide.is-active{opacity:1;pointer-events:auto;position:relative;transform:none}.carousel-copy{align-self:center}.carousel-index{color:var(--muted);font-family:var(--sans);margin-bottom:38px;font-size:12px}.carousel-copy h3{font-family:var(--serif);letter-spacing:-.055em;margin-top:15px;font-size:clamp(42px,4.7vw,66px);font-weight:400;line-height:.98}.carousel-copy .project-description{max-width:470px;margin-top:18px}.carousel-links{gap:18px;margin-top:31px;display:flex}.carousel-links a{text-underline-offset:4px;align-items:center;gap:6px;font-size:12px;text-decoration:underline;display:inline-flex}.carousel-links a:hover{color:var(--clay-deep)}.carousel-preview{background:var(--deep);border:1px solid var(--line);border-radius:24px 24px 24px 0;width:100%;height:312px;overflow:hidden}.carousel-preview iframe{background:var(--canvas);transform-origin:0 0;border:0;width:400%;height:400%;display:block;transform:scale(.25)}.carousel-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:19px 0 22px;display:grid}.carousel-status{color:var(--muted);font-family:var(--sans);font-size:12px}.carousel-status span{color:var(--ink);margin-left:8px}.carousel-controls{gap:8px;display:flex}.carousel-controls button{width:34px;height:34px;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.carousel-controls button:hover,.carousel-controls button:focus-visible{border-color:var(--ink)}.carousel-dots{justify-content:flex-end;gap:6px;display:flex}.carousel-dots button{background:var(--line-strong);cursor:pointer;border:0;width:22px;height:2px;padding:0}.carousel-dots button.is-active{background:var(--ink);width:34px}.carousel-dots button:focus-visible{outline:2px solid var(--clay);outline-offset:5px}.stack-list{flex-wrap:wrap;gap:10px;max-width:700px;margin:38px 0 0;padding:0;list-style:none;display:flex}.stack-list li{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:9px 14px;font-size:13px}.stack-list li:first-child{color:var(--ink);border-color:var(--ink)}.footer{grid-template-columns:1fr auto;gap:40px;padding:83px 0 25px;display:grid}.footer-note{letter-spacing:-.04em;max-width:430px;margin-top:14px;font-size:27px;line-height:1.15}.footer-links{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex}.copyright{border-top:1px solid var(--line);color:var(--quiet);grid-column:1/-1;padding-top:25px;font-size:12px}.topbar,.hero,.section{position:relative}.topbar:after,.hero:after,.section:after{background:var(--line);content:"";width:100vw;height:1px;position:absolute;bottom:0;left:50%;right:50%;transform:translate(-50%)}.reveal{opacity:0;transition:opacity .58s,transform .58s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}.project-row:nth-child(2){transition-delay:60ms}.project-row:nth-child(3){transition-delay:.12s}.project-row:nth-child(4){transition-delay:.18s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}@media (width<=800px){.site{padding:0 22px}.topbar{grid-template-columns:1fr auto;gap:20px}.topbar nav{grid-area:2/1/auto/-1;gap:17px;padding-bottom:15px}.header-tools{grid-area:1/2}.hero{grid-template-columns:1fr;gap:45px;padding:75px 0 78px}.hero-education{max-width:470px}.section{padding:75px 0}.section-split,.section-intro{grid-template-columns:1fr;gap:18px}.section-aside{max-width:500px}.project-row{grid-template-columns:44px minmax(0,1fr);gap:13px;min-height:0}.project-info{align-self:start}.project-preview{grid-column:2;width:min(100%,390px);height:185px;margin-top:5px}.project-links{flex-direction:row;grid-column:2;margin-top:14px}.footer{grid-template-columns:1fr;padding-top:70px}.footer-links{flex-flow:wrap}}@media (width<=470px){.site{padding:0 17px}.wordmark{font-size:13px}.topbar nav a{font-size:11px}.header-cta{display:none}.hero{padding-top:59px}.hero h1{font-size:49px}.hero-intro{font-size:18px}.hero-education{padding-left:20px}.hero-education-course{font-size:27px}.section{padding:62px 0}.section-content h2{font-size:41px}.about-content>p{font-size:18px}.project-list{margin-top:36px}.project-row{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:22px 0}.project-info h3{font-size:31px}.project-description{font-size:16px}.project-preview{width:100%;height:160px}.project-preview iframe{transform:scale(.25)}.education-content h2{margin-top:18px;font-size:39px}.stack-list{gap:8px}.footer-note{font-size:24px}}@media (width<=800px){.project-carousel{margin-left:0}.carousel-stage{min-height:690px}.carousel-slide{grid-template-columns:1fr;gap:32px;padding:30px 0 34px}.carousel-slide.is-active{position:relative}.carousel-preview{max-width:600px;height:270px}.carousel-footer{grid-template-columns:1fr auto}.carousel-dots{grid-column:1/-1;justify-content:flex-start}}@media (width<=470px){.carousel-stage{min-height:635px}.carousel-slide{gap:27px;padding:26px 0 29px}.carousel-index{margin-bottom:28px}.carousel-copy h3{font-size:45px}.carousel-copy .project-description{margin-top:14px;font-size:17px}.carousel-links{margin-top:23px}.carousel-preview{border-radius:18px 18px 18px 0;height:205px}.carousel-footer{padding-top:15px}.carousel-status{font-size:11px}.carousel-status span{margin:4px 0 0;display:block}.carousel-dots button{width:17px}.carousel-dots button.is-active{width:28px}}