.app{--bg:#fff8ef;--bg-soft:#fff0dd;--text:#24170f;--card:#fff;--line:#ead7c4;--lead:#745d4a;--accent:#ff7621;--accent-2:#fa6c0e;--btn-g:#f4e9d7;--shadow:#67371924;background:var(--bg);min-height:100vh;color:var(--text);transition:background .2s,color .2s}.app.dark{--bg:#120f16;--bg-soft:#211a28;--text:#fff8ec;--card:#211b28;--lead:#f8ebd6;--line:#ffffff24;--accent:#ff8a3d;--accent-2:#37d882;--btn-g:#3f382d;--shadow:#00000061}*{box-sizing:border-box}#root{background:var(--bg);min-height:100vh}html{overscroll-behavior-y:none;background:var(--bg);min-height:100vh}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,sans-serif;line-height:1.8}a{color:var(--accent);text-decoration:none}.section{width:min(1120px,100% - 32px);margin:0 auto;padding:80px 0}.nav-menu{gap:16px;list-style:none;display:flex}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:2rem;font-weight:900}.button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex}.button.primary{border:3px solid var(--bg-soft);color:var(--bg);background:#ff8a3d}.button.ghost{border:3px solid var(--line);background:var(--btn-g);color:var(--text)}.reveal{opacity:0;transition:opacity 2.2s,transform 2s;transform:translateY(18px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (width<=800px){.site-header{flex-direction:column;align-items:flex-start}.nav-menu{flex-wrap:wrap}.button{width:100%}}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 auto;padding:16px 32px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-weight:800}.logo-mark{background:var(--card);width:42px;height:42px;color:var(--bg);border-radius:14%;place-items:center;display:grid}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-menu{gap:8px;margin:0;padding:6px;list-style:none;display:flex}.header-link{color:var(--muted);border-radius:999px;align-items:center;padding:8px 12px;font-weight:700;display:inline-block}.header-link:hover{background:var(--bg-soft);color:var(--text)}.nav-toggle{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:14px;place-items:center;padding:10px;display:none}.nav-toggle:hover{background:var(--bg-soft);transform:translateY(-2px)}.nav-toggle span{width:18px;height:2px;transition:transform .2 ease, opacity .2s ease;background:currentColor;border-radius:999px;margin:3px 0;transform:translateY(-2px);display:block!important}.theme-toggle{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:14px;place-items:center;font-size:1.1rem;transition:transform .2s,background .2s;display:grid}.theme-toggle:hover{background:var(--bg-soft);transform:translateY(-2px)}@media (width<=720px){.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 16px;display:grid}.logo{align-items:center;gap:10px;min-width:0;height:42px;display:flex}.logo-mark{flex-shrink:0}.logo-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:8px;height:42px;display:flex}.theme-toggle,.nav-toggle{flex-shrink:0;width:42px;height:42px}.nav-toggle{place-items:center;display:grid}.site-header>nav{width:0;height:0;position:absolute}.nav-menu{z-index:25;opacity:0;pointer-events:none;border:1px solid var(--line);background:var(--card);border-radius:10px;gap:8px;padding:16px;transition:transform .2s,opacity .2s;display:grid;position:fixed;top:74px;left:16px;right:16px;transform:translateY(-16px)}.nav-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.header-link{justify-content:center;align-items:center;min-height:46px;display:flex}}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);width:100vw;margin:80px 0 0;padding:56px 40px 36px}.footer-inner{grid-template-columns:1.1fr .8fr .8fr;gap:40px;display:grid}.footer-brand p{max-width:460px;color:var(--lead);margin:18px 0 0}.footer-logo{align-items:center;gap:10px;font-weight:800;display:inline-flex}.footer-nav h2,.footer-social h2{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:1.4rem;transform:translate(-4px)}.footer-nav ul,.footer-social ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-nav a,.footer-social a{color:var(--muted);font-weight:700;transition:color .2s}.footer-nav a:hover,.footer-social a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding-top:24px;font-size:.9rem;display:flex}.footer-bottom p{text-align:center;margin:0}.back-to-top{color:var(--text);font-weight:800}.back-to-top:hover{color:var(--accent)}.signature{margin:0;transform:translate(-50%);margin-left:50%!important}@media (width<=760px){.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;align-items:flex-start}}.hero{grid-template-columns:minmax(0,1.25fr) clamp(280px,30vw,380px);align-items:center;gap:48px;min-height:calc(100ch - 80px);margin-top:-70px;display:grid;position:relative}.hero h1{letter-spacing:0;margin:0;font-size:clamp(3.2rem,8vw,6.8rem);line-height:1}.gradient-text{color:var(--accent);font-size:clamp(3.7rem,8.5vw,7.3rem)}.gradient-text-animation-1{animation:2.2s step-end forwards blinkAndStop}.gradient-text-animation-2{animation:2.7s step-end forwards blinkAndStop}.gradient-text-animation-3{animation:1.6s step-end forwards blinkAndStop}.blink-1{animation:1.9s step-end forwards blinkAndStop1}.hero-lead{max-width:720px;color:var(--lead);margin-top:28px;font-size:1.1rem}.hero-actions{gap:12px;margin-top:32px;display:flex}.main-hero-card{position:absolute;top:260px;right:0}.hero-card{z-index:1;border:1px solid var(--line);background-color:var(--card);box-shadow:0 24px 80px var(--shadow);border-radius:15px;padding:28px;top:120px;right:0;overflow:hidden}.profile-avatar{border-radius:20px;place-items:center;width:200px;height:200px;margin-bottom:24px;font-size:3rem;display:grid;overflow:hidden;transform:rotate(0)}.profile-avatar img{object-fit:cover;width:100%;height:100%}.hero-card h2{letter-spacing:-.04em;margin:0;font-size:1.8rem;line-height:1.2}.hero-card span{margin-left:10px;font-size:1.2rem}.role{color:var(--muted);margin:8px 0 0}.mini-stats{gap:12px;margin:26px 0 0;display:grid}.mini-stats div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.mini-stats dt{color:var(--muted);font-size:.88rem}.mini-stats dd{text-align:right;margin:0;font-weight:800}@media (width<=800px){.site-header{flex-direction:column;align-items:flex-start;gap:16px}.nav-menu{flex-wrap:wrap}.hero{grid-template-columns:1fr;min-height:auto}.hero-actions{flex-direction:column}.hero-card{max-width:420px}}@keyframes blinkAndStop{0%{color:#ff8a3d}.5%{color:var(--text);font-size:clamp(4.2rem,9vw,7.8rem)}1%{color:#57f413;font-size:clamp(3.2rem,8vw,6.8rem)}1.5%{color:var(--text);font-size:clamp(3.2rem,8vw,6.8rem)}2%{color:#edaa1b;font-size:clamp(1.2rem,5vw,4.8rem)}4%{color:var(--text);font-size:clamp(3.2rem,8vw,6.8rem)}8%{color:#ff8a3d;font-size:clamp(3.2rem,8vw,6.8rem)}12%{color:var(--text);font-size:clamp(6.2rem,11vw,10.8rem)}16%{color:#009c53;font-size:clamp(3.2rem,8vw,6.8rem)}30%{color:var(--text);font-size:clamp(4.2rem,9vw,7.8rem)}40%{color:#ff8a3d;font-size:clamp(3.2rem,8vw,6.8rem)}80%{color:var(--text);font-size:clamp(4.2rem,9vw,7.8rem)}}@keyframes blinkAndStop1{0%{color:#745d4a}.5%{color:var(--text);font-size:20px}1%{color:#f4c313;font-size:10px}1.5%{color:var(--text);font-size:60px}2%{color:#edaa1b;font-size:30px}4%{color:var(--text);font-size:20px}8%{color:#23e340;font-size:40px}12%{color:var(--text);font-size:50px}16%{color:#149da7;font-size:20px}30%{color:var(--text);font-size:50px}40%{color:#ff8a3d;font-size:50px}80%{color:var(--text);font-size:10px}}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.orb{filter:blur(10px);opacity:.72;border-radius:999px;position:absolute}.orb-1{background:linear-gradient(135deg, var(--accent), transparent);width:430px;height:430px;animation:5s ease-in-out infinite float;top:40px;right:1%}.orb-2{background:linear-gradient(135deg, var(--accent-2), transparent);width:350px;height:350px;animation:3s ease-in-out infinite reverse float;top:400px;left:5%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}.grid-bg{background-image:linear-gradient(var(--line) 2px, transparent 1px), linear-gradient(90deg, var(--line) 2px, transparent 1px);opacity:.5;width:90vw;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--bg) 50%, transparent 82%);mask-image:linear-gradient(to bottom, transparent, var(--bg) 50%, transparent 82%);background-size:70px 70px;position:absolute;inset:0;transform:translate(-50%);left:50%!important}.grid-bg .hero{grid-template-columns:1fr;min-height:auto}.grid-bg .hero-card{max-width:520px;position:relative!important}.history-section{width:90vw;overflow:hidden}.history-section .section-heading{width:min(1120px,100% - 32px);margin:0 calc(50% + min(1120px,100% - 32px)/-2)}.history-scroll-shell{margin-top:56px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 30% 70%,#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.history-scroll-hint{color:var(--lead);text-align:right;margin:0 0 14px;font-size:.9rem;font-weight:800}.history-scroll{scroll-snap-type:x proximity;overscroll-behavior-x:contain;cursor:grab;-webkit-user-select:none;user-select:none;scroll-snap-type:x proximity;scroll-behavior:auto;-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.history-scroll.is-dragging{cursor:grabbing;scroll-snap-type:none}.history-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.history-scroll::-webkit-scrollbar{height:10px}.history-scroll::-webkit-scrollbar-track{background:var(--bg-soft);border-radius:999px}.history-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.history-track{gap:clamp(64px,10vw,140px);width:max-content;min-width:100%;padding:88px 64px 56px;display:flex;position:relative}.history-track:before{content:"";background:color-mix(in srgb, var(--accent) 42%, var(--line));border-radius:999px;height:4px;position:absolute;top:188px;left:0;right:0}.history-scroll-item{z-index:1;scroll-snap-align:center;grid-template-rows:96px 72px 1fr;width:min(360px,78vw);display:grid;position:relative}.history-highlight-area{flex-direction:column;justify-content:flex-end;gap:8px;display:flex}.history-highlight{color:var(--text);opacity:0;margin:0;padding-bottom:60px;font-weight:900;line-height:1.45;transition:opacity .35s,transform .35s;position:relative;transform:translateY(10px)}.history-highlight:after{content:"";background:color-mix(in srgb, var(--accent) 56%, var(--line));transform-origin:bottom;width:2px;height:60px;position:absolute;bottom:0;left:20px;transform:rotate(20deg)}.history-node-area{align-items:center;display:flex;transform:translate(-10px,-20px)}.history-node-main{background:color-mix(in srgb, var(--accent) 30%, var(--bg-soft));width:80px;height:80px;box-shadow:0 16px 48px var(--shadow);border-radius:999px;transition:transform .35s,background .35s;display:block;transform:scale(.86)translate(-13px)}.history-node{background:color-mix(in srgb, var(--accent) 10%, var(--bg-soft));width:50px;height:50px;box-shadow:0 16px 48px var(--shadow);border-radius:999px;transition:transform .35s,background .35s;display:block;transform:scale(.86)}.history-card{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, var(--bg-soft));box-shadow:0 16px 48px var(--shadow);opacity:0;border-radius:24px;padding:24px;transition:opacity .38s,transform .38s;transform:translateY(18px)}.history-scroll-item.is-visible .history-highlight{opacity:1;transition-delay:80ms;transform:translateY(0)}.history-scroll-item.is-visible .history-card{opacity:1;transition-delay:.16s;transform:translateY(0)}.history-scroll-item.is-visible .history-node,.history-scroll-item.is-visible .history-node-main{background:var(--accent);transform:scale(1)}.history-card h3{margin:0 0 16px;font-size:1.45rem;line-height:1.2}.history-points{color:var(--text);margin:0;padding-left:1.1em;font-weight:700}.history-points li+li{margin-top:4px}.history-skills{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.history-skills li{background:var(--bg);color:var(--lead);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}@media (width<=720px){.history-scroll-shell{margin-top:40px;-webkit-mask-image:none;mask-image:none}.history-scroll-hint{text-align:left}.history-track{gap:48px;padding:72px 28px 40px}.history-track:before{top:168px}.history-scroll-item{grid-template-rows:88px 64px 1fr;width:78vw}.history-node{border-width:8px;width:52px;height:52px}.history-card{padding:20px}}.section-heading{max-width:760px}.section-heading p:not(.eyebrow){color:var(--lead)}.works-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:32px;display:grid}.work-card{border:1px solid var(--line);background:var(--card);min-height:360px;box-shadow:0px 16px 48px var(--shadow);border-radius:24px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.work-card:hover{box-shadow:0px 24px 64px var(--shadow);transform:translateY(-6px)}.work-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tag,.year{border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:.78rem;font-weight:880;display:inline-block}.tag{color:var(--bg);background:#ff8a3d}.year{border:1px solid var(--line);color:var(--lead)}.tech-list{flex-wrap:wrap;gap:8px;margin:auto 0 20px;padding:24px 0 0;list-style:none;display:flex}.tech-list li{background:var(--bg);color:var(--text);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.text-link{color:#ff8a3d;font-weight:800}.text-link:hover{color:#ec9c40;text-underline-offset:4px}.filter-btns{flex-wrap:wrap;gap:10px;margin:32px 0 24px;display:flex}.filter-btn{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--lead);cursor:pointer;border-radius:999px;padding:0 14px;font-weight:800;transition:background .2s,color .2s,transform .2s}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.active{color:var(--bg);background:#ff8a3d;border-color:#0000}@media (width<=960px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.works-grid{grid-template-columns:1fr}}.skill-card{border:1px solid var(--line);background-color:var(--card);box-shadow:0 16px 48px var(--shadow);border-radius:24px;margin:12px;padding:24px}.skill-card-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.skill-card h3{margin:0;font-size:1.18rem}.skill-card p{color:var(--lead);margin:0}.skill-level{background:var(--bg);min-width:52px;min-height:30px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.skill-technologys{flex-wrap:wrap;gap:8px;margin:18px 0;padding:0;list-style:none;display:flex}.skill-technologys li{background:var(--bg);color:var(--lead);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.skill-meter{background:var(--bg);border-radius:999px;height:10px;position:relative;overflow:hidden;transform:translateY(10px)}.skill-meter span{width:var(--level);border-radius:inherit;background:linear-gradient(90deg, var(--accent), #f7c948);transform-origin:0;height:100%;transition:transform 1s;display:block;transform:scaleX(0)}.skill-card.revealed .skill-meter span{transform:scaleX(1)}.contact-section{padding:0}.contact-content{padding-bottom:5%;padding-left:5%;padding-right:5%}.contact-card{border:1px solid var(--line);background:var(--card);box-shadow:0px 16px 48px var(--shadow);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:32px;padding:24px;display:grid}.contact-card h3{margin:0 0 4px}.contact-card p{margin:0}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.copy-status{min-height:1.5em;color:var(--accent);grid-column:1/-1;font-size:.8rem;font-weight:800}@media (width<=720px){.contact-card{grid-template-columns:1fr}.contact-actions{flex-direction:column}.contact-actions .button{width:100%}}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:32px;display:grid}.blog-card{border:1px solid var(--line);background:var(--card);min-height:280px;box-shadow:0 16px 48px var(--shadow);border-radius:24px;flex-direction:column;padding:0;transition:transform .7s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:0 24px 64px var(--shadow);transform:translateY(-6px)}.blog-card h2{margin-top:-10px}.blog-card hr{border-color:var(--line);margin-top:-10px;margin-bottom:30px}.blog-card-image-box{width:100%;margin:0;display:block}.blog-card-image{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);width:100%;display:block}.blog-card-info{padding:24px}.blog-date{color:var(--lead);text-align:center;background-color:var(--bg-soft);border-radius:10px;width:100px;font-size:small;position:absolute;top:25px;right:15px}.blog-description{color:var(--lead);margin-top:-20px;margin-bottom:10px}.blog-tags{flex-wrap:wrap;gap:8px;margin:0 0 -10px;padding:0;list-style:none;display:flex}.blog-tags li{background:var(--bg);color:var(--lead);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.blog-article{background-color:var(--bg-soft);max-width:1000px;padding:40px}.blog-coverImage{aspect-ratio:100/60;border-radius:10px;width:100%;margin-top:20px;margin-bottom:20px;overflow:hidden}.blog-coverImage img{object-fit:cover;width:100%;height:100%}.blog-article-header{margin-top:32px}.blog-article-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.12}.blog-date{color:var(--lead);margin-top:-10px;margin-left:auto}.blog-body{margin-top:42px;font-size:1.05rem;line-height:1.95}.blog-body h2{margin:2.2em 0 .7em;font-size:1.8rem}.blog-body h3{margin:1.8em 0 .5em;font-size:1.35rem}.blog-body p{color:var(--text);margin:0 0 1.35em}.blog-body ul,.blog-body ol{padding-left:1.5em}.blog-body code{background:var(--bg-soft);border-radius:6px;padding:.18em .38em}.blog-body pre{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;overflow-x:auto}.callout{border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;margin:24px 0;padding:18px 20px}.blog-line{border-color:var(--line);margin:40px 5px 5px}