:root{--display:"Archivo Expanded","Arial Narrow",sans-serif;--body:"Geist","Inter",-apple-system,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--rail:60px;--pad:clamp(20px,5vw,72px)}:root,[data-theme=light]{--paper:#E6E5DF;--surface:#EFEEE8;--ink:#191510;--dim:#6B6459;--faint:#9C968B;--line:rgba(25,21,16,.13);--line-strong:rgba(25,21,16,.24);--signal:#A66B2D;--signal-soft:rgba(166,107,45,.16);--scrim:rgba(230,229,223,.8)}[data-theme=dark]{--paper:#0A0D0B;--surface:#10140F;--ink:#E8E9E3;--dim:#8E948A;--faint:#565C54;--line:rgba(232,233,227,.1);--line-strong:rgba(232,233,227,.2);--signal:#CC8A3C;--signal-soft:rgba(204,138,60,.18);--scrim:rgba(10,13,11,.74)}body{transition:background .5s ease,color .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"ss01"}::selection{background:var(--signal);color:#fff}a{color:inherit;text-decoration:none}.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:clamp(48px,8vw,96px) clamp(48px,8vw,96px);mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 35%,transparent 100%)}.mono{font-family:var(--mono);font-weight:400;letter-spacing:.04em}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--signal)}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0;border-right:1px solid var(--line);background:linear-gradient(90deg,var(--scrim),transparent);backdrop-filter:blur(2px)}.rail span{writing-mode:vertical-rl;font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--faint);text-transform:uppercase}.rail .coord{color:var(--dim)}.rail .rail-section{color:var(--signal);transition:color .3s}.rail-progress{flex:1;width:1px;background:var(--line);margin:22px 0;position:relative;border-radius:2px}.rail-progress-fill{position:absolute;top:0;left:0;width:1px;height:0;background:var(--signal);box-shadow:0 0 9px var(--signal-soft)}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}[data-theme=dark] .grain{mix-blend-mode:screen;opacity:.07}.hero-meta .status:before{width:7px;height:7px;border-radius:50%;transform:none;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--signal-soft);opacity:1}50%{box-shadow:0 0 0 6px transparent;opacity:.55}}nav{position:fixed;top:0;left:var(--rail);right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);border-bottom:1px solid transparent;transition:border-color .4s,background .4s,backdrop-filter .4s}nav.scrolled{border-bottom:1px solid var(--line);background:var(--scrim);backdrop-filter:blur(10px)}.brand{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.22em}.brand b{color:var(--signal)}.nav-right{display:flex;align-items:center;gap:24px}.nav-links{display:flex;gap:22px}.nav-links a{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--dim);transition:color .25s}.nav-links a:hover{color:var(--ink)}.lang{font-family:var(--mono);font-size:12px;letter-spacing:.06em;border:1px solid var(--line-strong);border-radius:2px;overflow:hidden;display:flex}.lang button{background:none;border:none;color:var(--dim);cursor:pointer;padding:5px 9px;font-family:var(--mono);font-size:12px;transition:color .2s,background .2s}.lang button.active{background:var(--ink);color:var(--paper)}.theme-btn{background:none;border:1px solid var(--line-strong);border-radius:2px;cursor:pointer;width:32px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:14px;line-height:1;transition:color .2s,border-color .2s}.theme-btn:hover{color:var(--ink);border-color:var(--ink)}.theme-btn .t-dark,[data-theme=dark] .theme-btn .t-light{display:none}[data-theme=dark] .theme-btn .t-dark{display:inline}.btn{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;background:var(--ink);color:var(--paper);padding:11px 18px;border-radius:2px;border:1px solid var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,color .3s;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px var(--signal-soft)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn.ghost:hover{border-color:var(--ink)}.shell{position:relative;z-index:1;margin-left:var(--rail);padding:0 var(--pad)}section{position:relative}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:120px;padding-bottom:64px}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:28px}.hero-meta span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--dim)}.hero-meta span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--signal);margin-right:9px;vertical-align:middle;transform:rotate(45deg)}.wordmark{font-family:var(--display);font-weight:900;line-height:.86;font-size:clamp(54px,15vw,230px);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}.wordmark .clip{display:block;overflow:hidden}.wordmark .clip>span{display:block;transform:translateY(105%);transition:transform 1s cubic-bezier(.16,1,.3,1)}.loaded .wordmark .clip>span{transform:translateY(0)}.wordmark .clip:nth-child(2)>span{transition-delay:.08s}.foundation{height:1px;background:var(--signal);width:0;margin:38px 0 30px;max-width:880px;box-shadow:0 0 18px var(--signal-soft);transition:width 1.3s cubic-bezier(.16,1,.3,1) .5s}.loaded .foundation{width:100%}.hero-lead{max-width:640px;font-size:clamp(17px,2.1vw,21px);font-weight:300;color:var(--ink);opacity:0;transform:translateY(14px);transition:opacity .8s .8s,transform .8s .8s}.hero-lead b{font-weight:500}.loaded .hero-lead{opacity:1;transform:none}.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;opacity:0;transition:opacity .8s 1s}.loaded .hero-cta{opacity:1}.sec{padding:clamp(72px,12vw,150px) 0;border-top:1px solid var(--line)}.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:54px;flex-wrap:wrap}.sec-head h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,5vw,56px);letter-spacing:-.01em;text-transform:uppercase}.sec-head .idx{font-family:var(--mono);font-size:13px;color:var(--faint);letter-spacing:.1em}.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.svc article{background:var(--paper);padding:clamp(26px,3.5vw,44px);position:relative;transition:background .4s}.svc article:hover{background:var(--surface)}.svc h3{font-family:var(--body);font-weight:500;font-size:clamp(19px,2.4vw,25px);margin:18px 0 12px;letter-spacing:-.01em}.svc p{color:var(--dim);font-size:15.5px;max-width:46ch}.svc .num{font-family:var(--mono);font-size:12px;color:var(--signal);letter-spacing:.1em}.work-list{display:flex;flex-direction:column}.work-item{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);transition:padding-left .4s cubic-bezier(.2,.8,.2,1);position:relative}.work-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--signal);transition:width .4s}.work-item:hover:after{width:2px}.work-item:hover{padding-left:22px}.work-item .wn{font-family:var(--mono);font-size:13px;color:var(--faint)}.work-main{display:flex;flex-direction:column;gap:7px}.work-main .t{font-family:var(--display);font-weight:700;font-size:clamp(24px,4.2vw,46px);letter-spacing:-.01em;line-height:1}.work-main .tag{font-family:var(--mono);font-size:12px;color:var(--signal);letter-spacing:.05em}.work-stack{font-family:var(--mono);font-size:12.5px;color:var(--dim);text-align:right;max-width:280px;letter-spacing:.02em}.work-arrow{font-family:var(--mono);color:var(--dim);transition:transform .35s,color .35s;font-size:20px}.work-item:hover .work-arrow{transform:translate(4px,-4px);color:var(--ink)}.work-flag .t{color:var(--ink)}.work-flag{background:linear-gradient(90deg,var(--signal-soft),transparent);padding-left:22px;border-radius:2px}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}.about-grid p{font-size:clamp(18px,2.3vw,26px);font-weight:300;line-height:1.45;letter-spacing:-.01em}.about-grid p b{font-weight:500;color:var(--ink)}.stack-box{border:1px solid var(--line);border-radius:3px;padding:26px}.stack-box .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}.stack-tags{display:flex;flex-wrap:wrap;gap:8px}.stack-tags span{font-family:var(--mono);font-size:12.5px;color:var(--ink);border:1px solid var(--line-strong);padding:6px 11px;border-radius:2px;transition:border-color .3s,color .3s}.stack-tags span:hover{border-color:var(--signal);color:var(--signal)}.langs{margin-top:22px;display:flex;gap:18px}.langs div{font-family:var(--mono);font-size:12.5px;color:var(--dim)}.langs div b{color:var(--ink);font-weight:500}.contact{padding:clamp(80px,14vw,170px) 0 clamp(60px,8vw,100px);border-top:1px solid var(--line)}.contact h2{font-family:var(--display);font-weight:900;font-size:clamp(34px,8vw,104px);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;max-width:13ch}.contact .lead{color:var(--dim);font-size:clamp(16px,2vw,19px);margin:26px 0 38px;max-width:48ch}.contact-row{display:flex;gap:40px;flex-wrap:wrap;align-items:center}.mailto{font-family:var(--display);font-weight:700;font-size:clamp(20px,3.4vw,38px);letter-spacing:-.01em;border-bottom:2px solid var(--line-strong);padding-bottom:4px;transition:border-color .3s,color .3s}.mailto:hover{border-color:var(--signal);color:var(--signal)}.socials{display:flex;gap:22px}.socials a{font-family:var(--mono);font-size:13px;color:var(--dim);letter-spacing:.05em;transition:color .25s}.socials a:hover{color:var(--ink)}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}footer span{font-family:var(--mono);font-size:11.5px;color:var(--faint);letter-spacing:.05em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.stagger.in>*{opacity:1;transform:none}.stagger.in>*:nth-child(2){transition-delay:.08s}.stagger.in>*:nth-child(3){transition-delay:.16s}.stagger.in>*:nth-child(4){transition-delay:.24s}.stagger.in>*:nth-child(5){transition-delay:.32s}[data-en],body.en [data-fi]{display:none}body.en [data-en]{display:revert}@media(max-width:880px){:root{--rail:0px}.rail{display:none}nav{padding:14px var(--pad)}.nav-links{display:none}.svc,.about-grid{grid-template-columns:1fr}.work-item{grid-template-columns:auto 1fr;gap:14px}.work-stack,.work-arrow{display:none}.hero{padding-top:96px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.wordmark .clip>span{transform:none}.foundation{width:100%}.hero-lead,.hero-cta{opacity:1;transform:none}.reveal,.stagger>*{opacity:1;transform:none}html{scroll-behavior:auto}}