:root{--bg: #161a20;--surface: #1c2129;--surface-2: #212730;--surface-deep: #12161b;--line: #2a313b;--line-2: #353d48;--line-accent: #d9b27c40;--text: #e3e7ec;--text-2: #a2abb7;--text-3: #8690a0;--accent: #d9b27c;--accent-2: #b8935f;--accent-soft: #d9b27c14;--t-fast: .18s;--t: .25s;--ok: #96c7a4;--err: #f2a58e;--radius: 16px;--ease: cubic-bezier(.2, .7, .2, 1);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-synthesis:none;color:var(--text);background:var(--bg);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);overflow-x:hidden}::selection{background:var(--accent);color:#111}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:12px;transform:translateY(-200%);left:20px;padding:12px 16px;background:#fff;color:#000;z-index:100;border-radius:8px}.skip:focus{transform:none}body:before{content:"";position:absolute;top:0;left:0;right:0;height:900px;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 78% -12%,#d9b27c0d,transparent 65%)}.eyebrow{display:inline-block;font-size:12px;font-weight:550;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.03em}h2{font-size:clamp(34px,4.2vw,52px);line-height:1.08}h2 span{color:var(--text-3)}.grad{color:var(--accent)}.arrow{display:inline-block;transition:transform var(--t) var(--ease)}a:hover .arrow,button:hover .arrow{transform:translate(3px,-3px)}.link-underline{position:relative;color:var(--text)}.link-underline:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform var(--t) var(--ease)}.link-underline:hover:after{transform:scaleX(1);transform-origin:left}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;padding:15px 22px;border-radius:999px;font-size:15px;font-weight:550;transition:transform var(--t) var(--ease),background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.button.primary{background:var(--text);color:#111}.button.primary:hover{background:var(--accent)}.button.ghost{border:1px solid var(--line-2);background:transparent}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.button.big{padding:18px 28px;font-size:16px}.magnetic{transition:transform var(--t) var(--ease),background .25s,border-color .25s,color .25s,box-shadow .25s;will-change:transform}.round-btn{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:18px;color:var(--text);transition:background var(--t-fast),border-color var(--t-fast),transform var(--t) var(--ease),color var(--t-fast)}.round-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pill-link{display:inline-flex;gap:10px;align-items:center;padding:11px 18px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;font-weight:500}.pill-link{transition:border-color var(--t-fast),color var(--t-fast)}.pill-link:hover{border-color:var(--accent);color:var(--accent)}.dot-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 #96c7a480;animation:live 2s infinite}@keyframes live{0%{box-shadow:0 0 #96c7a470}80%,to{box-shadow:0 0 0 8px #96c7a400}}.has-cursor,.has-cursor a,.has-cursor button{cursor:none}.has-cursor input{cursor:text}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:1000;border-radius:50%}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--accent)}.cursor-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid #d9b27c88;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s,border-color .25s,opacity .2s}.cursor-hot .cursor-ring{width:58px;height:58px;margin:-29px 0 0 -29px;background:#d9b27c14;border-color:var(--accent)}.cursor-away .cursor-ring,.cursor-away .cursor-dot{opacity:0}.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d, 0ms)}.js [data-reveal][data-shown]{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:50;transition:transform .4s var(--ease),background .3s,border-color .3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:#161a20d9;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-color:var(--line)}.site-header.is-hidden{transform:translateY(-100%)}.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform-origin:left}.nav{height:76px;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:-.04em}.logo-symbol{font-size:18px;color:#111;background:var(--accent);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;letter-spacing:-.05em;transition:transform var(--t) var(--ease)}.logo:hover .logo-symbol{transform:rotate(-6deg)}.nav-links{display:flex;gap:6px;margin-left:auto;font-size:14px}.nav-links a{position:relative;padding:9px 14px;color:var(--text-2);transition:color var(--t-fast)}.nav-links a:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;opacity:.55;transition:transform var(--t) var(--ease),opacity var(--t-fast)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.active{color:var(--text)}.nav-links a.active:after{transform:scaleX(1);opacity:1}.nav-cta{display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:550;padding:10px 18px;border-radius:999px;background:var(--text);color:#111;transition:background var(--t-fast),transform var(--t) var(--ease)}.nav-cta:hover{background:var(--accent)}.menu{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);position:relative}.menu span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--text);transition:transform .3s var(--ease),top .3s var(--ease)}.menu span:first-child{top:16px}.menu span:last-child{top:24px}.menu.open span:first-child{top:20px;transform:rotate(45deg)}.menu.open span:last-child{top:20px;transform:rotate(-45deg)}.availability{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);border:1px solid var(--line-2);padding:8px 14px;border-radius:999px;transition:border-color var(--t-fast),color var(--t-fast)}a.availability:hover{border-color:var(--accent);color:var(--text)}.availability>span{color:var(--accent);transition:transform .3s var(--ease)}a.availability:hover>span{transform:translate(4px)}.loop-card,.tilt{--rx: 0deg;--ry: 0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform var(--t) var(--ease),border-color var(--t-fast);transform-style:preserve-3d}.loop-card{position:relative;border:1px solid var(--line-2);border-radius:20px;overflow:hidden;background:var(--surface)}.loop-glare,.visual-glare{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity var(--t);background:radial-gradient(400px circle at var(--gx, 50%) var(--gy, 50%),#ffffff08,transparent 45%)}.loop-card:hover .loop-glare,.tilt:hover .visual-glare{opacity:1}.loop-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #ffffff0d;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2)}.loop-file{display:inline-flex;align-items:center;gap:10px}.loop-count{color:var(--text-3)}.loop-svg{display:block;width:100%;height:auto}.svg-floor{fill:#252c36}.svg-window{fill:#1f252e;stroke:#353d48;stroke-width:2}.svg-window-frame{stroke:#353d48;stroke-width:2;fill:none}.svg-shine{stroke:#ffffff14;stroke-width:4;stroke-linecap:round}.svg-moon{fill:#e9dcc5;opacity:.85}.svg-sun{fill:#f0a860}.svg-hill{fill:#34423a}.glyph{font:600 14px ui-monospace,Menlo,monospace;fill:var(--accent);opacity:0}.rep-label{font:600 10px ui-monospace,Menlo,monospace;fill:var(--text-3);letter-spacing:.1em}.rep-count{font:700 18px ui-monospace,Menlo,monospace;fill:var(--accent)}.steam{fill:none;stroke:#e9dccb88;stroke-width:2.2;stroke-linecap:round;opacity:0}.sweat{fill:#9fd0ff;opacity:0}.scene{opacity:0;transition:opacity .6s var(--ease),transform .6s var(--ease);transform:translateY(8px);transform-box:view-box}.mode-code .scene-code,.mode-gym .scene-gym,.mode-coffee .scene-coffee{opacity:1;transform:none}.blink{transform-box:fill-box;transform-origin:center;animation:blink 4s infinite}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.steam.s1{animation:steam 2.6s infinite}.steam.s2{animation:steam 2.6s 1.3s infinite}@keyframes steam{0%{opacity:0;transform:translateY(4px)}40%{opacity:.9}to{opacity:0;transform:translateY(-14px)}}.typing{animation:type .28s steps(2) infinite}@keyframes type{50%{transform:translateY(-2.5px)}}.code-lines rect{transform-box:fill-box;transform-origin:left;animation:code-line 4.8s var(--ease) infinite}.code-lines rect:nth-child(2){animation-delay:.35s}.code-lines rect:nth-child(3){animation-delay:.7s}.code-lines rect:nth-child(4){animation-delay:1.05s}.code-lines rect:nth-child(5){animation-delay:1.4s}@keyframes code-line{0%{transform:scaleX(0)}18%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}.glyph.g1{animation:float-up 3.6s infinite}.glyph.g2{animation:float-up 3.6s 1.2s infinite}.glyph.g3{animation:float-up 3.6s 2.4s infinite;fill:var(--ok)}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}25%,60%{opacity:.9}to{opacity:0;transform:translateY(-22px)}}.barbell{animation:press 1.6s var(--ease) infinite}.press-arm{transform-box:view-box;transform-origin:0 150px;animation:press-arm 1.6s var(--ease) infinite}@keyframes press{0%,to{transform:translateY(0)}45%,60%{transform:translateY(-70px)}}@keyframes press-arm{0%,to{transform:scaleY(.24)}45%,60%{transform:scaleY(1)}}.sweat{animation:sweat 1.6s infinite}@keyframes sweat{0%,40%{opacity:0;transform:translateY(0)}60%{opacity:.9}to{opacity:0;transform:translateY(14px)}}.sip-arm{transform-box:view-box;transform-origin:231px 144px;animation:sip 3.2s var(--ease) infinite}.sip-limb{transform-box:view-box;transform-origin:231px 140px;animation:sip-limb 3.2s var(--ease) infinite}.sip-mug{transform-box:fill-box;transform-origin:center;animation:sip-mug 3.2s var(--ease) infinite}@keyframes sip{0%,20%,to{transform:rotate(0)}45%,70%{transform:rotate(137deg)}}@keyframes sip-limb{0%,20%,to{transform:scaleY(1)}45%,70%{transform:scaleY(.72)}}@keyframes sip-mug{0%,20%,to{transform:translateY(0) rotate(0)}45%,70%{transform:translateY(-15px) rotate(-137deg)}}.loop-tabs{display:flex;align-items:center;gap:10px;padding:16px 20px 6px;border-top:1px solid #ffffff0d}.loop-tabs button{flex:1;text-align:left}.tab-bar{display:block;height:3px;border-radius:3px;background:#ffffff14;overflow:hidden;margin-bottom:10px}.tab-fill{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.loop-tabs .done .tab-fill{transform:scaleX(1);opacity:.45}.loop-tabs .active .tab-fill{animation:fill linear forwards}.is-paused .loop-tabs .active .tab-fill{animation-play-state:paused}@keyframes fill{to{transform:scaleX(1)}}.tab-label{font-size:14px;font-weight:550;color:var(--text-3);transition:color .2s}.tab-label small{font:11px ui-monospace,Menlo,monospace;margin-right:4px}.loop-tabs button:hover .tab-label,.loop-tabs .active .tab-label{color:var(--text)}.tab-repeat{font-size:13px;color:var(--accent);white-space:nowrap;padding-top:12px}.loop-line{margin:0;padding:12px 20px 18px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2);min-height:48px}.prompt{color:var(--accent)}.caret{display:inline-block;width:7px;height:14px;margin-left:4px;vertical-align:-2px;background:var(--accent);animation:caret 1.1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-size:22px;font-weight:550;letter-spacing:-.02em;color:var(--text-3);white-space:nowrap;transition:color .2s}.marquee span:hover{color:var(--text)}.marquee i{font-style:normal;font-size:12px;color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-top:130px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.section-heading>p{max-width:360px;font-size:16px;line-height:1.7;color:var(--text-2);margin:0 0 6px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:7px 12px;border-radius:999px;font-size:13px;color:var(--accent);background:var(--accent-soft);border:1px solid #d9b27c26}.spotlight{position:relative;isolation:isolate}.spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--t);background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),#d9b27c0c,transparent 45%)}.spotlight:hover:before{opacity:1}.project-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);transition:background .3s var(--ease)}.project-row.open{background:#ffffff05}.row-head{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.35fr) 200px 42px;gap:28px;align-items:center;width:100%;padding:30px 12px;text-align:left;border-radius:14px;transition:background .3s var(--ease)}.row-head:hover{background:#ffffff05}.project-row.open .row-head:hover{background:none}.row-no{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3)}.row-name{font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.035em;transition:color var(--t-fast),transform var(--t) var(--ease)}.row-head:hover .row-name,.project-row.open .row-name{color:var(--accent);transform:translate(4px)}.row-kind{font-size:15px;line-height:1.6;color:var(--text-2)}.row-stack{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);transition:opacity var(--t-fast)}.project-row.open .row-stack{opacity:0}.row-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:22px;line-height:1;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.row-toggle span{transition:transform var(--t) var(--ease)}.row-head:hover .row-toggle{border-color:var(--accent);color:var(--accent)}.project-row.open .row-toggle{background:var(--accent);border-color:var(--accent);color:#111}.project-row.open .row-toggle span{transform:rotate(45deg)}.collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}.collapse>div{overflow:hidden}.project-row.open .collapse{grid-template-rows:1fr}.row-kind small{display:block;margin-top:2px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3)}.row-body{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:36px;padding:6px 12px 34px 104px}.row-col h4{margin:0 0 8px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.row-col p{font-size:15px;line-height:1.7;color:var(--text-2);margin:0 0 20px}.row-work{list-style:none;margin:0;padding:0;display:grid;gap:8px}.row-work li{position:relative;padding-left:18px;font-size:15px;line-height:1.55;color:var(--text-2)}.row-work li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:1px;background:var(--accent)}.row-links{display:flex;gap:20px;margin-top:20px;font-size:14px}@keyframes dash{to{stroke-dashoffset:-22}}@keyframes spin{to{transform:rotate(360deg)}}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.experience-card{border:1px solid var(--line);border-radius:20px;padding:36px;background:var(--surface)}.experience-card h3{font-size:48px;letter-spacing:-.05em;margin-top:-4px}.experience-card .role{color:var(--accent);font-size:15px;font-weight:550;margin:8px 0 22px}.experience-card p{font-size:16px;line-height:1.75;color:var(--text-2)}.experience-card ul{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}.experience-card li{position:relative;padding-left:30px;font-size:15px;line-height:1.65;color:var(--text-2)}.experience-card li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#111;background:var(--ok)}.validator{height:100%;display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:20px;overflow:hidden;background:var(--surface-deep)}.terminal-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ffffff0d;font:13px ui-monospace,Menlo,monospace;color:var(--text-2)}.window-dots{display:flex;gap:6px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#ff6b5f}.window-dots i:nth-child(2){background:#f5bf4f}.window-dots i:nth-child(3){background:#5fce6a}.live-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ok)}.terminal-code{margin:0;padding:18px;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cdd6de;overflow-x:auto}.c-kw{color:#cbb2ef}.c-cls{color:var(--accent)}.c-fn{color:#8fc6d9}.c-num{color:#f2a58e}.c-muted{color:#7b8894}.payload{padding:0 18px 4px}.payload-title{margin:0 0 12px;font:600 13px ui-monospace,Menlo,monospace;color:var(--text)}.payload-title span{font-weight:400;color:var(--text-3)}.payload label{display:flex;align-items:center;gap:12px;margin-bottom:10px;font:13px ui-monospace,Menlo,monospace}.payload label>span{width:76px;flex-shrink:0;color:var(--text-3)}.payload input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg);color:var(--text);font:14px ui-monospace,Menlo,monospace;transition:border-color .2s,box-shadow .2s}.payload input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d9b27c26}.payload .has-error input{border-color:#f2a58e88}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.presets button{font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2);transition:border-color .2s,color .2s}.presets button:hover{border-color:var(--accent);color:var(--accent)}.flow{display:flex;align-items:center;gap:10px;padding:18px;font:12px ui-monospace,Menlo,monospace;color:var(--text-3)}.flow i{flex:1;height:2px;border-radius:2px;background:var(--line-2);position:relative;overflow:hidden}.flow i:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;animation:flow-fill .45s var(--ease) forwards}.flow i:nth-of-type(2):after{animation-delay:.45s}.flow.ok i:after{background:var(--ok)}.flow.bad i:nth-of-type(1):after{background:var(--accent)}.flow.bad i:nth-of-type(2):after{background:var(--err)}.flow span:last-child{animation:flow-end .3s .9s both}.flow.ok span:last-child{color:var(--ok)}.flow.bad span:last-child{color:var(--err)}@keyframes flow-fill{to{transform:scaleX(1)}}@keyframes flow-end{0%{opacity:.3}to{opacity:1}}.terminal-response{margin:auto 18px 18px;border:1px solid #96c7a438;border-radius:12px;padding:14px 16px;min-height:84px;color:var(--ok);background:#96c7a40d;transition:color .3s,border-color .3s,background .3s}.terminal-response>span{display:block;font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;margin-bottom:8px}.terminal-response code{display:block;white-space:pre-wrap;word-break:break-word;font:13px/1.6 ui-monospace,Menlo,monospace}.terminal-response.invalid{color:var(--err);border-color:#f2a58e40;background:#f2a58e0d}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.skill-card{border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--surface);transition:border-color var(--t),transform var(--t) var(--ease)}.skill-card:hover{border-color:var(--line-accent);transform:translateY(-3px)}.skill-card:last-child{grid-column:1 / -1}.skill-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.skill-head h3{font-size:22px;font-weight:600}.skill-head span{font:13px ui-monospace,Menlo,monospace;color:var(--text-3)}.chips{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:14px;color:var(--text-2);border:1px solid var(--line-2);background:var(--surface-2);transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.chips li:hover{color:var(--text);border-color:var(--line-accent)}.tech-icon{width:15px;height:15px;flex-shrink:0;fill:currentColor;opacity:.8;transition:color var(--t-fast),opacity var(--t-fast)}.chips li:hover .tech-icon{color:var(--accent);opacity:1}.js .skill-card .chips li{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s var(--ease),color var(--t-fast),border-color var(--t-fast);transition-delay:calc(var(--d, 0ms) + .15s + var(--i) * 35ms),calc(var(--d, 0ms) + .15s + var(--i) * 35ms),0s,0s}.js .skill-card[data-shown] .chips li{opacity:1;transform:none}.js .skill-card[data-shown] .chips li:hover{transition-delay:0s}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{display:flex;flex-direction:column;padding:30px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:border-color var(--t),transform var(--t) var(--ease)}.service:hover{border-color:var(--line-accent);transform:translateY(-3px)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.service-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid #d9b27c30;color:var(--accent);transition:background var(--t),color var(--t)}.service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service:hover .service-icon{background:var(--accent);color:#111}.num{font:13px ui-monospace,Menlo,monospace;color:var(--text-3)}.service h3{font-size:22px;margin-bottom:12px}.service p{font-size:15px;line-height:1.7;color:var(--text-2);margin:0 0 18px}.service small{display:block;font-size:13px;line-height:1.6;color:var(--text-3);margin-top:auto}.service>a{display:flex;justify-content:space-between;font-size:15px;font-weight:550;padding-top:20px;margin-top:22px;border-top:1px solid var(--line);transition:color .2s}.service>a:hover{color:var(--accent)}.service-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:15px;color:var(--text-2)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{position:relative;padding-top:28px}.steps li:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line-2)}.steps li:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;margin-top:-.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease);transition-delay:calc(var(--d) + .3s)}.js .steps[data-shown] li:after{transform:scaleX(1)}.step-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);font:13px ui-monospace,Menlo,monospace;color:var(--accent);background:var(--bg)}.steps h3{font-size:22px;margin:22px 0 10px}.steps p{font-size:15px;line-height:1.7;color:var(--text-2);margin:0;max-width:340px}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.portrait{position:relative;aspect-ratio:4 / 5;border-radius:22px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .3s var(--ease)}.portrait:hover img{filter:none}.portrait>span{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(transparent,#000c)}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--text-2);margin:22px 0 0}.about-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.beyond-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.personal{display:flex;flex-direction:column;gap:18px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.personal .gallery{flex:1;min-height:280px;aspect-ratio:auto}.gallery-caption{margin-right:auto;font-size:14px;color:var(--text-2);font-family:Inter,system-ui,sans-serif}.gallery-controls{display:flex;align-items:center;gap:14px;font:14px ui-monospace,Menlo,monospace;color:var(--text-2)}.gallery{position:relative;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;background:#000;touch-action:pan-y;-webkit-user-select:none;user-select:none}.gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s var(--ease)}.gallery img.current{opacity:1}.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px}.dots button{width:7px;height:7px;border-radius:99px;background:#ffffff80;transition:width var(--t) var(--ease),background var(--t)}.dots button.on{width:22px;background:var(--accent)}.contact{text-align:center;margin-top:130px;padding:110px 0 0;border-top:1px solid var(--line)}.contact .availability{margin-bottom:30px}.contact h2{font-size:clamp(38px,6vw,76px);letter-spacing:-.045em;line-height:1.02}.contact h2 .grad{display:inline}.contact p{max-width:560px;margin:26px auto 0;font-size:18px;line-height:1.7;color:var(--text-2)}.contact-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin-top:38px}.email-chip{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-radius:999px;border:1px solid var(--line-2);font-size:15px;color:var(--text);transition:border-color var(--t-fast)}.email-chip:hover{border-color:var(--accent)}.chip-action{padding:9px 14px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:550;color:var(--text-2);transition:background .25s,color .25s}.email-chip:hover .chip-action{background:var(--accent-soft);color:var(--accent)}.email-chip.copied .chip-action{background:var(--ok);color:#111}.contact-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:90px;padding:28px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--text-3);text-align:left}.contact-bottom>div{display:flex;gap:28px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 0 40px;font-size:14px;color:var(--text-3)}footer .logo{font-size:20px;color:var(--text)}@media(max-width:1024px){.beyond-grid,.experience-grid{grid-template-columns:1fr}.about{gap:48px}}@media(max-width:860px){.container{width:calc(100% - 40px)}.nav{gap:12px}.menu{display:block}.nav-cta{margin-left:auto}.nav-links{position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:4px;padding:16px 20px 24px;background:#161a20f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .3s var(--ease),visibility .25s}.nav-links.open{opacity:1;visibility:visible;transform:none}.nav-links a{font-size:18px;padding:14px 12px}.nav-links a.active:before{left:auto;right:16px;bottom:50%;margin-bottom:-2px}.section{padding-top:96px}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.service-grid,.skill-grid,.steps,.about{grid-template-columns:1fr}.skill-card:last-child{grid-column:auto}.steps{gap:36px}.portrait{max-width:420px}}@media(max-width:560px){.nav-cta{display:none}.menu{margin-left:auto}.loop-head{font-size:12px;padding:14px 16px}.loop-tabs{padding:14px 16px 4px;gap:8px}.tab-label small,.tab-repeat{display:none}.loop-line{padding:10px 16px 16px;font-size:12px}.experience-card{padding:26px}.experience-card h3{font-size:40px}.payload label>span{width:64px}.terminal-code{font-size:12px}.marquee span{font-size:18px}.contact p{font-size:16px}.email-chip{font-size:14px}.contact-bottom{flex-direction:column;align-items:center;text-align:center}footer{flex-direction:column;text-align:center;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.js [data-reveal],.js .skill-card .chips li{opacity:1;transform:none}.code-lines rect,.tab-fill{transform:none}.steam,.glyph,.sweat{opacity:0}}.experience-grid>*,.beyond-grid>*,.skill-grid>*,.service-grid>*,.about>*,.personal>*{min-width:0}.convo{position:relative;display:inline-block;z-index:5}.convo-caret{display:inline-block;transition:transform var(--t) var(--ease)}.convo.open .convo-caret{transform:rotate(135deg)}.convo-menu{position:absolute;left:50%;top:calc(100% + 12px);width:320px;padding:10px;text-align:left;border:1px solid var(--line-2);border-radius:20px;background:var(--surface-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 60px #000b;opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.97);transform-origin:top center;transition:opacity var(--t-fast) var(--ease),transform var(--t) var(--ease),visibility var(--t-fast)}.convo.open .convo-menu{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.convo-title{margin:6px 10px 10px!important;font-size:13px!important;color:var(--text-3)!important}.convo-option{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;transition:background .2s,transform .3s var(--ease)}.convo-option:hover,.convo-option:focus-visible{background:#ffffff0a}.convo.open .convo-option{animation:convo-in .4s var(--ease) both}.convo.open .convo-option.mail{animation-delay:.06s}@keyframes convo-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.convo-option>span:nth-child(2){flex:1;min-width:0}.convo-option b{display:block;font-size:15px;font-weight:600}.convo-option small{display:block;margin-top:2px;font-size:13px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:grid;place-items:center}.convo-icon svg{width:22px;height:22px}.wa .convo-icon{background:#25d36622;color:#3ee07c}.mail .convo-icon{background:var(--accent-soft);color:var(--accent)}.wa:hover .convo-icon{background:#25d366;color:var(--bg)}.mail:hover .convo-icon{background:var(--accent);color:var(--bg)}@media(max-width:560px){.convo-menu{width:min(320px,calc(100vw - 40px))}}.feed-controls{max-width:380px}.feed-controls>p{font-size:16px;line-height:1.7;color:var(--text-2);margin:0 0 16px}.feed-refresh{display:flex;align-items:center;justify-content:flex-end;gap:14px}.feed-updated{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3)}.round-btn:disabled{opacity:.6;cursor:default}.round-btn.spinning span{animation:spin .9s linear infinite}.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;transition:opacity var(--t)}.feed-grid.is-refreshing{opacity:.55}.feed-card{display:flex;flex-direction:column;min-height:200px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color var(--t),transform var(--t) var(--ease);animation:feed-in .6s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}.feed-card:not(.is-skeleton):hover{border-color:var(--line-accent);transform:translateY(-3px)}@keyframes feed-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.feed-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.feed-tag{padding:5px 11px;border-radius:999px;font-size:12px;font-weight:550;color:var(--accent);background:var(--accent-soft);border:1px solid #d9b27c26}.feed-meta time{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);white-space:nowrap}.feed-card h3{font-size:16px;line-height:1.45;letter-spacing:-.02em;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-card h3 a{transition:color .2s}.feed-card h3 a:hover{color:var(--accent)}.feed-source{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;color:var(--text-3);min-width:0}.feed-favicon{width:20px;height:20px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text);background:var(--surface-2);border:1px solid var(--line-2)}.feed-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.feed-card>.feed-source{margin-bottom:16px}.feed-read{display:inline-flex;gap:8px;font-size:14px;font-weight:550;transition:color .2s}.feed-read:hover{color:var(--accent)}.feed-stats{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);white-space:nowrap;transition:color .2s}.feed-stats:hover{color:var(--text)}.is-skeleton{gap:14px}.sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,#2a313b 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.sk-tag{width:80px;height:24px;border-radius:999px;margin-bottom:8px}.sk-line{height:18px}.sk-line.short{width:65%}.sk-source{width:40%;height:14px;margin-top:auto}@keyframes shimmer{to{background-position:-200% 0}}.feed-message{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:28px;border-radius:20px;border:1px dashed var(--line-2);background:var(--surface)}.feed-message p{flex:1;min-width:220px;margin:0;font-size:15px;line-height:1.6;color:var(--text-2)}.feed-message b{color:var(--text);font-weight:600}.feed-message-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--accent);background:var(--accent-soft)}.feed-credit{margin:20px 0 0;font-size:13px;color:var(--text-3)}@media(max-width:1100px){.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.feed-controls{max-width:none}.feed-refresh{justify-content:flex-start}}@media(max-width:560px){.feed-grid{grid-template-columns:1fr}.feed-card{min-height:0}}.layers-intro{--tilt: 0;--spread: 0;--reveal: 0;--exit: 0;--w: min(520px, 40vw);--h: calc(var(--w) * .6);--gap: calc(var(--w) * .3);position:relative;height:260vh;margin-top:-77px}.li-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.li-inner{height:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;padding:92px 0 72px}.li-title{font-size:clamp(44px,4.7vw,72px);line-height:1.02;letter-spacing:-.05em;font-weight:600;margin:0}.li-title>span{display:block}@media(min-width:1025px){.li-title>span{white-space:nowrap}}.li-lead{margin:22px 0 0;max-width:470px;font-size:18px;line-height:1.6;color:var(--text-2)}.li-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.li-actions .button{padding:12px 20px;font-size:14px}.li-flow{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0;max-width:480px}.li-flow li{position:relative;display:grid;grid-template-columns:14px 26px minmax(0,1fr);column-gap:12px;align-items:start;padding:7px 0}.li-no{padding-top:3px}.li-flow li:not(:last-child):before{content:"";position:absolute;left:6px;top:27px;bottom:-11px;width:2px;border-radius:2px;background:linear-gradient(var(--accent),var(--accent)) 0 0 / 100% 0 no-repeat,var(--line-2);transition:background-size var(--t) var(--ease)}.li-flow li.lit:not(.current):before{background-size:100% 100%,auto}.li-flow li.current:not(:last-child):after{content:"";position:absolute;left:5px;top:27px;width:4px;height:8px;border-radius:4px;background:var(--accent);animation:flow-packet 1.4s var(--ease) infinite}@keyframes flow-packet{0%{transform:translateY(0);opacity:1}to{transform:translateY(26px);opacity:0}}.li-node{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-2);background:var(--bg);align-self:start;margin-top:4px;transition:border-color var(--t),background var(--t),box-shadow var(--t)}.li-flow li.lit .li-node{border-color:var(--accent)}.li-flow li.current .li-node{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.li-no{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);transition:color var(--t)}.li-flow li.lit .li-no{color:var(--accent)}.li-text b{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-right:10px}.li-text small{font-size:14px;line-height:1.5;color:var(--text-2)}.li-stage-wrap{display:grid;place-items:center;height:100%;perspective:1800px;perspective-origin:50% 40%}.li-stage-wrap>.li-stage{translate:0 calc(var(--spread) * var(--gap) * .3)}.li-stage{position:relative;width:var(--w);height:var(--h);font-size:calc(var(--w) / 36);transform-style:preserve-3d;transform:rotateX(calc(var(--tilt) * 56deg)) rotate(calc(var(--tilt) * -36deg)) translateZ(calc(var(--spread) * var(--gap) * -1.5)) scale(calc(1 - var(--exit) * .06))}.li-shadow{position:absolute;inset:6%;border-radius:20px;background:#000;filter:blur(30px);opacity:calc(var(--tilt) * .55);transform:translateZ(-40px)}.li-layer{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--depth) * var(--gap) * var(--spread) + var(--depth) * 1px))}.plate{width:100%;height:100%;border-radius:1.1em;padding:1.4em;overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 1.5em 3em rgb(0 0 0 / calc(var(--tilt) * .55));transition:border-color var(--t) var(--ease)}.li-layer.lit .plate{border-color:var(--line-accent)}.plate-tag{display:inline-block;margin-bottom:1em;padding:.35em .8em;border-radius:99px;font:600 .85em ui-monospace,Menlo,monospace;background:#ffffff0a;color:var(--text-2)}.plate p{margin:0 0 .7em;font:1.05em/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2);display:flex;gap:.8em}.plate-trace{display:flex;flex-direction:column;padding:0;background:var(--surface-deep)}.tr-head{display:flex;align-items:center;gap:.7em;padding:1em 1.3em;border-bottom:1px solid var(--line);font:1em ui-monospace,SFMono-Regular,Menlo,monospace}.tr-method{padding:.2em .55em;border-radius:.35em;background:var(--accent);color:#111;font-weight:700;font-size:.8em;letter-spacing:.04em}.tr-path{color:var(--text);font-weight:600}.tr-status{margin-left:auto;display:inline-flex;align-items:center;gap:.45em;font-size:.78em;color:var(--text-2)}.tr-status i{width:.55em;height:.55em;border-radius:50%;background:var(--accent);animation:tr-pulse 1.2s ease-in-out infinite}.tr-status.is-done{color:var(--ok)}.tr-status.is-done i{background:var(--ok);animation:none}@keyframes tr-pulse{50%{opacity:.35}}.tr-steps{list-style:none;margin:0;padding:.6em 1.3em .4em;display:grid;gap:0}.tr-steps li{display:grid;grid-template-columns:1.3em 10.2em minmax(0,1fr) 3.4em;align-items:center;column-gap:.7em;padding:.45em 0;font-size:.92em}.tr-dot{width:1.3em;height:1.3em;border-radius:50%;display:grid;place-items:center;font-size:.75em;border:1.5px solid var(--line-2);color:#111;transition:background var(--t-fast),border-color var(--t-fast)}.tr-name{color:var(--text-2);font-weight:550;white-space:nowrap;transition:color var(--t-fast)}.tr-detail{font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-ms{font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);text-align:right}.tr-steps li.done .tr-dot{background:var(--ok);border-color:var(--ok)}.tr-steps li.done .tr-name{color:var(--text)}.tr-steps li.done .tr-detail{color:var(--ok)}.tr-steps li.active .tr-dot{border-color:var(--accent);box-shadow:0 0 0 .25em var(--accent-soft)}.tr-steps li.active .tr-name{color:var(--accent)}.tr-response{margin:.2em 1.3em 0;display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.7em .9em;border-radius:.6em;border:1px dashed var(--line-2);font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-3);transition:border-color var(--t),color var(--t)}.tr-response code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-response.is-done{border-style:solid;border-color:#96c7a440;color:var(--ok)}.tr-tech{display:flex;gap:.45em;flex-wrap:wrap;margin-top:auto;padding:.8em 1.3em 1.1em}.tr-tech span{padding:.25em .7em;border-radius:99px;border:1px solid var(--line-2);font-size:.72em;color:var(--text-2)}.plate-api em{margin-left:auto;font-style:normal;color:var(--ok)}.plate-api b{width:4.2em;font-weight:700;color:var(--text-2)}.plate-api b.m-post{color:var(--accent)}.plate-val .ok{color:var(--ok)}.plate-val .bad{color:var(--err)}.db-grid{display:grid;grid-template-columns:.7fr 1.6fr .6fr 1fr;gap:.55em 1em;font:1em ui-monospace,Menlo,monospace;color:var(--text-2)}.db-grid b{color:var(--accent);font-weight:600;padding-bottom:.4em;border-bottom:1px solid var(--line-2)}.li-packets{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;opacity:var(--reveal)}.li-packets i{position:absolute;width:.8em;height:.8em;margin:-.4em 0 0 -.4em;border-radius:50%;background:var(--accent);animation:packet 2.4s cubic-bezier(.5,0,.5,1) infinite}.li-packets i:nth-child(1){left:22%;top:40%}.li-packets i:nth-child(2){left:58%;top:62%;animation-delay:.8s}.li-packets i:nth-child(3){left:82%;top:30%;animation-delay:1.6s}@keyframes packet{0%{transform:translateZ(calc(var(--gap) * 3 + 8px));opacity:0}12%,88%{opacity:1}to{transform:translateZ(4px);opacity:0}}.li-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);opacity:calc(1 - var(--tilt) * 3);transition:color var(--t-fast)}.li-hint:hover{color:var(--text)}.li-hint i{width:1px;height:22px;background:var(--accent);animation:hint 1.8s var(--ease) infinite;transform-origin:top}@keyframes hint{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media(min-width:1025px)and (max-height:820px){.li-title{font-size:clamp(40px,4.4vw,62px)}.li-lead{font-size:16px;margin-top:16px}.li-actions,.li-flow{margin-top:18px}.li-flow li{padding:4px 0}.li-text small{font-size:13px}}.layers-intro.is-static{height:auto;--tilt: 1;--spread: 1;--reveal: 0;--exit: 0}.layers-intro.is-static .li-sticky{position:relative;height:auto}.layers-intro.is-static .li-stage-wrap{min-height:620px}.layers-intro.is-static .li-hint{display:none}@media(max-width:1024px){.layers-intro,.layers-intro.is-flat{--w: min(520px, calc(100vw - 40px) );height:auto}.li-sticky{position:relative;height:auto;overflow:visible}.li-inner{grid-template-columns:1fr;gap:36px;padding:112px 0 56px}.li-title{font-size:clamp(34px,10vw,60px)}.li-stage{font-size:min(calc(var(--w) / 28),14px);height:auto}.li-layer.layer-ui{position:relative}.plate-trace{height:auto}.li-lead{font-size:17px}.li-stage-wrap{height:auto;perspective:none;justify-items:start}.li-stage,.li-stage-wrap>.li-stage{transform:none;translate:none}.li-layer{transform:none}.li-layer:not(.layer-ui),.li-packets,.li-shadow{display:none}.li-hint{display:none}}@media(max-width:420px){.li-text b{display:block;margin:0 0 2px}.tr-steps li{grid-template-columns:1.3em 9.6em minmax(0,1fr) 3.2em}}@media(max-width:860px){.row-head{grid-template-columns:40px minmax(0,1fr) 42px;gap:8px 16px;padding:24px 4px}.row-kind,.row-stack{grid-column:2 / 3}.row-toggle{grid-column:3;grid-row:1}.row-body{grid-template-columns:1fr;gap:4px;padding:0 4px 26px 56px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}