@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--bg: #ffffff;--bg-tint: #f6f1e8;--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .86);--stroke: rgba(31, 26, 19, .1);--stroke-strong: rgba(31, 26, 19, .18);--shadow: rgba(31, 26, 19, .1);--text: rgba(31, 26, 19, .92);--text-dim: rgba(31, 26, 19, .68);--text-faint: rgba(31, 26, 19, .48);--accent: #c98a5a;--accent-dim: rgba(201, 138, 90, .14);--radius-lg: 22px;--radius-md: 16px;--z-noise: 1;--z-canvas: 2;--z-wash: 3;--z-content: 5;--z-nav: 10}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 12%,rgba(246,241,232,.92),transparent 42%),radial-gradient(circle at 88% 84%,rgba(246,241,232,.85),transparent 40%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:#c98a5a38}.skip-link{position:absolute;left:1rem;top:1rem;padding:.65rem .9rem;border-radius:999px;background:#ffffffeb;border:1px solid var(--stroke-strong);color:var(--text);transform:translateY(-180%);transition:transform .14s ease-out;z-index:calc(var(--z-nav) + 1)}.skip-link:focus{outline:none;transform:translateY(0)}.noise-layer{position:fixed;inset:0}.phase-wash{position:fixed;inset:0;z-index:var(--z-wash);opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(246,241,232,.95),transparent 62%),radial-gradient(circle at 65% 55%,rgba(201,138,90,.06),transparent 58%)}.noise-layer{z-index:var(--z-noise);pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Ccircle cx='1' cy='1' r='0.7' fill='black' fill-opacity='0.10'/%3E%3C/svg%3E");background-size:4px 4px;mix-blend-mode:multiply}.site-shell{position:relative;z-index:var(--z-content);width:min(1120px,calc(100% - 2rem));margin:0 auto;display:grid;gap:clamp(1.2rem,2.4vw,2.2rem);padding-bottom:4.5rem}.glass{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:0 22px 55px var(--shadow),0 1px #fff9 inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateZ(0);position:relative;overflow:hidden}.os1{border-style:outset}.os2{border-style:inset}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(-45deg,rgba(31,26,19,.1) 0px,rgba(31,26,19,.1) 1.5px,transparent 1.5px,transparent 16px);mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,black 0%,black 20%,transparent 65%),radial-gradient(ellipse 100% 100% at 100% 0%,black 0%,black 20%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 0% 100%,black 0%,black 20%,transparent 65%),radial-gradient(ellipse 100% 100% at 100% 0%,black 0%,black 20%,transparent 65%);mask-composite:add;-webkit-mask-composite:source-over}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.5) 48%,rgba(255,255,255,.5) 52%,transparent 75%);background-size:280% 100%;background-position:220% 0;animation:glass-shimmer 4.5s ease-in-out infinite}@keyframes glass-shimmer{0%{background-position:220% 0;opacity:0}15%{opacity:1}50%{background-position:-60% 0;opacity:1}65%{opacity:0}to{background-position:-60% 0;opacity:0}}.glass:nth-child(2):after{animation-delay:1.5s}.glass:nth-child(3):after{animation-delay:3s}.glass:nth-child(4):after{animation-delay:4.5s}.glass>*{position:relative;z-index:1}.glass.panel{background:var(--panel-strong);border-color:var(--stroke);transition:transform .18s ease-out,border-color .18s ease-out}.glass.panel:hover{transform:translateY(-3px);border-color:#c98a5a42}.site-nav{position:fixed;top:calc(.75rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:fit-content;min-width:min(680px,calc(100% - 2rem));max-width:calc(100% - 2rem);z-index:var(--z-nav);border-radius:999px;padding:.4rem .5rem;background:#f9f7f3d1!important;border-color:#1f1a131a!important;box-shadow:0 2px 20px #1f1a1314,0 1px #ffffffb3 inset!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.lang-toggle{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:inherit;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:border-color .2s,background .2s}.lang-toggle:hover{border-color:#ffffffb3;background:#ffffff14}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-brand{font-family:Sora,system-ui,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:-.02em;padding:.45rem .85rem;border-radius:999px;border:1px solid transparent;color:var(--text);white-space:nowrap}.nav-brand:focus-visible{outline:none;border-color:var(--stroke-strong)}.nav-dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:.2rem}.nav-links a{padding:.45rem .85rem;border-radius:999px;color:var(--text-dim);font-size:.85rem;border:1px solid transparent;white-space:nowrap;transition:color .16s ease-out,border-color .16s ease-out,background-color .16s ease-out}.nav-links a:not(.btn):hover{color:var(--text);background:#1f1a130d}.nav-links a:focus-visible{outline:none;border-color:var(--stroke-strong)}.site-nav .btn.solid{padding:.45rem 1rem;font-size:.82rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.05rem;border-radius:999px;font-weight:700;line-height:1;border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn.solid{background:#c98a5a24;border-color:#c98a5a59;color:var(--text)}.btn.solid:hover{background:#c98a5a2e;border-color:#c98a5a80}.btn.ghost{background:#1f1a130a;border-color:#1f1a131f;color:var(--text)}.btn.ghost:hover{background:#1f1a130f;border-color:#1f1a132e}.btn:focus-visible{outline:none;border-color:var(--stroke-strong)}.services-marquee-wrap{position:relative;margin-top:1.4rem;margin-left:calc(-.5*(100vw - min(1120px,100% - 2rem)) - 1rem);margin-right:calc(-.5*(100vw - min(1120px,100% - 2rem)) - 1rem)}.services-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.5rem calc((100vw - min(1120px,100% - 2rem))/2 + 1rem);padding-bottom:1rem;scrollbar-width:none}.services-track::-webkit-scrollbar{display:none}.svc-card{flex:0 0 clamp(280px,30vw,340px);scroll-snap-align:start;padding:clamp(1.1rem,2vw,1.5rem);display:flex;flex-direction:column;gap:.7rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s ease,border-color .2s ease}.svc-card:active{cursor:grabbing}.svc-num{font-family:Sora,system-ui,sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:#c98a5a4d}.svc-card h3{margin:0;font-family:Sora,system-ui,sans-serif;font-size:1.15rem;letter-spacing:-.02em;line-height:1.2}.svc-card p{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.62;flex:1}.svc-list{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.svc-list li{font-size:.82rem;color:var(--text-dim);padding-left:1rem;position:relative}.svc-list li:before{content:"→";position:absolute;left:0;color:var(--accent);opacity:.7;font-size:.75rem}.svc-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(31,26,19,.08)}.services-fade-left,.services-fade-right{position:absolute;top:0;bottom:1rem;width:80px;pointer-events:none;z-index:2}.services-fade-left{left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 100%)}.services-fade-right{right:0;background:linear-gradient(to left,var(--bg) 0%,transparent 100%)}.services-hint{margin-top:.6rem;text-align:center;font-size:.78rem;color:var(--text-faint);letter-spacing:.04em}.contact-bento{display:grid;grid-template-columns:1fr 260px;grid-template-rows:auto auto;gap:1rem;margin-top:0}.contact-main{grid-column:1;grid-row:1 / span 2;padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;justify-content:center}.contact-title{margin:.6rem 0 .9rem;font-family:Sora,system-ui,sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1.08}.contact-title em{font-style:normal;color:var(--accent)}.contact-sub{margin:0;color:var(--text-dim);line-height:1.65;max-width:42ch;text-wrap:pretty}.contact-cta{grid-column:2;grid-row:1;padding:clamp(1rem,2vw,1.4rem)}.contact-cta-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;height:100%;justify-content:center}.contact-cta-icon{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid rgba(201,138,90,.2);background:#c98a5a14;display:grid;place-items:center;color:var(--accent)}.contact-cta-icon svg{width:22px;height:22px}.contact-cta-label{margin:0;font-weight:700;font-size:.9rem}.contact-cta-btn{width:100%;justify-content:center}.contact-cta-note{margin:0;font-size:.78rem;color:var(--text-faint)}.contact-highlights{grid-column:2;grid-row:2;padding:clamp(1rem,2vw,1.4rem)}.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.contact-list li{display:flex;gap:.75rem;align-items:flex-start}.contact-list-icon{width:24px;height:24px;border-radius:999px;background:#c98a5a1a;border:1px solid rgba(201,138,90,.2);display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--accent);flex-shrink:0;margin-top:.1rem}.contact-list strong{display:block;font-size:.9rem;font-weight:700}.contact-list p{margin:.15rem 0 0;font-size:.8rem;color:var(--text-faint);line-height:1.45}.hero-scroll{padding-top:calc(5.5rem + env(safe-area-inset-top));padding-bottom:0;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.hero-layout{display:grid;grid-template-columns:1fr 280px;gap:1.25rem;align-items:stretch;max-width:1120px;margin:0 auto}.hero-left{display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,2.2rem) 0}.hero-title{margin:0 0 1.1rem;font-family:Sora,system-ui,sans-serif;font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.06;letter-spacing:-.035em;color:var(--text);text-wrap:balance}.hero-title em{font-style:normal;color:var(--accent)}.hero-title .word{display:inline-block;opacity:0;transform:translateY(105%) rotate(4deg)}.hero-desc{margin:0 0 1.6rem;color:var(--text-dim);line-height:1.7;font-size:clamp(.9rem,1.4vw,1rem);max-width:46ch;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem;margin-bottom:2rem}.hero-stats{display:flex;border:1px solid var(--stroke);border-radius:var(--radius-md);overflow:hidden;background:#ffffffa6;align-self:flex-start;margin-top:auto}.hero-stat{padding:.85rem 1.1rem;border-right:1px solid var(--stroke)}.hero-stat:last-child{border-right:none}.hero-stat-num{display:block;font-family:Sora,system-ui,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.25rem;color:var(--text)}.hero-stat-num span{font-size:.75em;color:var(--accent)}.hero-stat-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.hero-profile{display:flex;flex-direction:column;gap:0;padding:clamp(1rem,2vw,1.4rem);align-self:stretch;min-width:0}.hero-profile-top{display:flex;align-items:center;margin-top:.9rem;min-width:0}.hero-avatar{width:144px;height:144px;border-radius:999px;overflow:hidden;border:1px solid var(--stroke);flex-shrink:0}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-profile-info{min-width:0;flex:1}.hero-name{margin:0;font-family:Sora,system-ui,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-role{margin:.18rem 0 0;font-size:.72rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-profile-desc{margin:.9rem 0 0;font-size:.8rem;line-height:1.68;color:var(--text-dim);flex:1}.hero-profile-divider{height:1px;background:var(--stroke);margin:1rem 0}.hero-profile-stack-label{margin:0 0 .5rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.hero-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--stroke);background:#1f1a130a;color:var(--text-dim);font-weight:700;font-size:.72rem}.hero-profile-bottom{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--stroke)}.hero-profile-loc{font-size:.72rem;color:var(--text-faint)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .65rem;border-radius:999px;border:1px solid rgba(201,138,90,.28);background:#c98a5a17;color:var(--text-dim);font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start}.status-pill:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:var(--accent);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.hero-marquee-wrap{overflow:hidden;margin-top:1.2rem;padding:1.1rem 0 1.4rem;border-top:1px solid var(--stroke);max-width:1120px;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.hero-marquee-track{display:flex;align-items:center;gap:1.6rem;white-space:nowrap;animation:marquee-scroll 24s linear infinite;width:max-content;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.hero-marquee-track .mdot{color:var(--accent);opacity:.45}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.meter{max-width:1120px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);height:2px;overflow:hidden;background:transparent;margin-bottom:.5rem}.meter>span{display:block;height:100%;width:0%;background:var(--accent);opacity:.5}section,footer{scroll-margin-top:7.5rem;padding:clamp(1rem,2vw,1.25rem)}[data-reveal]{opacity:0;transform:translateY(22px);will-change:transform,opacity}[data-reveal].revealed{will-change:auto}.hero-title .word{will-change:transform,opacity}.section-head h2{margin:.45rem 0 0;font-family:Sora,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.section-head p{margin:.55rem 0 0;color:var(--text-dim);text-wrap:pretty}.section-grid,.card-grid{margin-top:1.2rem;display:grid;gap:1rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:clamp(1rem,2vw,1.35rem)}.about-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:1rem;align-items:start}.about-sidebar{display:grid;gap:1rem;align-content:start}.about-intro{grid-column:1}.tech-stack,.about-points{grid-column:auto;grid-row:auto}.service-card{position:relative;padding-top:2.15rem}.service-num{position:absolute;top:1rem;right:1rem;padding:.35rem .55rem;border-radius:999px;border:1px solid rgba(31,26,19,.12);background:#1f1a130a;color:var(--text-dim);font-weight:800;font-variant-numeric:tabular-nums;font-size:.85rem}.projects-grid{display:grid;gap:1rem}.project-featured{border-color:#c98a5a42}.project-featured:hover{border-color:#c98a5a75}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.2rem}.project-footer{margin-top:1rem}.panel h3{margin:.55rem 0;font-family:Sora,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.02em}.panel p{margin:.6rem 0 0;color:var(--text-dim);line-height:1.65;text-wrap:pretty}.bullet-list{margin:.9rem 0 0;padding-left:1.05rem;color:var(--text-dim)}.bullet-list li{margin:.35rem 0}.about-intro-media{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-top:.9rem}.about-photo{width:86px;height:86px;border-radius:999px;overflow:hidden;border:1px solid rgba(31,26,19,.14)}.about-photo img{width:100%;height:100%;object-fit:cover}.about-quick p{margin:.1rem 0;color:var(--text-dim)}.stack-chips,.project-tags,.cta-highlights{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.5rem}.stack-chips span,.project-tags span,.cta-highlights span{padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(31,26,19,.12);background:#1f1a130a;color:var(--text-dim);font-weight:700;font-size:.85rem}.project-preview{margin-top:1rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(31,26,19,.12)}.project-preview img{width:100%;height:auto;transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.cta{display:grid;grid-template-columns:1.25fr .75fr;gap:1.2rem;align-items:center;padding:clamp(1rem,2vw,1.45rem)}.cta-action{display:grid;gap:.6rem;justify-items:start}.cta-note{margin:0;color:var(--text-faint);font-size:.92rem}.site-footer{padding:clamp(1.1rem,2vw,1.45rem)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:1.2rem}.footer-col h3,.footer-col h4{margin:0;font-family:Sora,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.02em}.footer-col p{margin:.7rem 0 0;color:var(--text-dim);line-height:1.65;text-wrap:pretty}.footer-col ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.45rem;color:var(--text-dim)}.footer-col a:hover{color:var(--text)}.social-links{margin-top:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}.social-link{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(31,26,19,.12);background:#1f1a130a;transition:transform .16s ease-out,border-color .16s ease-out}.social-link:hover{transform:translateY(-2px);border-color:#c98a5a42}.social-link svg{width:18px;height:18px;fill:none;stroke:#1f1a13b3;stroke-width:1.7}.footer-bottom{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(31,26,19,.12);display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}.footer-bottom p{margin:0;color:var(--text-faint)}.about-sign{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(31,26,19,.1);display:flex;flex-direction:column;gap:.2rem}.about-sign span{font-family:Sora,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}.about-sign small{color:var(--text-faint);font-size:.82rem}.section-stack{display:grid;gap:clamp(1rem,2vw,1.5rem)}.nav-links a.nav-active{color:var(--text);border-color:#c98a5a47;background:#c98a5a14}@media(max-width:900px){.two-col,.three-col,.about-grid{grid-template-columns:1fr}.about-sidebar{grid-column:auto}.hero-layout{grid-template-columns:1fr}.hero-profile{align-self:auto}.services-marquee-wrap{margin-left:-1rem;margin-right:-1rem}.contact-bento{grid-template-columns:1fr}.contact-main,.contact-cta,.contact-highlights{grid-column:1;grid-row:auto}.cta,.footer-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-nav{padding:.45rem}.nav-links a:not(.btn){display:none}.hero-scroll{padding-left:1rem;padding-right:1rem}.hero-title{font-size:clamp(2rem,9vw,2.8rem)}.hero-profile{flex-direction:column}.hero-profile-top{flex-direction:row}.hero-stats{width:100%}.hero-stat{flex:1;text-align:center}.hero-marquee-wrap{padding-left:1rem;padding-right:1rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%;justify-content:center}.about-intro-media{grid-template-columns:1fr}.about-photo{width:92px;height:92px}}