@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#172e2b;--accent:#245b50;--accent-hover:#18473d;--paper:#f7f8f4;--surface:#fff;--sage:#e8eee8;--muted:#626d66;--line:#dce2da;--clay:#b45937;--font-body:"Manrope Variable", "Segoe UI", sans-serif;--font-label:"SFMono-Regular", Consolas, monospace;--content-width:1200px;--gutter:clamp(22px, 4.5vw, 64px);--radius:5px;--transition:.18s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3{margin-top:0}::selection{color:var(--ink);background:#d3e1d5}:focus-visible{outline:3px solid var(--clay);outline-offset:5px;border-radius:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.75}h1,h2,h3{letter-spacing:-.045em;font-weight:600;line-height:1.17}h1{font-size:clamp(40px,5.8vw,76px)}h2{font-size:clamp(28px,3.1vw,42px)}h3{font-size:22px}p{color:var(--muted)}.eyebrow{font:11px/1.6 var(--font-label);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.inline-link{color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:4px;font-weight:600}.inline-link:hover{border-color:var(--accent)}
.container{max-width:calc(var(--content-width) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:90px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px;display:flex}.section-heading h2,.section-heading p:last-child{margin-bottom:0}.section-heading>p{font-size:14px}.page-content{min-height:65vh;padding-block:56px 100px}.page-heading{max-width:920px;padding-block:26px 45px}.page-heading h1{margin-bottom:26px}.page-heading h1 span{color:var(--accent)}.page-heading>p:not(.eyebrow){max-width:680px;font-size:17px}.back-link{color:var(--muted);font-size:13px;display:inline-block}.back-link:hover{color:var(--accent)}.reveal--active{animation:.65s both reveal-in}@keyframes reveal-in{0%{transform:translateY(16px)}to{transform:translateY(0)}}@media (max-width:700px){.section{padding-block:56px}.section-heading{display:block}.section-heading>.button,.section-heading>p{margin-top:18px}.page-content{padding-block:28px 60px}}
.button{border-radius:var(--radius);min-height:48px;transition:background var(--transition), border-color var(--transition), transform var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:14px;padding:12px 21px;font-size:13px;font-weight:650;line-height:1.5;display:inline-flex}.button svg{flex:none}.button--primary{background:var(--accent);color:#fff}.button--primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.button--secondary{color:var(--ink);background:0 0;border-color:#bec9bf}.button--secondary:hover{background:var(--sage);border-color:var(--accent)}.button--text{color:var(--accent);background:0 0;padding-inline:0}.button--text:hover{text-underline-offset:5px;text-decoration:underline}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}
.site-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:25px;height:88px;display:flex}.brand{white-space:nowrap;align-items:center;gap:13px;font-size:14px;font-weight:750;display:flex}.brand-mark{letter-spacing:-.1em;border-right:1px solid var(--line);padding-right:12px;font-size:34px;font-weight:800;line-height:1.2}.brand-mark>span{color:var(--clay)}.brand-subtitle{font-family:var(--font-label);letter-spacing:.1em;color:var(--muted);font-size:8px;font-weight:400;display:block}.navigation{align-items:center;gap:27px;font-size:12px;font-weight:550;display:flex}.navigation a{padding-block:9px;position:relative}.navigation a:hover,.navigation a[aria-current]{color:var(--accent)}.navigation a[aria-current]:after{content:"";background:var(--accent);width:15px;height:2px;position:absolute;bottom:2px;left:0}.navigation .nav-cv{background:var(--ink);color:#fff;border-radius:var(--radius);align-items:center;gap:12px;padding:10px 17px;display:inline-flex}.menu-toggle{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:4px;padding:10px;display:none}@media (max-width:1000px){.navigation{gap:16px}.brand-subtitle{display:none}}@media (max-width:800px){.header-inner{height:72px}.menu-toggle{display:inline-flex}.navigation{background:var(--paper);padding:20px var(--gutter);border-bottom:1px solid var(--line);align-items:stretch;gap:5px;display:none;position:absolute;top:71px;left:0;right:0;box-shadow:0 12px 20px #172e2b0a}.navigation--open{flex-direction:column;display:flex}.navigation a{padding:12px 4px}.navigation .nav-cv{justify-content:center;margin-top:10px}}
.site-footer{background:var(--paper)}.footer-top{justify-content:space-between;gap:28px;padding-block:46px;display:flex}.footer-name{letter-spacing:-.04em;font-size:20px;font-weight:650}.footer-name span{color:var(--muted);letter-spacing:0;margin-top:5px;font-size:12px;font-weight:400;display:block}.footer-top>div{align-items:center;gap:30px;font-size:13px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:20px;font-size:10px;display:flex}.footer-bottom>div{flex-wrap:wrap;gap:20px;display:flex}.site-footer a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}@media (max-width:700px){.footer-top,.footer-bottom{flex-direction:column}.footer-top>div{flex-wrap:wrap}}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.project-card{min-width:0}.project-card-link{height:100%;display:block}.project-card-image{aspect-ratio:1.4;background:var(--sage);border-radius:var(--radius);position:relative;overflow:hidden}.project-card-image img{object-fit:cover;transition:transform .45s}.project-card:hover img{transform:scale(1.035)}.image-label{background:var(--paper);border-radius:3px;padding:4px 10px;font-size:10px;position:absolute;top:15px;left:15px}.card-arrow{background:var(--paper);width:37px;height:37px;transition:background var(--transition);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.project-card:hover .card-arrow{background:var(--sage)}.project-card-content{padding-top:22px}.project-context{font:10px/1.7 var(--font-label);text-transform:uppercase;letter-spacing:.065em;color:var(--accent);margin-bottom:10px}.project-card h3{letter-spacing:-.04em;margin-bottom:12px;font-size:23px;line-height:1.35}.project-card-content>p:not(.project-context){margin-bottom:18px;font-size:13px;line-height:1.85}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags>span{background:var(--sage);color:#3e594d;border-radius:3px;padding:3px 9px;font-size:10px}.related-projects{margin-top:70px}.related-projects>h2{margin-bottom:32px}@media (max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.project-grid{grid-template-columns:1fr;gap:40px}.project-card-image{aspect-ratio:1.5}}
.project-toolbar{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;display:flex}.filter-group{flex-wrap:wrap;gap:5px;display:flex}.filter-button{border-radius:var(--radius);color:var(--muted);background:0 0;border:1px solid #0000;min-height:44px;padding:10px 17px;font-size:12px}.filter-button[aria-pressed=true]{background:var(--accent);color:#fff}.filter-button:hover:not([aria-pressed=true]){border-color:var(--line)}.search-field{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;max-width:100%;padding:10px 13px;display:flex}.search-field input{color:var(--ink);background:0 0;border:none;outline:none;width:210px;max-width:100%;font-size:13px}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.result-count{margin-block:20px;font-size:12px}.empty-state{text-align:center;padding-block:60px}@media (max-width:500px){.filter-button{padding-inline:12px}.search-field,.search-field input{width:100%}}
.hero{grid-template-columns:1.18fr 1fr;align-items:center;gap:55px;padding-top:65px;padding-bottom:80px;display:grid;position:relative}.availability{color:var(--accent);align-items:center;gap:9px;margin-bottom:28px;font-size:10px;font-weight:600;display:flex}.availability>span{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 4px #245b5010}.hero h1{letter-spacing:-.06em;margin-bottom:25px;font-size:clamp(43px,4.65vw,67px);line-height:1.13}.hero h1>span{color:var(--accent)}.hero-description{max-width:440px;margin-bottom:28px;font-size:15px;line-height:1.95}.hero-description strong{color:var(--ink);font-weight:650}.hero-location{color:var(--muted);align-items:center;gap:8px;margin-top:27px;font-size:10px;display:flex}.dot-separator{padding-inline:5px}.hero-visual{padding:0 0 22px;position:relative}.hero-photo{background:#233c30;border-radius:6px;height:465px;position:relative;overflow:hidden}.hero-photo>img{object-fit:cover;object-position:50% 50%}.photo-index{color:#fff;font:9px/1.6 var(--font-label);letter-spacing:.1em;background:#172e2bd9;padding:6px 10px;position:absolute;top:20px;left:20px}.photo-caption{color:#f7f8f4;background:#172e2bef;justify-content:space-between;align-items:end;gap:15px;padding:22px;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-caption>span:first-child{letter-spacing:-.025em;font-size:21px;line-height:1.35}.photo-caption>span:last-child{font:9px/1.8 var(--font-label);text-align:right;color:#c5d1c7}.hero-note{background:var(--surface);border:1px solid var(--line);border-top:none;border-radius:0 0 5px 5px;align-items:center;gap:13px;margin:-1px 18px 0;padding:15px 17px;display:flex;position:relative}.note-square{background:var(--sage);width:31px;height:31px;color:var(--accent);place-items:center;font-size:21px;display:grid}.hero-note strong{font-size:11px;font-weight:650;display:block}.hero-note div>span{color:var(--muted);font-size:9px;display:block}.hero-scroll{left:var(--gutter);font:9px/1.6 var(--font-label);letter-spacing:.04em;color:var(--muted);align-items:center;gap:10px;display:flex;position:absolute;bottom:25px}.expertise-strip{border-block:1px solid var(--line)}.expertise-strip>div{font:10px/1.8 var(--font-label);letter-spacing:.15em;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:22px;display:flex}.expertise-strip [aria-hidden]{color:#a0b3a3}@media (min-width:1450px){.hero h1{font-size:72px}}@media (max-width:1000px){.hero{gap:30px}.hero h1{font-size:50px}.hero-photo{height:450px}.hero .button{padding-inline:15px;font-size:12px}}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.hero h1{font-size:clamp(44px,8.5vw,65px)}.hero-description{max-width:550px}.hero-photo{height:440px}.hero-visual{padding-bottom:0}.expertise-strip>div{flex-wrap:wrap;justify-content:center;gap:13px 20px;font-size:9px}.expertise-strip [aria-hidden]{display:none}}@media (max-width:400px){.hero h1{font-size:40px}.hero-photo{height:360px}.photo-caption{padding:18px}.photo-caption>span:first-child{font-size:18px}.hero-location{flex-wrap:wrap}}
.skills-section{padding-top:0}.skills-section .section-heading{border-top:1px solid var(--line);padding-top:65px}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.skill-item{border-left:1px solid var(--line);padding:10px 25px}.skill-item:first-child{border-left:0;padding-left:0}.skill-item:last-child{padding-right:0}.skill-number{font:11px/1.5 var(--font-label);color:var(--clay);justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.skill-number svg{color:var(--accent)}.skill-item h3{font-size:19px}.skill-item p{font-size:12px;line-height:1.9}.skill-tools{font:10px/1.9 var(--font-label);color:var(--accent);margin-top:22px}.skill-item:hover h3{color:var(--accent)}.skill-details>section{border-top:1px solid var(--line);grid-template-columns:50px 1fr auto;align-items:start;gap:30px;padding-block:35px;display:grid}.skill-details h2{font-size:30px}.skill-details+.prose{margin-top:65px}@media (max-width:800px){.skills-grid{grid-template-columns:1fr 1fr;gap:30px 0}.skill-item:nth-child(3){border:0;padding-left:0}.skill-details>section{grid-template-columns:30px 1fr;gap:15px}.skill-details>section>.button{grid-column:2;justify-self:start}}@media (max-width:440px){.skills-grid{grid-template-columns:1fr}.skill-item,.skill-item:first-child,.skill-item:nth-child(3){border:0;border-bottom:1px solid var(--line);padding:0 0 24px}.skill-number{margin-bottom:12px}}
.journey-section{background:var(--ink);color:var(--paper);padding-block:80px}.journey-layout{grid-template-columns:1fr 1.1fr;gap:80px;display:grid}.journey-section .eyebrow{color:#b0c5b2}.journey-section h2{font-size:38px;line-height:1.25}.journey-section h2>span{color:#b5cbb8}.journey-section p:not(.eyebrow){color:#b6c4bc;max-width:370px;font-size:13px}.light-link{border-bottom:1px solid #839b8a;align-items:center;gap:18px;margin-top:12px;padding-bottom:8px;font-size:12px;display:inline-flex}.journey-row{border-bottom:1px solid #385049;grid-template-columns:100px 1fr 20px;align-items:center;gap:20px;padding-block:23px;display:grid}.journey-row:first-child{padding-top:0}.journey-row:last-child{border-bottom:0}.journey-period{font:10px/1.6 var(--font-label);color:#b5cbb8}.journey-row h3{letter-spacing:-.02em;margin-bottom:7px;font-size:16px}.journey-row p{margin:0;font-size:11px!important}.journey-row:hover h3{text-underline-offset:4px;text-decoration:underline}.timeline article{border-top:1px solid var(--line);grid-template-columns:160px 1fr;gap:40px;padding:40px 0;display:grid}.timeline article>.eyebrow{margin-top:8px}.timeline h2{font-size:30px}.timeline p{max-width:650px}@media (max-width:900px){.journey-layout{grid-template-columns:1fr;gap:40px}.journey-section{padding-block:55px}}@media (max-width:600px){.journey-row{grid-template-columns:75px 1fr 18px;gap:12px}.timeline article{grid-template-columns:1fr;gap:0;padding-block:26px}}
.passions-feature{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.passions-photo{aspect-ratio:1.3;border-radius:var(--radius);background:var(--sage);position:relative;overflow:hidden}.passions-photo img{object-fit:cover}.passions-feature h2{line-height:1.25}.passions-feature p:not(.eyebrow){max-width:420px;margin-bottom:25px;font-size:14px}@media (max-width:800px){.passions-feature{gap:35px}}@media (max-width:650px){.passions-feature{grid-template-columns:1fr}}
.contact-section{background:var(--sage);border-block:1px solid var(--line)}.contact-inner{justify-content:space-between;align-items:center;gap:40px;padding-block:60px;display:flex}.contact-inner h2{margin-bottom:14px;font-size:36px}.contact-inner p:last-child{margin-bottom:0;font-size:13px}.contact-inner>.button{flex-shrink:0}.contact-options{max-width:760px}.contact-options>a,.contact-options>div{border-top:1px solid var(--line);align-items:center;gap:25px;padding:26px 0;display:flex}.contact-options>a>svg:last-child{margin-left:auto}.contact-options strong{overflow-wrap:anywhere;font-size:clamp(17px,3vw,24px);font-weight:550;display:block}.contact-options span,.contact-options p{color:var(--muted);font-size:12px}.contact-options p{margin:0}.contact-options a:hover strong{color:var(--accent)}.linkedin-mark{width:24px;font-weight:800;font-size:22px!important}@media (max-width:650px){.contact-inner{flex-direction:column;align-items:start}.contact-inner h2{font-size:30px}}
.detail-image,.editorial-image{border-radius:var(--radius);background:var(--sage);height:480px;position:relative;overflow:hidden}.detail-image img,.editorial-image img{object-fit:cover}.article-layout{grid-template-columns:240px 1fr;gap:75px;margin-top:55px;display:grid}.article-aside{font-size:13px}.article-aside dt{color:var(--muted);margin-top:18px;font-size:11px}.article-aside dd{margin-bottom:15px;margin-left:0}.article-aside>a{color:var(--accent);border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:block}.article-body{max-width:720px}.article-body section{margin-bottom:40px}.article-body h2,.prose h2{margin-bottom:18px;font-size:28px}.article-body p,.prose p{line-height:1.95}.prose{max-width:760px}.prose section{margin-bottom:36px}.editorial-image+.prose{margin-top:50px}.link-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.link-panels>a,.link-panels>div{border:1px solid var(--line);border-radius:var(--radius);padding:28px}.link-panels h2{font-size:23px}.link-panels p{margin-bottom:0;font-size:13px}.link-panels>a:hover{background:var(--sage);border-color:#bccabc}.document-note{background:var(--sage);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;margin-block:25px;padding:22px 26px}.document-note p{margin:6px 0 0;font-size:13px}.document-note strong{font-size:14px}.cv-preview{border:1px solid var(--line);background:var(--surface);width:100%;height:820px;margin-top:20px}.document-fallback{font-size:12px}.document-fallback a{text-decoration:underline}@media (max-width:800px){.article-layout{grid-template-columns:1fr;gap:35px}.article-aside{border-bottom:1px solid var(--line);padding-bottom:25px}.detail-image,.editorial-image{height:350px}}@media (max-width:600px){.link-panels{grid-template-columns:1fr}.cv-preview{height:600px}}
.design-nav{border-block:1px solid var(--line);flex-wrap:wrap;gap:12px 30px;padding-block:18px;font-size:13px;display:flex}.design-nav a:hover{color:var(--accent);text-decoration:underline}.design-section{border-bottom:1px solid var(--line);padding-block:55px}.design-section>h2{margin-bottom:30px}.swatch-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.swatch{border-radius:var(--radius);border:1px solid var(--line);height:125px;margin-bottom:12px}.swatch--ink{background:var(--ink)}.swatch--accent{background:var(--accent)}.swatch--paper{background:var(--paper)}.swatch--sage{background:var(--sage)}.swatch--clay{background:var(--clay)}.swatch-grid strong{font-size:13px}.swatch-grid code{color:var(--muted);margin-top:5px;font-size:11px;display:block}.type-sample{border-top:1px solid var(--line);padding-block:22px}.type-sample>.eyebrow{display:block}.sample-display{letter-spacing:-.05em;font-size:clamp(32px,5vw,60px);font-weight:600;line-height:1.2}.design-section>.button-group{margin-block:25px}.design-section>.availability{margin-top:25px}.design-components{grid-template-columns:1fr 1.4fr;gap:60px;display:grid}.icon-samples{color:var(--accent);gap:23px;padding-block:15px 30px;display:flex}@media (max-width:650px){.swatch-grid{grid-template-columns:repeat(2,1fr)}.design-components{grid-template-columns:1fr;gap:35px}}