@import url("https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inter:wght@300;400;500;600;700;800;900&family=Pridi:wght@300;400;500;600;700&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap");:root{--bg:#0f0e0c;--bg-2:#181714;--text:#f0ede6;--muted:#6b6560;--border:hsla(42,25%,92%,.1);--border-hover:hsla(42,25%,92%,.3);--serif:"Ibarra Real Nova",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,sans-serif;--serif-th:"Pridi","Ibarra Real Nova",Georgia,serif;--sans-th:"Sarabun","Inter",system-ui,sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--easing:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;cursor:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a,button{cursor:none}button{font-family:inherit}img{max-width:100%;display:block}.cursor__dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--text);pointer-events:none;z-index:9999;transition:width .18s var(--easing),height .18s var(--easing),top .18s var(--easing),left .18s var(--easing),background .2s}.cursor__dot.cursor--pointer{top:-14px;left:-14px;width:28px;height:28px;background:var(--text);mix-blend-mode:screen}.cursor__ring{position:fixed;top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;border:1px solid hsla(42,25%,92%,.3);pointer-events:none;z-index:9998;transition:width .2s var(--easing),height .2s var(--easing),top .2s var(--easing),left .2s var(--easing)}.cursor__ring.cursor--pointer{top:-32px;left:-32px;width:64px;height:64px;border-color:hsla(42,25%,92%,.15)}.rule{width:100%;height:1px;background:var(--border);overflow:hidden;position:relative}.rule__inner{position:absolute;inset:0;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .85s var(--easing)}.rule--right .rule__inner{transform-origin:right}.rule.is-visible .rule__inner{transform:scaleX(1)}.sec-num{font-size:.68rem;font-weight:400;letter-spacing:.14em;color:var(--muted);font-family:var(--sans)}.marquee__wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.1rem 0;background:var(--bg-2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.marquee__inner{display:flex;width:-moz-max-content;width:max-content;animation:marquee 32s linear infinite}.marquee__inner--rev{animation-direction:reverse}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee__item{display:inline-flex;align-items:center;gap:1.4rem;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:0 1.4rem;white-space:nowrap}.marquee__sep{color:var(--text);opacity:.3}.navbar{position:fixed;top:0;left:0;right:0;z-index:999;padding:0 3rem;height:68px;display:flex;justify-content:space-between;align-items:center;background:rgba(15,14,12,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:background .3s,height .3s}.navbar--scrolled{height:56px;background:rgba(15,14,12,.92)}.navbar__logo{font-family:var(--serif);font-size:1.05rem;font-weight:600;font-style:italic;letter-spacing:-.01em;color:var(--text)}.navbar__links{display:flex;align-items:center;gap:2.5rem}.navbar__link{font-size:.75rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);position:relative;transition:color .2s;overflow:hidden;display:inline-block;padding-bottom:2px}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--text);transform:translateX(-101%);transition:transform .4s var(--easing)}.navbar__link:hover{color:var(--text)}.navbar__link:hover:after{transform:translateX(0)}.navbar__badge{display:flex;align-items:center;gap:.45rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.navbar__badge-dot{width:5px;height:5px;border-radius:50%;background:#3d9970;animation:pulse-dot 2.5s infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.navbar__mobile-btn{display:none;background:none;border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:var(--radius-sm);align-items:center;justify-content:center;font-size:1rem}.navbar__mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:rgba(15,14,12,.98);border-bottom:1px solid var(--border);padding:2rem 3rem;flex-direction:column;gap:1.5rem;z-index:998}.navbar__mobile-menu.open{display:flex}.navbar__mobile-menu .navbar__link{font-size:.9rem;color:var(--text)}.btn-primary{background:var(--text);color:var(--bg);border:none;padding:.85rem 2rem;border-radius:0;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:opacity .2s;display:inline-flex;align-items:center;gap:.6rem}.btn-primary:hover{opacity:.75}.btn-ghost{background:none;border:1px solid var(--border-hover);color:var(--muted);padding:.85rem 2rem;border-radius:0;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,color .2s;display:inline-flex;align-items:center;gap:.6rem}.btn-ghost:hover{border-color:var(--text);color:var(--text)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:8rem 3rem 3rem;position:relative}.hero__bottom,.hero__center,.hero__top{position:relative;z-index:1}.hero__top{display:flex;justify-content:space-between;align-items:flex-start}.hero__statusbar{display:flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero__clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.06em}.hero__location{display:flex;align-items:center;gap:.4rem}.hero__location-dot{width:5px;height:5px;border-radius:50%;background:#3d9970;animation:pulse-dot 2.5s infinite}.hero__available{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.4rem}.hero__center{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem 0}.hero__eyebrow{font-size:.68rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:2.5rem;display:flex;align-items:center;gap:1.5rem}.hero__eyebrow:before{content:"";display:block;width:32px;height:1px;background:var(--muted)}.hero__h1{font-family:var(--serif);font-size:clamp(4rem,9vw,9rem);font-weight:600;font-style:italic;line-height:.9;letter-spacing:-.03em;color:var(--text);margin-bottom:2rem}.hero__h1-line{display:block}.hero__h1-line--indent{padding-left:6vw}.hero__role-row{display:flex;align-items:center;gap:2rem;margin-top:2rem}.hero__role{font-size:.78rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero__role-line{flex:1 1;height:1px;background:var(--border);max-width:120px}.hero__bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:3rem;border-top:1px solid var(--border)}.hero__stats{display:flex;gap:3rem}.hero__stat-num{font-family:var(--serif);font-size:2rem;font-weight:600;font-style:italic;letter-spacing:-.03em;color:var(--text);line-height:1}.hero__stat-label{font-size:.65rem;letter-spacing:.12em;margin-top:.3rem}.hero__scroll,.hero__stat-label{text-transform:uppercase;color:var(--muted)}.hero__scroll{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.62rem;letter-spacing:.2em}.hero__scroll-line{width:1px;height:48px;background:var(--border);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;inset:0;background:var(--text);animation:scroll-line 2s var(--easing) infinite}@keyframes scroll-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hero__ai-panel{position:absolute;right:3rem;top:50%;transform:translateY(-50%);width:22vw;max-width:260px;min-width:180px;display:flex;flex-direction:column;gap:1.25rem;z-index:1}.hero__ai-label{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.75rem;opacity:.7}.hero__ai-label:before{content:"";width:20px;height:1px;background:var(--muted);flex-shrink:0}.hero__ai-form{position:relative;display:flex;align-items:center}.hero__ai-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--serif);font-size:1.05rem;font-weight:400;font-style:italic;letter-spacing:-.01em;padding:.75rem 2rem .75rem 0;outline:none;transition:border-color .35s var(--easing);caret-color:var(--text);cursor:text}.hero__ai-input::-moz-placeholder{color:var(--muted);font-style:italic;opacity:.5}.hero__ai-input:-ms-input-placeholder{color:var(--muted);font-style:italic;opacity:.5}.hero__ai-input::placeholder{color:var(--muted);font-style:italic;opacity:.5}.hero__ai-input--focused,.hero__ai-input:focus{border-color:hsla(42,25%,92%,.35)}.hero__ai-enter{position:absolute;right:0;background:none;border:none;color:var(--muted);padding:0;display:flex;align-items:center;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s var(--easing),color .2s;cursor:none}.hero__ai-form:focus-within .hero__ai-enter{opacity:1;transform:translateX(0)}.hero__ai-enter:hover{color:var(--text)}.hero__ai-hint{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s var(--easing);display:flex;align-items:center;gap:.4rem}.hero__ai-panel:focus-within .hero__ai-hint{opacity:.45;transform:translateY(0)}.hero__photo-col{position:absolute;top:0;right:3rem;bottom:0;width:22vw;max-width:300px;display:flex;align-items:center}.hero__photo-frame{width:100%;aspect-ratio:3/4;overflow:hidden;position:relative;border:1px solid var(--border)}.hero__photo-frame img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block;filter:grayscale(8%);transition:filter .4s}.hero__photo-frame:hover img{filter:grayscale(0)}.hero__photo-caption{margin-top:.75rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.section{padding:6rem 3rem;border-top:1px solid var(--border)}.section__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4rem}.section__title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:600;font-style:italic;letter-spacing:-.03em;line-height:1.05}.about__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6rem;gap:6rem;align-items:start}.about__statement{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.8rem);font-weight:400;font-style:italic;line-height:1.3;letter-spacing:-.02em;color:var(--text);margin-bottom:3rem}.about__body p{font-size:.9rem;color:var(--muted);line-height:1.9;margin-bottom:1rem}.about__socials{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2.5rem}.about__social-pill{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);transition:color .2s,border-color .2s;padding:.3rem .8rem;border:1px solid var(--border)}.about__social-pill:hover{color:var(--text);border-color:var(--text)}.about__photo-wrap{position:relative;padding-top:133%;overflow:hidden;background:var(--bg-2)}.about__photo-wrap img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block;filter:grayscale(5%);transition:filter .4s}.about__photo-wrap:hover img{filter:grayscale(0)}.skills__list{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-top:1px solid var(--border)}.skill-row{display:grid;grid-template-columns:1fr 100px 60px;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border);grid-gap:2rem;gap:2rem;transition:background .2s}.skill-row:nth-child(odd){padding-right:3rem;border-right:1px solid var(--border)}.skill-row:nth-child(2n){padding-left:3rem}.skill-row:hover{background:var(--bg-2)}.skill-row__name{font-size:.85rem;font-weight:500;color:var(--text)}.skill-row__level{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.skill-row__bar{height:1px;background:var(--border);position:relative;overflow:hidden}.skill-row__fill{position:absolute;inset:0 auto 0 0;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--easing)}.skills__list:hover .skill-row__fill{transform:scaleX(1)}.exp__list{margin-top:0}.exp__row{display:grid;grid-template-columns:160px 1fr auto;grid-gap:3rem;gap:3rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--border);transition:background .2s}.exp__row:hover{background:var(--bg-2);margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.exp__period{font-size:.72rem;letter-spacing:.06em;color:var(--muted);padding-top:.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exp__role{font-family:var(--serif);font-size:1.05rem;font-weight:500;font-style:italic;color:var(--text);margin-bottom:.25rem;letter-spacing:-.01em}.exp__company{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.exp__desc{font-size:.82rem;color:var(--muted);line-height:1.75;max-width:520px}.exp__tags{display:flex;gap:.4rem;flex-wrap:wrap;padding-top:.1rem}.exp__tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);padding:.2rem .6rem;color:var(--muted);white-space:nowrap;transition:border-color .2s,color .2s}.exp__tag:hover{border-color:var(--text);color:var(--text)}.projects__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.projects__view-all{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:relative;overflow:hidden;display:inline-block;padding-bottom:2px;transition:color .2s}.projects__view-all:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--text);transform:translateX(-101%);transition:transform .4s var(--easing)}.projects__view-all:hover{color:var(--text)}.projects__view-all:hover:after{transform:translateX(0)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.project-item{position:relative;cursor:none;overflow:hidden;background:var(--bg-2)}.project-item__thumb{position:relative;overflow:hidden;padding-top:125%}.project-item:first-child .project-item__thumb{padding-top:56.25%}.project-item:nth-child(2) .project-item__thumb{padding-top:120%}.project-item:nth-child(3) .project-item__thumb{padding-top:125%}.project-item:nth-child(4) .project-item__thumb{padding-top:100%}.project-item__thumb img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s var(--easing);display:block}.project-item:hover .project-item__thumb img{transform:scale(1.06)}.project-item__caption{padding:1rem 0;display:flex;justify-content:space-between;align-items:baseline}.project-item__title{font-family:var(--serif);font-size:1rem;font-weight:500;font-style:italic;color:var(--text);letter-spacing:-.01em}.project-item__cat{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.project-grid .project-item:first-child{grid-column:span 2}.project-grid .project-item:first-child .project-item__thumb{aspect-ratio:16/9}.sw-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border)}.sw-card{background:var(--bg)}.sw-card__inner{display:flex;flex-direction:column;height:100%;transition:background .2s;cursor:none;text-decoration:none;color:inherit}.sw-card__inner:hover{background:var(--bg-2)}.sw-card__thumb{position:relative;height:180px;overflow:hidden;display:flex;align-items:flex-end;padding:1.5rem;border-bottom:1px solid var(--border)}.sw-card__num{font-family:var(--serif);font-size:3.5rem;font-weight:600;font-style:italic;color:hsla(42,25%,92%,.08);line-height:1;position:relative;z-index:1;letter-spacing:-.04em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw-card__thumb-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none}.sw-card__thumb-line{display:block;height:1px;background:hsla(42,25%,92%,.04)}.sw-card__inner:hover .sw-card__thumb-line{background:hsla(42,25%,92%,.07)}.sw-card__body{padding:1.5rem 2rem 2rem;flex:1 1;display:flex;flex-direction:column;gap:.6rem}.sw-card__cats{display:flex;gap:.4rem;flex-wrap:wrap}.sw-card__cat{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.15rem .55rem}.sw-card__title{font-family:var(--serif);font-size:1.25rem;font-weight:500;font-style:italic;color:var(--text);letter-spacing:-.02em;line-height:1.2}.sw-card__desc{font-size:.78rem;color:var(--muted);line-height:1.75;flex:1 1}.sw-card__stack{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.4rem}.sw-card__tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:hsla(42,25%,92%,.04);padding:.2rem .55rem;border:1px solid var(--border);transition:border-color .2s,color .2s}.sw-card__inner:hover .sw-card__tag{border-color:var(--border-hover)}.sw-card__link{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.5rem;transition:color .2s}.sw-card__inner:hover .sw-card__link{color:var(--text)}@media (max-width:768px){.sw-grid{grid-template-columns:1fr}.sw-card__thumb{height:120px}}.blog__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:0}.blog__view-all{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:relative;overflow:hidden;display:inline-block;padding-bottom:2px;transition:color .2s}.blog__view-all:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--text);transform:translateX(-101%);transition:transform .4s var(--easing)}.blog__view-all:hover{color:var(--text)}.blog__view-all:hover:after{transform:translateX(0)}.blog__list{margin-top:0;border-top:1px solid var(--border)}.blog-item{display:grid;grid-template-columns:80px 1fr auto;align-items:baseline;grid-gap:2rem;gap:2rem;padding:1.75rem 0;border-bottom:1px solid var(--border);cursor:none;transition:background .2s}.blog-item:hover{background:var(--bg-2);margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.blog-item__num{font-size:.65rem;letter-spacing:.1em;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.blog-item__title{font-family:var(--serif);font-size:1.05rem;font-weight:500;font-style:italic;color:var(--text);letter-spacing:-.01em;transition:opacity .2s}.blog-item:hover .blog-item__title{opacity:.7}.blog-item__cat{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.contact{border-top:1px solid var(--border);padding:8rem 3rem;position:relative}.contact__inner{max-width:900px}.contact__h2{font-family:var(--serif);font-size:clamp(3.5rem,7vw,7.5rem);font-weight:600;font-style:italic;line-height:.92;letter-spacing:-.04em;color:var(--text);margin-bottom:3rem}.contact__h2 em{color:var(--muted);font-style:normal}.contact__email{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.5rem);font-weight:400;font-style:italic;letter-spacing:-.02em;color:var(--text);border-bottom:1px solid var(--border);display:inline-block;padding-bottom:.25rem;transition:border-color .3s,opacity .2s}.contact__email:hover{border-color:var(--text);opacity:.75}.contact__socials{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:3rem}.contact__pill{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.5rem 1.1rem;transition:border-color .2s,color .2s}.contact__pill:hover{border-color:var(--text);color:var(--text)}.footer{border-top:1px solid var(--border);padding:1.75rem 3rem;display:flex;justify-content:space-between;align-items:center}.footer__built,.footer__copy{font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--text);transform-origin:left;transform:scaleX(0);z-index:1000;pointer-events:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--easing),transform .65s var(--easing)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.05s}.reveal:nth-child(3){transition-delay:.1s}.reveal:nth-child(4){transition-delay:.12s}.back-to-top{position:fixed;bottom:2.5rem;right:2.5rem;width:44px;height:44px;border:1px solid var(--border-hover);background:rgba(15,14,12,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:none;z-index:99;opacity:0;transform:translateY(16px);transition:opacity .35s var(--easing),transform .35s var(--easing),color .2s,border-color .2s;pointer-events:none}.back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{color:var(--text);border-color:var(--text)}@media (max-width:768px){.back-to-top{bottom:1.5rem;right:1.5rem}}.article-hero{padding-top:68px;position:relative}.article-hero__cover{width:100%;max-height:480px;overflow:hidden;position:relative}.article-hero__cover img{width:100%;height:130%;max-height:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;filter:brightness(.7);will-change:transform}.article-hero__inner{max-width:860px;margin:0 auto;padding:3.5rem 3rem 3rem;border-bottom:1px solid var(--border)}.article-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .2s;margin-bottom:2.5rem}.article-back:hover{color:var(--text)}.article-back__arrow{transition:transform .2s var(--easing)}.article-back:hover .article-back__arrow{transform:translateX(-4px)}.article-hero__cat{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.article-hero__title{font-family:var(--serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;font-style:italic;line-height:1.1;letter-spacing:-.03em;color:var(--text);margin-bottom:1.5rem}.article-hero__meta{display:flex;align-items:center;gap:.75rem;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}.article-hero__dot{width:3px;height:3px;border-radius:50%;background:var(--muted);flex-shrink:0}.article-body{max-width:860px;margin:0 auto;padding:4rem 3rem 6rem;font-family:var(--sans-th)}.article-body p{line-height:2.1;font-size:1.05rem;font-weight:300;letter-spacing:.01em}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family:var(--serif-th)}.article-hero__title{font-family:var(--serif-th),var(--serif)}.article-footer{margin-top:5rem;padding-top:2.5rem;border-top:1px solid var(--border)}@media (max-width:768px){.article-hero__inner{padding:2.5rem 1.5rem 2rem}.article-body{padding:2.5rem 1.5rem 4rem}.article-hero__cover,.article-hero__cover img{max-height:260px}}.blog-search-wrap{padding:2rem 3rem 0;display:flex;align-items:center;gap:1.5rem}.blog-search{width:100%;max-width:480px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:.9rem;padding:.6rem 0;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blog-search::-moz-placeholder{color:var(--muted)}.blog-search:-ms-input-placeholder{color:var(--muted)}.blog-search::placeholder{color:var(--muted)}.blog-search:focus{border-color:var(--text)}.blog-search::-webkit-search-cancel-button{-webkit-appearance:none;width:12px;height:12px;background:var(--muted);-webkit-clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);cursor:pointer}.blog-search__count{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.blog-search__empty{grid-column:1/-1;font-size:.85rem;color:var(--muted);padding:2rem 0}.page-header{padding:10rem 3rem 4rem;border-bottom:1px solid var(--border)}.page-header__tag{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.page-header__tag:before{content:"";width:24px;height:1px;background:var(--muted)}.page-header__h1{font-family:var(--serif);font-size:clamp(2.8rem,5vw,5rem);font-weight:600;font-style:italic;letter-spacing:-.04em;line-height:.95;margin-bottom:1rem}.page-header__sub{font-size:.85rem;color:var(--muted);letter-spacing:.04em}.page-grid{padding:4rem 3rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.page-card{background:transparent;cursor:none;display:block;overflow:hidden}.page-card__thumb{position:relative;overflow:hidden;padding-top:75%;background:var(--bg-2)}.page-card__thumb img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--easing);display:block}.page-card:hover .page-card__thumb img{transform:scale(1.05)}.page-card__body{padding:.85rem 0;border-bottom:1px solid var(--border)}.page-card__tag{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.page-card__title{font-family:var(--serif);font-size:.95rem;font-weight:500;font-style:italic;color:var(--text);margin-bottom:.25rem;letter-spacing:-.01em}.page-card__date{font-size:.65rem;letter-spacing:.08em;color:var(--muted)}.tools-empty{padding:8rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-top:1px solid var(--border)}.tools-empty__icon{font-size:2.5rem;opacity:.2}.tools-empty__text{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tools-grid{padding:4rem 3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--border);border-top:1px solid var(--border)}.tool-card{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem 2.5rem;background:var(--bg);transition:background .2s;position:relative;cursor:none}.tool-card:hover{background:var(--bg-2)}.tool-card__emoji{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:.1rem;filter:grayscale(60%);transition:filter .2s}.tool-card:hover .tool-card__emoji{filter:grayscale(0)}.tool-card__body{flex:1 1;min-width:0}.tool-card__cat{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.tool-card__title{font-family:var(--serif);font-size:1.1rem;font-weight:500;font-style:italic;color:var(--text);letter-spacing:-.01em;margin-bottom:.5rem}.tool-card__desc{font-size:.8rem;color:var(--muted);line-height:1.7}.tool-card__arrow{font-size:.9rem;color:var(--muted);flex-shrink:0;transition:color .2s,transform .2s var(--easing);margin-top:.2rem}.tool-card:hover .tool-card__arrow{color:var(--text);transform:translateX(4px)}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;padding:2rem 1.5rem;background:transparent;gap:0;border-top:1px solid var(--border)}.tool-card{border-bottom:1px solid var(--border);padding:1.5rem 0}}.ai-passport{min-height:100vh;display:flex;flex-direction:column;padding:0 3rem}.ai-passport__nav{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 0;border-bottom:1px solid var(--border);position:sticky;top:68px;background:var(--bg);z-index:10}.ai-passport__nav-tag{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.ai-passport__body{flex:1 1;display:flex;flex-direction:column;justify-content:center;max-width:720px;width:100%;margin:0 auto;padding:5rem 0 6rem;transition:padding .5s var(--easing)}.ai-passport--has-result .ai-passport__body{justify-content:flex-start;padding-top:4rem}.ai-passport__eyebrow{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:2.5rem;display:flex;align-items:center;gap:.75rem;opacity:.6}.ai-passport__eyebrow:before{content:"";width:20px;height:1px;background:currentColor;flex-shrink:0}.ai-passport__form{display:flex;align-items:center;gap:1rem;position:relative}.ai-passport__input{flex:1 1;background:transparent;border:none;color:var(--text);font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;font-style:italic;letter-spacing:-.02em;padding:.5rem 0;outline:none;caret-color:var(--text);cursor:text;transition:opacity .2s}.ai-passport__input:disabled{opacity:.4}.ai-passport__input::-moz-placeholder{color:var(--muted);opacity:.35}.ai-passport__input:-ms-input-placeholder{color:var(--muted);opacity:.35}.ai-passport__input::placeholder{color:var(--muted);opacity:.35}.ai-passport__submit{background:none;border:none;color:var(--muted);display:flex;align-items:center;padding:.5rem;flex-shrink:0;transition:color .2s,transform .2s var(--easing);cursor:none}.ai-passport__submit:hover{color:var(--text);transform:translateX(3px)}.ai-passport__submit:disabled{opacity:.2;pointer-events:none}.ai-passport__track{height:1px;background:var(--border);margin-top:.25rem;position:relative;overflow:hidden}.ai-passport__scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(42,25%,92%,.08) 20%,hsla(42,25%,92%,.55) 50%,hsla(42,25%,92%,.08) 80%,transparent);animation:ai-scan 1.4s ease-in-out infinite}@keyframes ai-scan{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.ai-passport__thinking{display:flex;gap:.35rem;padding:1.25rem 0 0}.ai-passport__thinking-dot{width:3px;height:3px;border-radius:50%;background:var(--muted);animation:ai-dot-pulse 1.2s ease-in-out infinite}.ai-passport__thinking-dot:nth-child(2){animation-delay:.2s}.ai-passport__thinking-dot:nth-child(3){animation-delay:.4s}@keyframes ai-dot-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.ai-passport__result{margin-top:3.5rem;overflow:hidden}.ai-passport__result-query{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.75rem}.ai-passport__result-q-mark{font-family:var(--serif);font-style:italic;font-size:.85rem;color:var(--text);opacity:.4}.ai-passport__result-divider{height:1px;background:var(--border);margin-bottom:2rem}.ai-passport__answer{font-size:1rem;color:var(--text);line-height:2;letter-spacing:.01em;white-space:pre-wrap;font-family:var(--sans-th)}.ai-passport__cursor{display:inline-block;width:2px;height:1.1em;background:var(--text);margin-left:2px;vertical-align:text-bottom;animation:ai-blink .9s step-end infinite}@keyframes ai-blink{0%,to{opacity:1}50%{opacity:0}}.ai-passport__status{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 0;margin-top:2rem;border-top:1px solid var(--border)}.ai-passport__status--warn{border-color:rgba(240,180,60,.25)}.ai-passport__status--error{border-color:rgba(220,80,60,.25)}.ai-passport__status-icon{font-size:1rem;color:var(--muted);flex-shrink:0;margin-top:.1rem}.ai-passport__status p{font-size:.85rem;color:var(--muted);line-height:1.6}.ai-passport__status-sub{margin-top:.25rem;font-size:.78rem!important}.ai-passport__status-sub strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){.ai-passport{padding:0 1.5rem}.ai-passport__nav{top:60px}.ai-passport__input{font-size:clamp(1.3rem,5vw,1.8rem)}.ai-passport__body{padding:3.5rem 0 5rem}.ai-passport--has-result .ai-passport__body{padding-top:2.5rem}}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found__num{font-size:8rem;font-weight:600;letter-spacing:-.06em;color:var(--bg-2);line-height:1;margin-bottom:1rem}.not-found__num,.not-found__title{font-family:var(--serif);font-style:italic}.not-found__title{font-size:1.5rem;font-weight:500;margin-bottom:.75rem}.not-found__sub{font-size:.85rem;color:var(--muted);letter-spacing:.04em;margin-bottom:2rem}@media (max-width:1024px){.hero{padding:7rem 2rem 2.5rem!important}.hero__ai-panel,.hero__photo-col{display:none}.about__grid{grid-template-columns:1fr;gap:3rem}.project-grid{grid-template-columns:1fr 1fr}.project-grid .project-item:first-child{grid-column:span 2}.page-grid{grid-template-columns:1fr 1fr}.skills__list{grid-template-columns:1fr}.skill-row:nth-child(odd){padding-right:0;border-right:none}.skill-row:nth-child(2n){padding-left:0}}@media (max-width:768px){body{cursor:auto}.cursor__dot,.cursor__ring{display:none}.navbar{padding:0 1.5rem;height:60px}.navbar--scrolled{height:52px}.navbar__links{display:none}.navbar__mobile-btn{display:inline-flex}.navbar__mobile-menu{top:60px;padding:1.5rem}.hero{padding:5.5rem 1.5rem 2rem!important}.hero__photo-col{display:none}.hero__h1{font-size:clamp(3rem,13vw,5.5rem)}.hero__stats{gap:2rem}.section{padding:4rem 1.5rem}.about__grid,.exp__row{grid-template-columns:1fr}.exp__row{gap:.5rem}.exp__row:hover{margin:0;padding-left:0;padding-right:0}.project-grid{grid-template-columns:1fr}.project-grid .project-item:first-child{grid-column:span 1}.project-grid .project-item:first-child .project-item__thumb{aspect-ratio:4/3}.page-grid{grid-template-columns:1fr;padding:2rem 1.5rem}.page-header{padding:7rem 1.5rem 2.5rem}.blog-search-wrap{padding:1.5rem 1.5rem 0}.footer{flex-direction:column;gap:.4rem;text-align:center;padding:1.25rem 1.5rem}.contact{padding:5rem 1.5rem}.blog-item{grid-template-columns:1fr;gap:.3rem}.blog-item__num{display:none}.section__head{flex-direction:column;gap:1rem}.hero__bottom{flex-direction:column;gap:2rem}.hero__scroll{flex-direction:row;align-items:center}.hero__scroll-line{width:32px;height:1px}}