@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{--bg: #faf9f7;--surface: #ffffff;--bg-overlay: rgba(15, 20, 26, .48);--bg-subtle: rgba(15, 20, 26, .05);--bg-hover: rgba(15, 20, 26, .06);--text-primary: #111111;--text-secondary: #444444;--text-muted: #555555;--text-caption: #666666;--text-light: #888888;--text-dark: #222222;--text-inverse: #ffffff;--border: #e4e4e2;--divider: #dadada;--border-light: rgba(15, 20, 26, .06);--accent: #2d5fff;--accent-hover: #1e4ed8;--accent-soft: rgba(45, 95, 255, .1);--chip-bg: #f5f5f5;--chip-hover: #ececec;--chip-active: var(--accent);--bg-neutral: #f8f8f8;--success: #0f7b3b;--error: #b3261e;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(17, 17, 17, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .03);--shadow-accent: 0 6px 18px rgba(45, 95, 255, .2);--shadow-accent-hover: 0 30px 60px rgba(28, 76, 156, .3);--shadow-accent-soft: 0 4px 12px rgba(45, 95, 255, .1);--shadow-accent-glow: 0 4px 12px rgba(45, 95, 255, .15);--shadow-soft: 0 30px 80px rgba(17, 17, 17, .12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px}:root{font-family:Inter,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.7;letter-spacing:.01em;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%)}img{max-width:100%;display:block;border-radius:var(--radius-md)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.section{padding:clamp(4rem,8vw,8rem) clamp(1.5rem,4vw,6rem);position:relative}.section:not(:first-child):before{content:"";position:absolute;top:clamp(-1rem,-3vw,-3rem);left:50%;transform:translate(-50%);width:min(400px,50%);height:3px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.work{padding-top:clamp(3rem,6vw,5rem)}.work:before{top:clamp(-.5rem,-2vw,-2rem)}.section__inner{width:100%}.section__header{display:flex;flex-direction:column;gap:.5rem;max-width:640px}h1,h2{font-family:Playfair Display,Times New Roman,serif;font-weight:600;margin:0;letter-spacing:-.03em}h3,h4{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;margin:0;letter-spacing:-.01em}h1{font-size:clamp(2.5rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.015em;max-width:20ch}h2{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.02em}h3{font-size:1.5rem}h4{font-size:1.25rem}.overline{letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:500;font-family:Inter,Helvetica Neue,Arial,sans-serif;color:var(--text-muted);margin:0 0 1rem}.lede{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1.15rem;max-width:40ch;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;width:85px;height:85px;font-size:.85rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;text-align:center;line-height:1.2}.btn--primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-accent)}.btn--primary:hover,.btn--primary:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-accent-hover)}.btn--ghost{background:transparent;border:1px solid var(--text-primary);color:var(--text-primary)}.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--bg-hover)}.text-link{border:none;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;position:relative}.text-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf9f7e6;border-bottom:1px solid transparent;transition:border-bottom-color .2s ease,box-shadow .2s ease}.site-header.is-scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.site-header__inner{padding:1.1rem clamp(1.5rem,4vw,6rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.site-header__brand{font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;display:inline-flex;align-items:baseline;gap:.35rem}.site-header__brand span{letter-spacing:normal;font-size:.85rem;font-weight:500;color:var(--text-muted)}.site-header__nav ul{display:flex;gap:1rem;padding:0;margin:0;list-style:none;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.site-header__nav a{padding:.35rem .5rem;color:var(--text-secondary);font-weight:400;position:relative;transition:font-weight .2s ease,color .2s ease}.site-header__nav a:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.2rem;height:1px;background:var(--text-primary);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.site-header__nav a.is-active{font-weight:600;color:var(--text-primary)}.site-header__nav a.is-active:after{transform:scaleX(1)}.site-header__nav a:hover,.site-header__nav a:focus-visible{color:var(--text-primary)}.hero{display:flex;align-items:start}.hero__grid{display:grid;gap:clamp(2.5rem,6vw,5rem);grid-template-columns:minmax(0,1fr);width:100%}.hero__content{display:grid;gap:clamp(2rem,4vw,3rem)}.hero__intro{display:grid;gap:1.25rem}.hero__lower{display:grid;gap:clamp(2rem,4vw,3rem)}.hero__left{display:grid;gap:1.25rem}.hero__portrait{display:none}.hero__portrait img{width:100%;height:auto;border-radius:var(--radius-lg);aspect-ratio:4 / 5;object-fit:cover}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero__meta{background:var(--surface);border-radius:8px;padding:1.75rem;border:1px solid var(--border);display:grid;gap:1rem;align-content:start;box-shadow:var(--shadow-lg)}.hero__meta dl{display:grid;gap:1.25rem;margin:0}.hero__meta dl>div+div{border-top:.5px solid var(--divider);padding-top:.75rem;margin-top:.75rem}.hero__meta dt{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.hero__meta dd{margin:.35rem 0 0;font-size:1rem}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 3rem}.chip{padding:.45rem .9rem;border-radius:999px;font-size:.9rem;border:1px solid transparent;background:var(--chip-bg);cursor:pointer;transition:background .2s ease}.chip.is-active{background:var(--chip-active);color:var(--text-inverse)}.chip:hover:not(.is-active){background:var(--chip-hover)}.work__grid{display:grid;gap:clamp(2rem,4vw,3rem)}.work__row{display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(12,1fr)}.work__row .project-card{grid-column:span 3}.about__row{display:grid;gap:clamp(2rem,6vw,4rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;margin-top:0}.about__row>div:first-child{display:grid;gap:1rem;align-content:start}.about__content{display:grid;gap:1.25rem}.about__content h2{margin-top:-.5em}.contact__grid{display:grid;gap:clamp(2rem,6vw,4rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;margin-top:0}.contact__left{display:flex;flex-direction:column;justify-content:space-between}.contact__content{display:grid;gap:1rem}.contact__content h2{margin-top:-.5em}.contact__secondary{color:var(--text-muted);line-height:1.85}.contact__footer{border-top:1px solid var(--border-light);padding-top:1.5rem;margin-top:2rem}.contact__links{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-weight:500;font-size:.95rem}.contact__linkedin{display:inline-block;transition:opacity .2s ease}.contact__linkedin:hover{opacity:.7}.contact__linkedin img{display:block;width:32px;height:32px}.contact__form{display:grid;gap:1rem;background:var(--surface);padding:1.75rem;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.contact__form label{display:grid;gap:.4rem;font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.contact__form input,.contact__form textarea{font:inherit;font-size:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid #e4e4e2;background:#fffffff2;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--text-light)}.contact__form textarea{resize:none}.contact__form input:focus,.contact__form textarea:focus{outline:none;border-color:#2d5fff;box-shadow:0 0 0 2px #2d5fff1a}.form-status{margin:0;font-size:.9rem}.form-status--success{color:var(--success)}.form-status--error{color:var(--error)}.site-footer{padding:2rem clamp(1.5rem,4vw,6rem) 3rem;border-top:1px solid var(--border-light);opacity:.8}.site-footer__inner{display:flex;flex-direction:column;gap:1rem;font-size:.9rem;color:var(--text-muted)}.site-footer__inner nav{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.work__row{grid-template-columns:1fr}.work__row:nth-child(1) .project-card:nth-child(1),.work__row:nth-child(1) .project-card:nth-child(2),.work__row:nth-child(1) .project-card:nth-child(3),.work__row:nth-child(1) .project-card:nth-child(4),.work__row:nth-child(2) .project-card:nth-child(1),.work__row:nth-child(2) .project-card:nth-child(2),.work__row:nth-child(2) .project-card:nth-child(3){grid-column:span 1}.work__row .project-card__cover img{aspect-ratio:16 / 9}.about__row{gap:2rem}.about__row .hero__meta{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:2rem;box-shadow:var(--shadow-sm)}.contact__left{min-height:auto;justify-content:flex-start;gap:1.5rem}.contact__footer{border-top:none;padding-top:0;margin-top:1rem}.contact__links{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 1024px) and (min-width: 769px){.work__row{grid-template-columns:repeat(8,1fr)}.work__row:nth-child(1) .project-card:nth-child(1),.work__row:nth-child(1) .project-card:nth-child(2),.work__row:nth-child(1) .project-card:nth-child(3),.work__row:nth-child(1) .project-card:nth-child(4){grid-column:span 2}.work__row:nth-child(2) .project-card:nth-child(1),.work__row:nth-child(2) .project-card:nth-child(2){grid-column:span 3}.work__row:nth-child(2) .project-card:nth-child(3){grid-column:4 / span 2}}@media (min-width: 900px){.hero__grid{grid-template-columns:1.5fr 1fr;gap:clamp(4rem,8vw,8rem);align-items:start}.hero__content{position:relative}.hero__content:after{content:"";position:absolute;top:0;right:calc(-1*clamp(2rem,4vw,4rem));width:.5px;height:0%;opacity:.8;background:var(--divider);transition:height 1.5s ease-out}.hero.visible .hero__content:after{height:100%}.hero__lower{grid-template-columns:1.2fr 1fr}.hero__portrait{display:block;align-self:start}.hero__portrait img{aspect-ratio:4 / 5;max-height:570px}.about__row{grid-template-columns:1.5fr 1fr;gap:clamp(4rem,8vw,8rem);align-items:stretch}.about__content{position:relative;display:flex;flex-direction:column}.about__content:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1*clamp(2rem,4vw,4rem));width:.5px;height:0%;opacity:.8;background:var(--divider);transition:height 1.5s ease-out}.about.visible .about__content:after{height:100%}.contact__grid{grid-template-columns:1.5fr 1fr;gap:clamp(4rem,8vw,8rem)}.contact__grid>div:first-child{position:relative}.contact__grid>div:first-child:after{content:"";position:absolute;top:0;right:calc(-1*clamp(2rem,4vw,4rem));width:.5px;height:0;opacity:.8;background:var(--divider);transition:height 1.5s ease-out}.contact.visible .contact__grid>div:first-child:after{height:100%}.site-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}}.work__row .project-card__cover img{aspect-ratio:4 / 3;object-fit:cover}.project-card{display:grid;gap:1.5rem;background:var(--surface);border-radius:8px;padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:box-shadow .25s ease,transform .25s ease}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card.is-expanded{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-accent-glow)}.project-card__cover{background:var(--bg-neutral);border-radius:var(--radius-md);overflow:hidden}.project-card__cover img{border-radius:var(--radius-md);object-fit:cover;width:100%;border:1px solid var(--border)}.project-card__head{display:grid;gap:.75rem}.project-card__head h3{white-space:pre-line}.project-card__tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-card__tags span{font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:var(--chip-bg);color:#333;padding:.3rem .65rem;border-radius:999px;transition:background .2s ease}.project-card__tags span:hover{background:var(--chip-hover)}.project-card__meta{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.5rem 0 0}.project-card__meta div{display:grid;gap:.35rem}.project-card__meta dt{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-light)}.project-card__meta dd{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;color:var(--text-dark)}.project-card__toggle{display:flex;align-items:center;justify-content:flex-end;gap:.375rem;padding:.25rem 0;margin-top:1rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:600;color:var(--accent);text-align:right;width:100%}.project-card__toggle:hover{color:var(--accent-hover)}.project-card__toggle .chevron{transition:transform .2s ease;width:18px;height:18px}.project-card__toggle .chevron.is-up{transform:rotate(180deg)}.work__expander{grid-column:1 / -1;position:relative;border:1px solid var(--border);border-radius:clamp(16px,3vw,24px);background:var(--surface);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-lg);animation:fadeIn .22s ease}.work__expander-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.work__expander-close:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:rotate(90deg)}.work__expander-close:active{transform:rotate(90deg) scale(.95)}.work__expander-close--fixed{position:absolute;top:-3px;right:-3px;z-index:1}.work__expander-content{display:flex;gap:clamp(2rem,4vw,3rem);align-items:flex-start;position:relative}.work__expander-description{flex:0 0 30%;min-width:0}.work__expander-subtitle{margin:0 0 1rem;font-size:clamp(.85rem,1.3vw,.95rem);color:var(--text-muted);font-weight:400}.work__expander-brief{margin:0;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7;color:var(--text)}.work__expander-markdown{font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7;color:var(--text)}.work__expander-markdown h1{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400;margin:0 0 1rem;color:var(--text)}.work__expander-markdown h2{font-size:clamp(1rem,1.7vw,1.15rem);font-weight:500;margin:1.5rem 0 .75rem;color:var(--text)}.work__expander-markdown h3{font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:500;margin:1.25rem 0 .5rem;color:var(--text)}.work__expander-markdown p{margin:0 0 1rem}.work__expander-markdown p:last-child{margin-bottom:0}.work__expander-highlights{margin:1.5rem 0 0;padding:0 0 0 1.25rem;list-style:none}.work__expander-highlights li{position:relative;margin-bottom:.5rem;font-size:clamp(.85rem,1.4vw,.95rem);line-height:1.6;color:var(--text)}.work__expander-highlights li:before{content:"→";position:absolute;left:-1.25rem;color:var(--accent);font-weight:500}.work__expander-divider{flex:0 0 1px;align-self:stretch;background:var(--border);min-height:200px}.work__expander-gallery{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);align-content:start}.work__expander-thumb{position:relative;width:100%;aspect-ratio:3 / 2;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);cursor:pointer;transition:all .2s ease;padding:0}.work__expander-thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-soft)}.work__expander-thumb img{width:100%;height:100%;object-fit:cover;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 768px){.work__expander-content{flex-direction:column}.work__expander-description{flex:1}.work__expander-divider{width:100%;height:1px;min-height:0}.work__expander-gallery{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 769px){.work__expander-gallery{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;animation:overlayFadeIn .2s ease}.modal{position:relative;background:var(--surface);border-radius:clamp(18px,3vw,32px);max-width:min(900px,100%);width:100%;overflow:hidden;display:grid;gap:2rem;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 4px 30px #0000001a;animation:modalSlideIn .18s ease-out}.modal__close{position:absolute;top:18px;right:18px;z-index:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal__close:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:rotate(90deg)}.modal__close:active{transform:rotate(90deg) scale(.95)}.modal__figure{display:grid;gap:1rem}.modal__figure img{width:100%;max-height:80vh;object-fit:contain;border-radius:clamp(16px,3vw,28px);transition:opacity .18s ease-out}.modal__figure figcaption{font-size:.95rem;color:var(--text-caption);text-align:center;line-height:1.5;padding:0 1rem;max-width:60ch;margin:0 auto}.modal__controls{display:flex;align-items:center;justify-content:center;gap:2rem;padding:.5rem 0}.modal__controls button{min-width:80px;padding:.6rem 1.25rem;border-radius:999px;border:1px solid #ddd;background:var(--surface);cursor:pointer;transition:background .15s ease,transform .15s ease;font-weight:500;font-size:.9rem;color:var(--text-primary)}.modal__controls button:hover{background:#f5f5f5;border-color:#dcdcdc;transform:translateY(-1px)}.modal__controls button:active{transform:translateY(0)}.modal__controls span{color:var(--text-muted);font-size:.95rem;font-variant-numeric:tabular-nums;min-width:60px;text-align:center}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}