*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}em{font-style:italic}:root{--bg: #F6F6F4;--surface: #EEEEEC;--border: #D8D8D5;--border-h: #AEAEAB;--text: #111110;--muted: #888882;--dimmed: #444440;--inv: #F6F6F4;--bg-blur: rgba(246,246,244,.95);--bg-menu: rgba(246,246,244,.98)}[data-theme=dark]{--bg: #0A0A0A;--surface: #131313;--border: #222222;--border-h: #383838;--text: #DDDDD8;--muted: #4E4E4A;--dimmed: #888880;--inv: #131313;--bg-blur: rgba(10,10,10,.95);--bg-menu: rgba(10,10,10,.98)}.navbar{position:fixed;top:0;left:0;right:0;z-index:300;background:transparent;transition:background .3s}.navbar.scrolled{background:var(--bg-blur);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar__inner{max-width:1400px;margin:0 auto;padding:0 clamp(24px,6vw,80px);height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:border-color .3s}.navbar.scrolled .navbar__inner{border-bottom-color:var(--border)}.navbar__logo{text-decoration:none;color:var(--text);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.navbar__links{display:flex;align-items:center}.navbar__link{height:52px;padding:0 13px;display:flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.navbar__link:hover,.navbar__link.active{color:var(--text)}.navbar__link.active{border-bottom-color:var(--text)}.navbar__theme-btn{margin-left:40px;padding:5px 10px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em;transition:all .2s}.navbar__theme-btn:hover{border-color:var(--text);color:var(--text)}.navbar__mob-btn{background:none;border:none;cursor:pointer;color:var(--text);font-size:20px}.navbar__mobile-menu{max-width:1400px;margin:0 auto;background:var(--bg-menu);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.navbar__mob-link{display:block;padding:13px clamp(24px,6vw,80px);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:var(--muted);border-left:2px solid transparent}.navbar__mob-link.active{color:var(--text);border-left-color:var(--text)}@media (max-width: 820px){.desk{display:none!important}.mob{display:block!important}}@media (min-width: 821px){.mob{display:none!important}}.hr{max-width:1400px;margin:0 auto;padding:0 clamp(24px,6vw,80px);flex-shrink:0}.hr:after{content:"";display:block;height:1px;background:var(--border)}.cap{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.section-inner{max-width:1400px;margin:0 auto;padding:clamp(48px,6vw,72px) clamp(24px,6vw,80px)}.section-label{padding-top:1px}.sg{display:grid;grid-template-columns:clamp(120px,13vw,180px) 1fr;gap:clamp(28px,4vw,56px)}.fade{opacity:0;transform:translateY(12px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.fade.visible{opacity:1;transform:translateY(0)}.bullet-list{list-style:none;padding:0;margin:0}.bullet-item{display:flex;gap:10px;margin-bottom:7px}.bullet-dash{color:var(--muted);flex-shrink:0;font-size:12px;margin-top:3px}.bullet-text{font-size:14px;color:var(--muted);line-height:1.75}@media (max-width: 820px){.sg{grid-template-columns:1fr!important;gap:20px!important}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:100px 0 72px}.hero__container{max-width:1400px;margin:0 auto;padding:0 clamp(24px,6vw,80px);width:100%}.hero-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:52px;opacity:0;transition:opacity .6s .1s}.hero-strip.mounted{opacity:1}.hero-strip>:nth-child(2){text-align:center}.hero-strip>:nth-child(3){text-align:right}.hero-name-row{margin-bottom:clamp(36px,4vw,56px)}.hero__name{font-family:Times New Roman,Georgia,serif;font-size:clamp(52px,9.5vw,130px);font-weight:400;line-height:.88;letter-spacing:-.03em;color:var(--text);opacity:0;transform:translateY(20px);transition:opacity .8s .2s,transform .8s .2s cubic-bezier(.16,1,.3,1)}.hero__name.mounted{opacity:1;transform:translateY(0)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-start;opacity:0;transform:translateY(10px);transition:opacity .7s .5s,transform .7s .5s cubic-bezier(.16,1,.3,1)}.hero-bottom.mounted{opacity:1;transform:translateY(0)}.hero__desc{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:clamp(360px,40vw,540px)}.hero__buttons{display:flex;flex-direction:column;gap:8px;min-width:clamp(180px,17vw,230px)}.hero__btn-primary{padding:14px 0;background:var(--text);color:var(--inv);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;transition:opacity .2s}.hero__btn-primary:hover{opacity:.7}.hero__btn-secondary{padding:14px 0;border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;transition:all .2s}.hero__btn-secondary:hover{border-color:var(--border-h);color:var(--text)}@media (max-width: 1080px){.hero-bottom{flex-direction:column;align-items:stretch;gap:28px}.hero__desc{max-width:100%}}@media (max-width: 820px){.hero-strip{grid-template-columns:1fr!important;gap:6px!important}.hero-strip>:nth-child(2),.hero-strip>:nth-child(3){text-align:left}.hero-bottom{flex-direction:column!important;align-items:stretch!important;gap:28px!important}}#about{height:100vh;display:flex;flex-direction:column}#about>.hr{flex-shrink:0;width:100%}#about .section-inner{flex:1;display:flex;flex-direction:column;min-height:0}#about .sg{flex:1;min-height:0}#about .sg>div:last-child{display:flex;flex-direction:column;min-height:0}.ai{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,10vw,130px);align-items:start;flex:1;min-height:0}.about__left{display:flex;flex-direction:column;min-height:0;align-self:stretch}.about__img-wrapper{flex:1;min-height:0;background:var(--surface);border:1px solid var(--border);margin-bottom:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about__img{width:100%;height:100%;object-fit:cover;display:block}.about__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.about__info-cell{background:var(--bg);padding:14px 16px}.about__info-key{font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.about__info-val{font-size:12px;color:var(--text);font-family:Courier New,Courier,monospace}.about__heading{font-family:Times New Roman,Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--text);margin:0 0 28px}.about__text{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 16px}@media (max-width: 1080px){.ai{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width: 820px){#about{height:auto;overflow:visible}#about .section-inner{height:auto}.ai{grid-template-columns:1fr!important;gap:28px!important}.about__img-wrapper{aspect-ratio:4/5}}.stack__intro{font-size:14px;color:var(--muted);margin:0 0 clamp(24px,3vw,36px);line-height:1.7}.stack__category{margin-bottom:24px}.stack__category:last-child{margin-bottom:0}.stack__cat-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:12px}.stack__tags{display:flex;flex-wrap:wrap;gap:6px}.stack-tag{padding:5px 12px;border:1px solid var(--border);font-size:12px;color:var(--muted);font-family:Courier New,Courier,monospace;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s,border-color .2s,color .2s;cursor:default}.stack-tag.visible{opacity:1;transform:translateY(0)}.stack-tag:hover{border-color:var(--border-h);color:var(--text)}.gallery{margin-top:24px}.gallery__viewport{position:relative;border:1px solid var(--border);background:var(--surface);overflow:hidden;display:flex;align-items:center;justify-content:center}.gallery__img{max-width:100%;max-height:70vh;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg);border:1px solid var(--border);color:var(--text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s,background .15s}.gallery__viewport:hover .gallery__arrow{opacity:1}.gallery__arrow:hover{background:var(--surface)}.gallery__arrow--left{left:12px}.gallery__arrow--right{right:12px}.gallery__dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.gallery__dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--border-h);background:transparent;padding:0;cursor:pointer;transition:background .2s,border-color .2s}.gallery__dot.active{background:var(--text);border-color:var(--text)}.gallery__dot:hover{border-color:var(--text)}.projects__header{max-width:1400px;margin:0 auto;padding:clamp(48px,6vw,72px) clamp(24px,6vw,80px) 0}.projects__header-grid{margin-bottom:clamp(32px,4vw,48px)}.projects__intro{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.project-row{opacity:0;transition:opacity .5s}.project-row:after{content:"";display:block;height:1px;max-width:1400px;margin:0 auto;padding:0 clamp(24px,6vw,80px);background:var(--border);background-clip:content-box}.project-row.visible{opacity:1}.pr{max-width:1400px;margin:0 auto;padding:0 clamp(24px,6vw,80px);display:grid;grid-template-columns:clamp(32px,3.5vw,44px) 1fr clamp(60px,8vw,100px) 24px;gap:clamp(12px,2vw,24px);align-items:center;height:clamp(56px,5vw,68px);cursor:pointer;background:transparent;transition:background .15s}.pr:hover{background:var(--surface)}.project-row__idx{font-size:11px;color:var(--muted);font-family:Courier New,Courier,monospace}.project-row__title{font-size:clamp(14px,1.6vw,17px);font-weight:500;color:var(--text)}.project-row__year{font-size:10px;color:var(--muted);text-align:right;letter-spacing:.08em}.project-row__toggle{font-size:16px;color:var(--muted);line-height:1;display:inline-block;transform:rotate(0);transition:transform .25s cubic-bezier(.16,1,.3,1)}.project-row__toggle.open{transform:rotate(45deg)}.project-row__detail{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1)}.project-row__detail.open{max-height:1600px}.pd{max-width:1400px;margin:0 auto;padding:4px clamp(24px,6vw,80px) 40px;display:grid;grid-template-columns:clamp(32px,3.5vw,44px) 1fr clamp(180px,20vw,260px);gap:clamp(12px,2vw,24px)}.project-desc{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 20px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tag{padding:4px 10px;border:1px solid var(--border);font-size:11px;color:var(--muted);font-family:Courier New,Courier,monospace}.pd .bullet-list{margin-bottom:24px}.project-links{display:flex;gap:16px;flex-wrap:wrap}.project-link--primary{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-h);padding-bottom:2px;transition:opacity .2s}.project-link--primary:hover{opacity:.6}.project-link--secondary{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .2s,border-color .2s}.project-link--secondary:hover{color:var(--text);border-color:var(--border-h)}.project-sidebar{border:1px solid var(--border);height:fit-content}.project-sidebar__block{padding:14px 16px;border-bottom:1px solid var(--border)}.project-sidebar__block:last-child{border-bottom:none}.project-sidebar__label{display:block;margin-bottom:6px}.project-sidebar__value{font-size:12px;color:var(--text);font-family:Courier New,Courier,monospace}@media (max-width: 1080px){.pd{grid-template-columns:0px 1fr}.pd>div:first-child{display:none}.project-sidebar{margin-top:16px}}@media (max-width: 820px){.pr{grid-template-columns:36px 1fr 24px!important;gap:12px!important}.pd{grid-template-columns:1fr!important}.h-sm{display:none!important}}.exp-header{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin-bottom:16px;gap:16px}.exp-role{font-size:clamp(15px,1.8vw,18px);font-weight:600;color:var(--text);margin-bottom:3px}.exp-company{font-size:12px;color:var(--muted);letter-spacing:.04em}.exp-period{font-size:11px;color:var(--muted);font-family:Courier New,Courier,monospace;white-space:nowrap}.edu-section{margin-top:clamp(36px,4vw,56px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--border)}.edu-label{display:block;margin-bottom:28px}.edu-entry{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px}.edu-entry--separated{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.edu-degree{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}.edu-school{font-size:12px;color:var(--muted)}.edu-note{font-size:11px;color:var(--muted);font-family:Courier New,Courier,monospace;margin-top:4px}.contact__heading{font-family:Times New Roman,Georgia,serif;font-size:clamp(32px,5vw,60px);font-weight:400;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin:0 0 clamp(28px,4vw,48px)}.cg{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.contact-link{display:block;padding:22px 24px;background:var(--bg);text-decoration:none;transition:background .15s}.contact-link:hover{background:var(--surface)}.contact-link__label{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text);margin-bottom:5px}.contact-link__sub{font-size:11px;color:var(--muted);font-family:Courier New,Courier,monospace}@media (max-width: 820px){.cg{grid-template-columns:1fr!important}}.footer__inner{max-width:1400px;margin:0 auto;padding:18px clamp(24px,6vw,80px);display:flex;justify-content:space-between;border-top:1px solid var(--border)}.footer__text{font-size:10px;color:var(--muted);font-family:Courier New,Courier,monospace}.scroll-line{position:fixed;top:0;left:0;right:0;height:1px;z-index:999}.scroll-line__bar{height:100%;background:var(--text);transition:width .1s linear}.grid-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}[data-theme=dark] .grid-overlay{background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px)}.app-wrapper{background:var(--bg);color:var(--text);min-height:100vh}