*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--ink);color:var(--bone);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent, var(--bone));color:var(--ink)}:root{--ease-premium: cubic-bezier(.22, 1, .36, 1);--ink: #0c0c0d;--ink-2: #141416;--ink-3: #1b1b1e;--bone: #ece8e1;--ash: #8b8983;--faint: #56544f;--line: rgba(236, 232, 225, .1);--line-2: rgba(236, 232, 225, .18);--accent: #ece8e1;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--maxw: 1280px;--pad: clamp(1.25rem, 5vw, 4rem)}html.light{--ink: #efeae1;--ink-2: #e7e1d6;--ink-3: #ded7ca;--bone: #17140f;--ash: #6b6760;--faint: #a7a299;--line: rgba(23, 20, 15, .13);--line-2: rgba(23, 20, 15, .22);--accent: #17140f}html.light .atmos{background:radial-gradient(60vw 60vw at 18% 8%,rgba(23,20,15,.05),transparent 60%),radial-gradient(55vw 55vw at 88% 92%,rgba(23,20,15,.04),transparent 60%)}html.light .spot{background:radial-gradient(360px 360px at var(--mx, 50%) var(--my, 30%),rgba(23,20,15,.05),transparent 70%);mix-blend-mode:multiply}html.light .grain{opacity:.04;mix-blend-mode:multiply}html.light #nav .nav-bg{background:#f3efe79e}html.light .contact-glow{background:radial-gradient(circle,rgba(23,20,15,.05),transparent 60%)}html.light #loader .l-glow{background:radial-gradient(circle,rgba(23,20,15,.06),transparent 60%)}html.light #grid .g-cols div{background:#17140f0a;border-color:#17140f12}html.light .phone-float{filter:drop-shadow(0 22px 30px rgba(23,20,15,.3))}html.light .ph-ground{background:radial-gradient(ellipse at center,rgba(23,20,15,.32),transparent 68%)}html.theming,html.theming *{transition:background-color .45s var(--ease),border-color .45s var(--ease),color .45s var(--ease),fill .45s var(--ease)!important}.nav-actions{display:flex;align-items:center;gap:.45rem;z-index:1}.nav-theme{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--bone);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .3s,background .3s,transform .3s var(--ease)}.nav-theme:hover{border-color:var(--bone)}.nav-theme:active{transform:scale(.9)}.nav-theme svg{position:absolute;width:16px;height:16px;transition:opacity .35s var(--ease),transform .5s var(--ease)}.nav-theme .i-sun{opacity:1;transform:none}.nav-theme .i-moon{opacity:0;transform:rotate(-90deg) scale(.4)}html.light .nav-theme .i-sun{opacity:0;transform:rotate(90deg) scale(.4)}html.light .nav-theme .i-moon{opacity:1;transform:none}.atmos,.grain,.spot{position:fixed;inset:0;pointer-events:none;z-index:0}.atmos{background:radial-gradient(60vw 60vw at 18% 8%,rgba(236,232,225,.045),transparent 60%),radial-gradient(55vw 55vw at 88% 92%,rgba(236,232,225,.035),transparent 60%);animation:drift 28s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2.5%,-2%,0) scale(1.08)}}.spot{background:radial-gradient(360px 360px at var(--mx, 50%) var(--my, 30%),rgba(236,232,225,.06),transparent 70%);opacity:0;transition:opacity .6s var(--ease);mix-blend-mode:screen}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform}.orb-1{width:52vmax;height:52vmax;left:-14vmax;top:-12vmax;background:radial-gradient(circle at 35% 35%,rgba(236,232,225,.14),transparent 60%);animation:orb1 34s ease-in-out infinite alternate}.orb-2{width:44vmax;height:44vmax;right:-12vmax;top:28%;background:radial-gradient(circle at 60% 40%,rgba(236,232,225,.11),transparent 60%);animation:orb2 42s ease-in-out infinite alternate}.orb-3{width:40vmax;height:40vmax;left:20%;bottom:-16vmax;background:radial-gradient(circle at 50% 50%,rgba(236,232,225,.1),transparent 60%);animation:orb3 28s ease-in-out infinite alternate}@keyframes orb1{to{transform:translate3d(10vw,8vh,0) scale(1.18)}}@keyframes orb2{to{transform:translate3d(-9vw,-10vh,0) scale(.88)}}@keyframes orb3{to{transform:translate3d(8vw,-7vh,0) scale(1.14)}}html.light .orb-1{background:radial-gradient(circle at 35% 35%,rgba(23,20,15,.11),transparent 60%)}html.light .orb-2{background:radial-gradient(circle at 60% 40%,rgba(23,20,15,.09),transparent 60%)}html.light .orb-3{background:radial-gradient(circle at 50% 50%,rgba(23,20,15,.08),transparent 60%)}.grain{z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,-2%)}to{transform:translate(0)}}.mono{font-family:var(--font-mono);font-size:.72rem;font-weight:400;letter-spacing:.04em;color:var(--ash);text-transform:uppercase}.tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ash)}.tag:before{content:"/";color:var(--faint);margin-right:.15em}html.fx .anim{opacity:0}#nav,main,footer,#loader,#grid,#egg{position:relative;z-index:3}main{display:block}#cur{position:fixed;inset:0;pointer-events:none!important;z-index:99999999!important;display:none}html.fine #cur{display:block}#cur-ring,#cur-dot,#cur-label{pointer-events:none!important;z-index:99999999!important}#cur-ring{position:fixed;top:0;left:0;width:38px;height:38px;border:1.5px solid var(--bone);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .32s var(--ease),height .32s var(--ease),border-color .25s,background .25s,opacity .25s}html.light #cur-ring{border-color:#17140f}#cur-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--bone);border-radius:50%;transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 6px #0009;transition:opacity .2s}html.light #cur-dot{background:#17140f;box-shadow:0 0 6px #fffc}#cur-label{position:fixed;top:0;left:0;transform:translate(16px,16px);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--bone);padding:.25rem .6rem;border-radius:40px;opacity:0;transition:opacity .2s;white-space:nowrap;box-shadow:0 4px 14px #00000073}html.light #cur-label{color:#f7f5f0;background:#17140f;box-shadow:0 4px 14px #00000026}html.cur-hot #cur-ring{width:58px;height:58px;border-color:var(--bone);background:#ece8e124}html.light.cur-hot #cur-ring{border-color:#17140f;background:#17140f1a}html.cur-media #cur-ring{width:82px;height:82px;border:2px solid var(--bone);background:#ece8e114}html.light.cur-media #cur-ring{border-color:#17140f;background:#17140f14}html.fine,html.fine *{cursor:none!important}#loader{position:fixed;inset:0;z-index:9500;background:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}#loader .l-glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,rgba(236,232,225,.07),transparent 60%);opacity:0;filter:blur(20px)}#loader .l-inner{position:relative;text-align:center}#loader .l-mark{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,9vw,6rem);letter-spacing:-.04em;color:var(--bone);line-height:1}#loader .l-num{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;color:var(--ash);margin-top:1rem}#loader .l-bar{width:min(220px,50vw);height:1px;background:var(--line-2);margin:1.1rem auto 0;overflow:hidden}#loader .l-bar i{display:block;height:100%;width:0;background:var(--bone)}#loader .l-skip{position:absolute;bottom:2rem;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}#nav{position:fixed;top:0;left:0;right:0;z-index:1002;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad);transition:transform .5s var(--ease)}#nav .nav-bg{position:absolute;inset:.75rem var(--pad);border-radius:50px;background:#10101299;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);opacity:0;transform:scaleX(.6);transform-origin:center;transition:opacity .5s var(--ease),transform .6s var(--ease)}#nav.float{padding-top:.85rem;padding-bottom:.85rem}#nav.float .nav-bg{opacity:1;transform:scaleX(1)}.nav-logo{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--bone);z-index:1;-webkit-user-select:none;user-select:none}.nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:.15rem;align-items:center;z-index:1}.nav-link{position:relative;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.03em;color:var(--ash);padding:.5rem .85rem;text-transform:uppercase;transition:color .25s}.nav-link:after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.35rem;height:1px;background:var(--bone);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav-link:hover{color:var(--bone)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--bone)}.nav-cta{z-index:1;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.03em;text-transform:uppercase;background:var(--bone);color:var(--ink);padding:.6rem 1.15rem;border:none;border-radius:40px;transition:opacity .25s}.nav-cta:hover{opacity:.88}#nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:.5rem;z-index:1003}#nav-burger span{display:block;width:22px;height:1.5px;background:var(--bone);transition:transform .35s var(--ease),opacity .25s}#nav.menu-open .nav-bg{opacity:0;transform:scaleX(.6)}#nav-overlay{position:fixed;inset:0;z-index:1001;display:flex;pointer-events:none;opacity:0;background:var(--ink);flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;padding:0 var(--pad);transition:opacity .5s var(--ease)}#nav-overlay.open{pointer-events:auto;opacity:1}.ov-link{overflow:hidden;display:block}.ov-link a{display:block;font-family:var(--font-display);font-size:clamp(2.4rem,11vw,4.5rem);font-weight:700;letter-spacing:-.03em;color:var(--bone);text-transform:uppercase;line-height:1.12;transform:translateY(110%);transition:transform .6s var(--ease),color .25s}#nav-overlay.open .ov-link a{transform:none}#nav-overlay.open .ov-link:nth-child(1) a{transition-delay:.06s}#nav-overlay.open .ov-link:nth-child(2) a{transition-delay:.12s}#nav-overlay.open .ov-link:nth-child(3) a{transition-delay:.18s}#nav-overlay.open .ov-link:nth-child(4) a{transition-delay:.24s}.ov-link a:hover{color:var(--ash)}.shell{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);width:100%}section{position:relative;scroll-margin-top:5rem}.sec-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:3.5rem}.sec-head .tag{flex-shrink:0}.sec-line{flex:1;height:1px;background:var(--line);transform-origin:left}.sec-title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4.2rem);font-weight:700;letter-spacing:-.035em;line-height:1;text-transform:uppercase;color:var(--bone)}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:8rem 0 clamp(2rem,6vh,4rem);position:relative}.hero-inner{will-change:transform,opacity}.hero-top{position:absolute;top:clamp(6rem,14vh,9rem);left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 var(--pad)}.hero-eyebrow{display:flex;align-items:center;gap:.6rem}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent, var(--bone));animation:pulse 2.4s ease-in-out infinite;cursor:pointer}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.hero-copyright{text-align:right;line-height:1.5}.hero-name{font-family:var(--font-display);font-weight:800;letter-spacing:-.045em;line-height:.86;text-transform:uppercase;color:var(--bone)}.hero-line{display:block;overflow:hidden;padding-bottom:.04em}.hero-line span{display:block;font-size:clamp(3.4rem,15.5vw,13rem)}.hero-name .char{display:inline-block;will-change:transform,filter,opacity}.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;margin-top:clamp(1.75rem,4vw,3rem);border-top:1px solid var(--line);padding-top:1.75rem}.hero-sub{font-size:clamp(1rem,2vw,1.3rem);color:var(--ash);max-width:30ch;line-height:1.45}.hero-role{color:var(--bone);transition:opacity .35s var(--ease)}.hero-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.btn{position:relative;display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;padding:.9rem 1.5rem;border-radius:44px;overflow:hidden;will-change:transform}.btn .btn-t{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.55rem}.btn svg{transition:transform .4s var(--ease)}.btn:hover svg{transform:translate(3px,-3px)}.btn-solid{background:var(--bone);color:var(--ink)}.btn-solid:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .5s var(--ease);z-index:0}.btn-solid:hover{color:var(--bone)}.btn-solid:hover:before{transform:translateY(0)}.btn-solid:after{content:"";position:absolute;inset:-1px;border-radius:44px;border:1px solid var(--bone);opacity:0;transition:opacity .4s}.btn-solid:hover:after{opacity:1}.btn-ghost{border:1px solid var(--line-2);color:var(--bone)}.btn-ghost:before{content:"";position:absolute;inset:0;background:var(--bone);transform:translateY(101%);transition:transform .5s var(--ease);z-index:0}.btn-ghost:hover{color:var(--ink)}.btn-ghost:hover:before{transform:translateY(0)}.btn-case{background:#ece8e112;border:1px solid var(--line-2);color:var(--bone);cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.btn-case:before{content:"";position:absolute;inset:0;background:var(--bone);transform:translateY(101%);transition:transform .45s var(--ease);z-index:0}.btn-case:hover{color:var(--ink);border-color:var(--bone)}.btn-case:hover:before{transform:translateY(0)}html.light .btn-case{background:#17140f0d;border-color:#17140f29}html.light .btn-case:hover{color:var(--ink);border-color:var(--bone)}.panel-title[data-open-case]{cursor:pointer;transition:opacity .2s var(--ease)}.panel-title[data-open-case]:hover{opacity:.82}.panel-visual[data-open-case]{cursor:pointer}.marquee{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:1.4rem 0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:0;width:max-content;animation:scroll 38s linear infinite;will-change:transform}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.marquee-item{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3.4vw,2.6rem);letter-spacing:-.02em;text-transform:uppercase;color:var(--bone);padding:0 1.4rem;display:flex;align-items:center;gap:2.8rem;white-space:nowrap}.marquee-item:after{content:"\2726";color:var(--faint);font-size:.7em}.now-section{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(1rem,2.5vw,2rem)}.now-panel{position:relative;background:#ece8e106;border:1px solid var(--line);border-radius:16px;padding:clamp(1.4rem,2.8vw,2.2rem);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px #00000040;transition:border-color .3s ease,box-shadow .3s ease}html.light .now-panel{background:#17140f06;box-shadow:0 20px 40px #0000000d}.now-panel:hover{border-color:#ece8e133}html.light .now-panel:hover{border-color:#17140f33}.now-head-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1.15rem;margin-bottom:1.4rem;border-bottom:1px solid var(--line)}.now-badge{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone);font-weight:600}.now-live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55ecc}.now-live-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid #22c55e;animation:nowPulse 2s cubic-bezier(.24,0,.38,1) infinite}@keyframes nowPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(2.2);opacity:0}}.now-timestamp{font-family:var(--font-mono);font-size:.7rem;color:var(--faint);letter-spacing:.03em}.now-grid{display:grid;grid-template-columns:1.2fr 1.3fr 1fr;gap:clamp(1.4rem,2.5vw,2.2rem)}@media(max-width:960px){.now-grid{grid-template-columns:1fr;gap:1.6rem}}.now-col{display:flex;flex-direction:column;justify-content:space-between}.now-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:.65rem;display:flex;align-items:center;gap:.45rem}.now-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--bone);letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem}.now-desc{font-size:.88rem;color:var(--ash);line-height:1.55;margin-bottom:.85rem}.now-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.74rem;color:var(--bone);text-decoration:none;border-bottom:1px dashed var(--ash);transition:color .2s,border-color .2s;width:fit-content}.now-link:hover{color:#fff;border-bottom-color:#fff}html.light .now-link:hover{color:#000;border-bottom-color:#000}.now-commit-box{background:#ece8e108;border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.35rem}html.light .now-commit-box{background:#17140f08}.now-commit-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.now-repo-name{font-family:var(--font-mono);font-size:.76rem;font-weight:600;color:var(--bone)}.now-commit-time{font-family:var(--font-mono);font-size:.65rem;color:var(--faint);white-space:nowrap}.now-commit-msg{font-family:var(--font-mono);font-size:.72rem;color:var(--ash);line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.now-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.now-tag{font-family:var(--font-mono);font-size:.66rem;color:var(--ash);padding:.2rem .55rem;border:1px solid var(--line);border-radius:4px;background:#ece8e105}html.light .now-tag{background:#17140f05}.now-status-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;color:var(--bone);padding:.3rem .7rem;border-radius:6px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);margin-bottom:.85rem;width:fit-content}.now-collab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--bone);padding:.6rem 1.1rem;border-radius:6px;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),opacity .25s;width:fit-content;margin-top:auto}.now-collab-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059;opacity:.94}html.light .now-collab-btn{background:#17140f;color:#f7f5f0}#about{padding:clamp(5rem,11vw,9rem) 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}.about-hello{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.03em;line-height:1.04;color:var(--bone);margin-bottom:1.75rem}.about-hello .word{display:inline-block}.about-hello em{font-style:normal;color:var(--ash)}.about-body{font-size:1.02rem;color:var(--ash);line-height:1.75;margin-bottom:1.25rem;max-width:46ch}.about-body b{color:var(--bone);font-weight:500}.about-portrait{position:relative;aspect-ratio:4/5;border:1px solid var(--line);border-radius:3%;overflow:hidden;background:repeating-linear-gradient(135deg,var(--ink-2) 0 2px,transparent 2px 11px),linear-gradient(160deg,var(--ink-3),var(--ink));display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform}.about-portrait .mark{font-family:var(--font-display);font-size:clamp(5rem,16vw,11rem);font-weight:800;letter-spacing:-.06em;color:var(--bone);opacity:.07;-webkit-user-select:none;user-select:none;transform:translateZ(40px)}.about-portrait .corner{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-end;transform:translateZ(25px);z-index:2}.portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease)}.portrait-light{opacity:0}.portrait-dark,html.light .portrait-light{opacity:1}html.light .portrait-dark{opacity:0}.about-portrait:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 38%)}html.light .about-portrait:after{background:linear-gradient(to top,rgba(0,0,0,.35),transparent 38%)}.portrait-stat{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.about-timeline-wrap{margin-top:clamp(4.5rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line)}.tl-subhead{margin-bottom:clamp(2rem,4vw,3.5rem);max-width:62ch}.tl-subhead p{font-size:clamp(.95rem,1.5vw,1.12rem);color:var(--ash);line-height:1.65}.timeline-v2{position:relative;padding:1.5rem 0}.tl-track{position:absolute;top:24px;bottom:24px;left:50%;transform:translate(-50%);width:2px;background:var(--line);border-radius:2px;z-index:1}.tl-track-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--bone),#38bdf8);box-shadow:0 0 12px #38bdf899;border-radius:2px;transform-origin:top}.tl-item{position:relative;display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:clamp(1.5rem,3vw,2.75rem);margin-bottom:clamp(3rem,5vw,4.5rem)}.tl-item:last-child{margin-bottom:0}.tl-node{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;margin:0 auto}.tl-node-pulse{width:28px;height:28px;border-radius:50%;background:#ece8e10d;border:1px solid var(--line);position:absolute;transition:transform .4s var(--ease),border-color .4s,background .4s,box-shadow .4s}html.light .tl-node-pulse{background:#17140f0d}.tl-node-dot{width:10px;height:10px;border-radius:50%;background:var(--ash);transition:background .35s,transform .35s,box-shadow .35s;z-index:1}.tl-item.is-active .tl-node-dot{background:var(--bone);box-shadow:0 0 10px var(--bone),0 0 20px #38bdf880;transform:scale(1.25)}html.light .tl-item.is-active .tl-node-dot{background:#17140f;box-shadow:0 0 10px #0006,0 0 20px #38bdf866}.tl-item.is-active .tl-node-pulse{border-color:#ece8e173;background:#ece8e11f;transform:scale(1.15)}html.light .tl-item.is-active .tl-node-pulse{border-color:#17140f59;background:#17140f14}.tl-col-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.45rem}.tl-big-year{font-family:var(--font-display);font-size:clamp(2rem,3.8vw,3.2rem);font-weight:800;line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--bone);transition:color .3s}.tl-chip{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ash);padding:.25rem .65rem;border-radius:4px;border:1px solid var(--line);background:#ece8e108}html.light .tl-chip{background:#17140f08}.tl-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--ash)}.tl-chip-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55eb3}.tl-chip-dot.blue{background:#38bdf8;box-shadow:0 0 8px #38bdf8b3}.tl-chip-dot.purple{background:#c084fc;box-shadow:0 0 8px #c084fcb3}.tl-chip-dot.amber{background:#fbbf24;box-shadow:0 0 8px #fbbf24b3}.tl-col-card{width:100%}.tl-card{background:#ece8e106;border:1px solid var(--line);border-radius:14px;padding:clamp(1.4rem,2.5vw,2.1rem);transition:border-color .35s ease,background .35s ease,transform .35s ease,box-shadow .35s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.light .tl-card{background:#17140f06}.tl-card:hover,.tl-item.is-active .tl-card{border-color:#ece8e138;background:#ece8e10a;transform:translateY(-2px);box-shadow:0 16px 36px #00000040}html.light .tl-card:hover,html.light .tl-item.is-active .tl-card{border-color:#17140f38;background:#17140f0a;box-shadow:0 16px 36px #0000000f}.tl-role{font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700;color:var(--bone);letter-spacing:-.02em;margin-bottom:.6rem;line-height:1.25}.tl-place{font-family:var(--font-mono);font-size:.78rem;color:var(--ash);line-height:1.55;margin-bottom:.95rem}.tl-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tl-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;color:var(--ash);padding:.24rem .6rem;border:1px solid var(--line);border-radius:4px;background:#ece8e105}html.light .tl-tag{background:#17140f05}@media(max-width:880px){.tl-track{left:20px;transform:none}.tl-item{display:flex;flex-direction:column;align-items:flex-start;padding-left:54px;margin-bottom:2.75rem;gap:.8rem}.tl-node{position:absolute;left:-4px;top:0;margin:0}.tl-col-meta{align-items:flex-start;text-align:left;gap:.35rem}.tl-big-year{font-size:clamp(1.6rem,6vw,2.2rem)}}.certs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}.cert{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.02em;color:var(--ash);padding:.4rem .85rem;border:1px solid var(--line);border-radius:40px;transition:border-color .3s,color .3s}.cert:hover{border-color:var(--line-2);color:var(--bone)}#skills{padding:clamp(5rem,11vw,9rem) 0;border-top:1px solid var(--line)}.cap-intro{margin-bottom:clamp(2rem,4vw,3rem);max-width:65ch}.cap-intro p{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--ash);line-height:1.65}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:900px){.cap-grid{grid-template-columns:1fr}}.cap-card{background:#ece8e105;border:1px solid var(--line);border-radius:14px;padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease}html.light .cap-card{background:#17140f05}.cap-card:hover{border-color:#ece8e138;background:#ece8e10a;transform:translateY(-2px);box-shadow:0 16px 36px #0000004d}html.light .cap-card:hover{border-color:#17140f38;background:#17140f0a;box-shadow:0 16px 36px #0000000f}.cap-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.cap-num-title{display:flex;flex-direction:column;gap:.3rem}.cap-num{font-family:var(--font-mono);font-size:.72rem;color:var(--faint);letter-spacing:.08em}.cap-title{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;color:var(--bone);line-height:1.1}.cap-badge{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:4px;border:1px solid var(--line);color:var(--ash);background:#ece8e10a;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;flex-shrink:0}html.light .cap-badge{background:#17140f0a}.cap-badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99}.cap-badge-dot.blue{background:#38bdf8;box-shadow:0 0 8px #38bdf899}.cap-badge-dot.purple{background:#c084fc;box-shadow:0 0 8px #c084fc99}.cap-badge-dot.amber{background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.cap-lead{font-size:.92rem;line-height:1.6;color:var(--ash);margin-bottom:1.4rem}.cap-sec-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:.7rem;display:flex;align-items:center;gap:.5rem}.cap-sec-label:after{content:"";flex:1;height:1px;background:var(--line);opacity:.6}.cap-evidence-list{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.65rem}.cap-evidence-item{display:flex;align-items:baseline;gap:.6rem;font-size:.85rem;color:var(--bone);line-height:1.45}.cap-evidence-icon{font-family:var(--font-mono);color:var(--faint);font-size:.72rem;flex-shrink:0}.cap-evidence-link{color:var(--bone);text-decoration:none;border-bottom:1px dashed var(--ash);transition:border-color .2s,color .2s}.cap-evidence-link:hover{color:#fff;border-bottom-color:#fff}html.light .cap-evidence-link:hover{color:#000;border-bottom-color:#000}.cap-stat-box{background:#ece8e108;border:1px solid var(--line);border-radius:8px;padding:.85rem 1.1rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}html.light .cap-stat-box{background:#17140f08}.cap-stat-val{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--bone);letter-spacing:-.02em;white-space:nowrap}.cap-stat-desc{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);text-align:right;line-height:1.35}.cap-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--line)}.cap-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;color:var(--ash);padding:.26rem .6rem;border:1px solid var(--line);border-radius:4px;background:#ece8e105}html.light .cap-tag{background:#17140f05}.cap-slot{font-family:var(--font-mono);font-size:.68rem;color:var(--faint);border:1px dashed var(--line);border-radius:6px;padding:.5rem .75rem;margin-top:.75rem;display:flex;align-items:center;gap:.5rem;letter-spacing:.02em}.cap-slot-dot{width:5px;height:5px;border-radius:50%;background:var(--faint);flex-shrink:0}#work{padding:clamp(5rem,11vw,9rem) 0 0;border-top:1px solid var(--line)}.stack{position:relative}.panel{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;background:var(--ink);border-top:1px solid var(--line)}.panel:before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(70vw 70vw at 80% 20%,var(--tint, rgba(236, 232, 225, .05)),transparent 60%);pointer-events:none;transition:opacity .6s}.panel-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;width:100%}.panel.flip .panel-visual{order:2}.panel-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(440px,60vh,600px);perspective:1200px}.panel-bgmark{position:absolute;top:50%;left:50%;margin-top:-.55em;transform:translate(-50%);font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,13vw,10rem);letter-spacing:-.06em;color:var(--bone);opacity:.05;-webkit-user-select:none;user-select:none;will-change:transform;z-index:0}.ph-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.phone-float{position:relative;animation:phfloat 8s cubic-bezier(.45,0,.55,1) infinite;filter:drop-shadow(0 34px 46px rgba(0,0,0,.62)) drop-shadow(0 8px 16px rgba(0,0,0,.4));will-change:transform}.phone-mockup{display:block;width:clamp(160px,16vw,200px);height:auto;max-width:100%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.phone{position:relative;width:clamp(205px,21vw,255px);aspect-ratio:9 / 19.5;border-radius:clamp(36px,4.5vw,48px);padding:3px;background:linear-gradient(155deg,#7a7a84,#3a3a3f,#55555d 40%,#28282c,#5e5e66);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -1px 2px #0009;will-change:transform;overflow:hidden}.phone:before{content:"";position:absolute;left:-3px;top:20%;width:3px;height:13%;border-radius:3px 0 0 3px;background:linear-gradient(180deg,#606068,#2e2e32);box-shadow:0 20px #606068,0 34px #606068,0 48px #606068}.phone:after{content:"";position:absolute;right:-3px;top:28%;width:3px;height:16%;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#606068,#2e2e32)}.ph-body{height:100%;background:#000;border-radius:calc(clamp(36px,4.5vw,48px) - 3px);padding:clamp(6px,.7vw,9px);overflow:hidden}.ph-screen{position:relative;height:100%;overflow:hidden;transform:translateZ(0);border-radius:calc(clamp(36px,4.5vw,48px) - 10px);background:#000}.ph-island{position:absolute;top:clamp(7px,.85vw,10px);left:50%;transform:translate(-50%);width:clamp(68px,7.5vw,90px);height:clamp(22px,2.5vw,28px);background:#000;border-radius:50px;z-index:5;box-shadow:0 0 0 1.5px #3c3c4499}.ph-glare{display:none}.project-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18%;background:#000}.project-logo.portrait{object-fit:cover;padding:0;filter:grayscale(1) contrast(1.08)}.ph-screen.ph-empty{background:radial-gradient(120% 90% at 20% 10%,rgba(236,232,225,.08),transparent 55%),radial-gradient(100% 80% at 85% 90%,rgba(236,232,225,.05),transparent 60%),linear-gradient(165deg,#17171a,#0a0a0b)}.ph-cam{position:absolute;top:0;left:50%;transform:translate(-50%);width:clamp(15px,1.7vw,21px);height:clamp(8px,.95vw,12px);background:#050506;border-radius:0 0 62% 62%/0 0 100% 100%;z-index:3;box-shadow:inset 0 -1px 1px #ffffff0a}.ph-cam:after{content:"";position:absolute;left:50%;top:22%;transform:translate(-50%);width:clamp(3px,.42vw,5px);height:clamp(3px,.42vw,5px);border-radius:50%;background:radial-gradient(circle at 38% 32%,#40404e,#08080b 72%);box-shadow:0 0 0 1px #78788c38}.ph-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;transition:opacity .7s var(--ease);will-change:opacity,transform}.ph-shot.on{opacity:1;animation:shotzoom 3.1s linear forwards}@keyframes shotzoom{0%{transform:scale(1)}to{transform:scale(1.03)}}.ph-screen.paused .ph-shot{animation-play-state:paused}@keyframes phfloat{0%,to{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-13px) rotate(.15deg)}}.ph-ground{width:64%;height:14px;margin:20px auto 0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 68%);filter:blur(6px);animation:phground 7s ease-in-out infinite}@keyframes phground{0%,to{transform:scaleX(1);opacity:.85}50%{transform:scaleX(.86);opacity:.55}}.ph-dots{display:flex;gap:.42rem;justify-content:center;margin-top:1.35rem}.ph-dots .pdot{width:6px;height:6px;padding:0;border:none;border-radius:40px;background:var(--line-2);cursor:pointer;transition:width .4s var(--ease),background .3s}.ph-dots .pdot:hover{background:var(--ash)}.ph-dots .pdot.on{width:20px;background:var(--bone)}.panel-num{font-family:var(--font-mono);font-size:.74rem;color:var(--ash);margin-bottom:1rem}.panel-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.035em;line-height:1;text-transform:uppercase;color:var(--bone);margin-bottom:1.1rem}.panel-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.2rem}.metric-pill{display:inline-flex;align-items:center;gap:.38rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;line-height:1.3;color:var(--bone);background:#ece8e10a;border:1px solid var(--line);padding:.28rem .65rem;border-radius:6px;transition:background .25s,border-color .25s,transform .2s var(--ease)}.metric-pill:hover{background:#ece8e112;border-color:var(--line-2);transform:translateY(-1px)}html.light .metric-pill{background:#17140f09;border-color:#17140f1f}html.light .metric-pill:hover{background:#17140f0f;border-color:#17140f33}.metric-val{font-weight:600;color:var(--bone)}.metric-lbl{color:var(--ash);font-size:.68rem}.metric-dot{width:5px;height:5px;border-radius:50%;background:var(--ash);flex-shrink:0}.metric-dot.live{background:#34d399;box-shadow:0 0 6px #34d39999}.metric-dot.oss{background:#93c5fd;box-shadow:0 0 6px #93c5fd80}.panel-desc{font-size:1rem;color:var(--ash);line-height:1.7;margin-bottom:1.5rem;max-width:48ch}.panel-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.75rem}.panel-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;color:var(--ash);padding:.3rem .75rem;border:1px solid var(--line);border-radius:40px}.panel-links{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.bento-projects-wrap{margin-top:clamp(4rem,8vw,6.5rem);padding-bottom:clamp(3.5rem,7vw,5.5rem)}.bento-projects-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line);gap:1.5rem;flex-wrap:wrap}.bento-subtag{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;margin-bottom:.45rem}.bento-subtag:before{content:"// ";color:var(--faint)}.bento-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,2.05rem);font-weight:700;letter-spacing:-.02em;color:var(--bone);line-height:1.2}.bento-head-meta{font-family:var(--font-mono);font-size:.74rem;color:var(--ash);background:var(--ink-2);border:1px solid var(--line);padding:.4rem .85rem;border-radius:999px;display:inline-flex;align-items:center;gap:.45rem}.bento-head-meta:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8b3}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.bento-card{position:relative;background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:1.65rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .35s var(--ease-premium),border-color .35s ease,box-shadow .35s ease,background .35s ease;will-change:transform}.bento-card.bento-col-2{grid-column:span 2}.bento-card.bento-col-1{grid-column:span 1}.bento-border-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease;border-radius:inherit;background:radial-gradient(420px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(56,189,248,.12),transparent 65%);z-index:1}.bento-card:hover{transform:translateY(-4px);border-color:#38bdf859;box-shadow:0 16px 36px -10px #0000008c,0 0 0 1px #38bdf833}.bento-card:hover .bento-border-glow{opacity:1}.bento-card:focus-within{border-color:#38bdf880}.bento-card-inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.bento-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.15rem;gap:.8rem}.bento-meta-left{display:flex;align-items:center;gap:.55rem}.bento-num{font-family:var(--font-mono);font-size:.72rem;color:var(--faint);letter-spacing:.05em}.bento-type-badge{font-family:var(--font-mono);font-size:.63rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);background:#ffffff0a;border:1px solid var(--line);padding:.18rem .55rem;border-radius:4px}.bento-status-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.64rem;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08}.bento-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-active .bento-status-dot{background:#10b981;box-shadow:0 0 6px #10b981bf}.status-active{color:#34d399;border-color:#10b98140}.status-maintained .bento-status-dot{background:#38bdf8;box-shadow:0 0 6px #38bdf8bf}.status-maintained{color:#7dd3fc;border-color:#38bdf840}.status-completed .bento-status-dot{background:#059669}.status-completed{color:#6ee7b7;border-color:#05966940}.status-lab .bento-status-dot{background:#a855f7;box-shadow:0 0 6px #a855f7bf}.status-lab{color:#d8b4fe;border-color:#a855f740}.status-archive .bento-status-dot{background:#64748b}.status-archive{color:#94a3b8;border-color:#64748b40}.bento-heading-row{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.85rem}.bento-icon-box{width:38px;height:38px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0;transition:transform .3s ease,border-color .3s ease,background .3s ease}.bento-card:hover .bento-icon-box{transform:scale(1.06);border-color:#38bdf866;background:#38bdf817}.bento-title-group{flex:1;min-width:0}.bento-card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.018em;color:var(--bone);line-height:1.28}.bento-col-2 .bento-card-title{font-size:1.35rem}.bento-updated{display:block;font-family:var(--font-mono);font-size:.65rem;color:var(--faint);margin-top:.25rem}.bento-desc{font-size:.85rem;color:var(--ash);line-height:1.62;margin-bottom:1.35rem;flex:1}.bento-col-2 .bento-desc{font-size:.89rem}.bento-footer{margin-top:auto;display:flex;flex-direction:column;gap:.85rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.95rem}.bento-specs-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.bento-lang{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ash)}.bento-lang-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.bento-stars{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.7rem;color:#fbbf24}.bento-tags{display:flex;flex-wrap:wrap;gap:.35rem}.bento-tag{font-family:var(--font-mono);font-size:.63rem;color:var(--faint);padding:.18rem .52rem;border:1px solid var(--line);border-radius:4px;background:#ffffff05;transition:color .2s ease,border-color .2s ease}.bento-card:hover .bento-tag{color:var(--ash);border-color:#ffffff1f}.bento-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin-top:.2rem}.bento-btn-link{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;color:var(--bone);background:#ffffff0a;border:1px solid var(--line);padding:.38rem .78rem;border-radius:6px;text-decoration:none;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.bento-btn-link:hover{background:#38bdf81f;border-color:#38bdf866;color:#38bdf8;transform:translateY(-1px)}.bento-btn-link:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.bento-btn-link.secondary{color:var(--ash)}.bento-btn-link.secondary:hover{color:var(--bone);border-color:var(--line-2);background:#ffffff14}html.light .bento-projects-head{border-bottom-color:#00000014}html.light .bento-head-meta{background:#00000008;border-color:#00000014;color:var(--ash)}html.light .bento-card{background:#fff;border-color:#00000014;box-shadow:0 4px 16px -2px #0000000a}html.light .bento-card:hover{background:#fff;border-color:#0ea5e966;box-shadow:0 16px 32px -8px #0ea5e926,0 0 0 1px #0ea5e933}html.light .bento-border-glow{background:radial-gradient(420px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(14,165,233,.08),transparent 65%)}html.light .bento-type-badge{background:#00000008;border-color:#00000014}html.light .bento-status-badge{background:#00000005;border-color:#00000014}html.light .bento-icon-box{background:#00000008;border-color:#00000014;color:#0284c7}html.light .bento-card:hover .bento-icon-box{background:#0ea5e91a;border-color:#0ea5e959}html.light .bento-footer{border-top-color:#0000000f}html.light .bento-tag{background:#00000005;border-color:#00000014}html.light .bento-btn-link{background:#00000008;border-color:#0000001a;color:var(--ink)}html.light .bento-btn-link:hover{background:#0ea5e91a;border-color:#0ea5e966;color:#0284c7}@media(max-width:980px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.bento-col-2{grid-column:span 2}}@media(max-width:680px){.bento-grid{grid-template-columns:1fr}.bento-card.bento-col-2,.bento-card.bento-col-1{grid-column:span 1}.bento-card{padding:1.35rem}.bento-projects-head{flex-direction:column;align-items:flex-start;gap:.8rem}}#contact{padding:clamp(5rem,12vw,10rem) 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.contact-glow{position:absolute;width:80vw;height:80vw;max-width:900px;max-height:900px;left:50%;top:55%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(236,232,225,.06),transparent 60%);pointer-events:none}.contact-head{position:relative;font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,12vw,9rem);letter-spacing:-.045em;line-height:.9;text-transform:uppercase;color:var(--bone);margin-bottom:2rem}.contact-head .word{display:inline-block}.contact-head em{font-style:normal;color:var(--faint)}.contact-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start;margin-top:1.5rem}.contact-sub{font-size:1.05rem;color:var(--ash);line-height:1.7;max-width:42ch;margin-bottom:2.5rem}.socials{display:flex;flex-direction:column;border-top:1px solid var(--line)}.social{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 0;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem;color:var(--bone);text-transform:uppercase;letter-spacing:.03em;transition:padding-left .35s var(--ease),color .3s}.social:hover{padding-left:.6rem;color:var(--ash)}.social .arr{transition:transform .35s var(--ease)}.social:hover .arr{transform:translate(3px,-3px)}.form{display:flex;flex-direction:column;gap:1rem}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.f-field{display:flex;flex-direction:column;gap:.5rem}.f-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--faint);text-transform:uppercase}.f-input,.f-textarea{background:transparent;border:none;border-bottom:1px solid var(--line-2);color:var(--bone);font-family:var(--font-body);font-size:.95rem;padding:.6rem 0;outline:none;transition:border-color .3s;resize:none}.f-input::placeholder,.f-textarea::placeholder{color:var(--faint)}.f-input:focus,.f-textarea:focus{border-color:var(--bone)}.f-textarea{min-height:90px}.f-submit{margin-top:.75rem;align-self:flex-start;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;background:var(--bone);color:var(--ink);border:none;padding:.95rem 1.9rem;border-radius:44px;will-change:transform}.f-submit .fs-t{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.6rem}.f-submit:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .5s var(--ease)}.f-submit:hover{color:var(--bone)}.f-submit:hover:before{transform:translateY(0)}.f-submit:after{content:"";position:absolute;inset:-1px;border-radius:44px;border:1px solid var(--bone);opacity:0;transition:opacity .4s}.f-submit:hover:after{opacity:1}#form-ok{display:none;border:1px solid var(--line-2);border-radius:4px;padding:1.75rem;margin-top:.5rem}#form-ok.show{display:block}#form-ok .ok-t{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--bone);margin-bottom:.3rem}#form-ok .ok-s{font-family:var(--font-mono);font-size:.78rem;color:var(--ash)}footer{border-top:1px solid var(--line);padding:clamp(3rem,7vw,5rem) 0 0}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-bottom:clamp(3rem,7vw,5rem)}.foot-statement{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.03em;line-height:1.04;text-transform:uppercase;color:var(--bone);max-width:14ch}.foot-col h4{font-family:var(--font-mono);font-size:.7rem;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.1rem}.foot-col h4:before{content:"/";margin-right:.3em}.foot-col a,.foot-col p{display:block;font-size:.92rem;color:var(--ash);margin-bottom:.6rem;transition:color .25s}.foot-col a:hover{color:var(--bone)}.foot-word{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(4rem,16vw,22rem);line-height:.78;text-transform:uppercase;color:var(--bone);opacity:.09;text-align:center;border-top:1px solid var(--line);padding:1.5rem 0 .5rem;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;display:flex;justify-content:center}.foot-word .fchar{display:inline-block;will-change:transform}.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line)}.foot-bottom span{font-family:var(--font-mono);font-size:.72rem;color:var(--faint);letter-spacing:.02em}#progress{position:fixed;top:0;left:0;height:2px;background:var(--bone);width:0;z-index:1100;transform-origin:left}#grid{position:fixed;inset:0;z-index:8000;pointer-events:none;opacity:0;transition:opacity .3s;display:flex;justify-content:center}#grid.on{opacity:1}#grid .g-cols{width:100%;max-width:var(--maxw);padding:0 var(--pad);display:grid;grid-template-columns:repeat(12,1fr);gap:24px;height:100%}#grid .g-cols div{background:#ece8e10a;border-left:1px solid rgba(236,232,225,.07);border-right:1px solid rgba(236,232,225,.07)}#egg{position:fixed;left:50%;bottom:2rem;transform:translate(-50%) translateY(150%);z-index:8500;background:var(--bone);color:var(--ink);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.7rem 1.3rem;border-radius:40px;transition:transform .5s var(--ease)}#egg.show{transform:translate(-50%) translateY(0)}.skip{position:fixed;top:-100px;left:1rem;z-index:9999;background:var(--bone);color:var(--ink);padding:.6rem 1rem;border-radius:6px;font-family:var(--font-mono);font-size:.75rem;transition:top .25s}.skip:focus{top:1rem}:focus-visible{outline:2px solid var(--bone);outline-offset:3px;border-radius:2px}@media(max-width:880px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-portrait{max-width:340px}.panel-grid{grid-template-columns:1fr;gap:1.5rem}.panel.flip .panel-visual{order:0}.panel{min-height:auto;padding:4rem 0;position:relative;top:auto}.cap-grid{grid-template-columns:1fr;gap:1.25rem}.contact-grid{grid-template-columns:1fr;gap:3rem}.foot-grid{grid-template-columns:1fr 1fr}.foot-statement{grid-column:1/-1}}@media(max-width:620px){.nav-links,.nav-cta{display:none}#nav-burger{display:flex}#nav{padding:1rem var(--pad)}#nav .nav-bg{inset:.5rem var(--pad)}.nav-theme{width:34px;height:34px}#hero{min-height:auto;justify-content:flex-start;padding:6.5rem 0 3rem;gap:1.75rem}.hero-top{position:static;padding:0 var(--pad);margin-bottom:0}.hero-copyright{line-height:1.4}.hero-name{line-height:.92}.hero-line{padding-bottom:.06em}.hero-line span{font-size:clamp(2.9rem,15vw,4.6rem)}.hero-meta{flex-direction:column;align-items:flex-start;gap:1.4rem;margin-top:1.5rem;padding-top:1.5rem}.hero-sub{font-size:1.02rem;max-width:34ch}.hero-actions{width:100%}.sec-head{margin-bottom:2.25rem;gap:.75rem}.sec-title{font-size:clamp(1.85rem,8vw,2.6rem)}.about-hello{font-size:clamp(1.7rem,7.5vw,2.4rem);margin-bottom:1.4rem}.about-body{font-size:.96rem}.cap-title{font-size:clamp(1.25rem,6vw,1.6rem)}.panel-title{font-size:clamp(1.9rem,8.5vw,2.7rem)}.panel-desc{font-size:.95rem}.contact-head{font-size:clamp(2.4rem,12vw,3.6rem);margin-bottom:1.5rem}.foot-statement{font-size:clamp(1.5rem,7vw,2.2rem)}#about,#skills,#contact{padding:3.5rem 0}#work{padding-top:3.5rem}.panel{padding:2.5rem 0!important;min-height:auto}.about-timeline-wrap{margin-top:3rem;padding-top:2rem}.certs{margin-top:1.4rem}.bento-grid,.f-row{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;gap:2.25rem}.about-portrait{max-width:none}.panel-num{margin-bottom:.6rem}.panel-visual{min-height:auto;padding:1rem 0}.phone,.phone-mockup{width:clamp(210px,62vw,260px)}.ph-dots{gap:.36rem;margin-top:1.1rem}}@media(max-width:380px){.hero-line span{font-size:14.5vw}.nav-logo{font-size:.95rem}.btn{padding:.8rem 1.2rem}}.cs-modal{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;background:#0d0c0af0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s cubic-bezier(.16,1,.3,1),visibility .32s}.cs-modal.cs-open{opacity:1;visibility:visible;pointer-events:auto}html.light .cs-modal{background:#f7f5f0f5}.cs-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1.2rem,4vw,3rem);border-bottom:1px solid var(--line);background:#0d0c0ad1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}html.light .cs-topbar{background:#f7f5f0e0}.cs-back-btn,.cs-close-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--line);border-radius:30px;padding:.45rem .95rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--bone);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .18s}.cs-back-btn:hover,.cs-close-btn:hover{background:#ece8e114;border-color:var(--line-2);transform:translateY(-1px)}html.light .cs-back-btn:hover,html.light .cs-close-btn:hover{background:#17140f0f}.cs-top-title{font-family:var(--font-mono);font-size:.74rem;color:var(--ash);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.5rem}.cs-top-title .cs-top-num{color:var(--bone);font-weight:600}.cs-scroller{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;padding-bottom:5rem}.cs-container{max-width:1060px;margin:0 auto;padding:clamp(1.8rem,4vw,3rem) clamp(1.2rem,3.5vw,2.5rem)}.cs-hero{margin-bottom:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}.cs-eyebrow-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.2rem}.cs-badge{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:4px;border:1px solid var(--line);color:var(--ash);background:#ece8e108}.cs-status-chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--bone);padding:.25rem .65rem;border-radius:4px;background:#ece8e10d;border:1px solid var(--line)}.cs-title{font-family:var(--font-display);font-size:clamp(2.4rem,6.5vw,5rem);font-weight:800;line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--bone);margin-bottom:1rem}.cs-tagline{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--ash);line-height:1.5;max-width:58ch;margin-bottom:1.8rem}.cs-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:2.2rem}.cs-hero-card{position:relative;background:#ece8e106;border:1px solid var(--line);border-radius:16px;padding:clamp(2rem,4vw,3.5rem) 1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}html.light .cs-hero-card{background:#17140f06}.cs-hero-card-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,var(--cs-tint, rgba(150, 170, 255, .12)),transparent 72%)}.cs-hero-mockup{max-width:min(320px,78vw);height:auto;display:block;position:relative;z-index:1;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));transition:transform .4s var(--ease)}.cs-hero-mockup:hover{transform:translateY(-4px) scale(1.02)}.cs-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.cs-meta-card{background:#ece8e106;border:1px solid var(--line);border-radius:12px;padding:1.25rem 1.4rem}html.light .cs-meta-card{background:#17140f06}.cs-meta-lbl{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ash);margin-bottom:.4rem}.cs-meta-val{font-size:.95rem;font-weight:600;color:var(--bone);line-height:1.35}.cs-sec{margin-bottom:clamp(3rem,6vw,4.5rem)}.cs-sec-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ash);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.cs-sec-label:before{content:"/";color:var(--faint)}.cs-sec-title{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:700;letter-spacing:-.03em;color:var(--bone);margin-bottom:1.3rem;text-transform:uppercase}.cs-prose{font-size:1.05rem;color:var(--ash);line-height:1.75;max-width:68ch}.cs-prose b,.cs-prose strong{color:var(--bone);font-weight:600}.cs-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}@media(max-width:768px){.cs-compare-grid{grid-template-columns:1fr}}.cs-compare-card{border-radius:12px;padding:1.8rem;border:1px solid var(--line);background:#ece8e105}html.light .cs-compare-card{background:#17140f05}.cs-compare-card.problem{border-left:3px solid rgba(255,120,100,.6)}.cs-compare-card.solution{border-left:3px solid rgba(100,220,150,.7)}.cs-compare-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-weight:600}.cs-compare-card.problem .cs-compare-badge{color:#ff8e80}.cs-compare-card.solution .cs-compare-badge{color:#6ee7b7}.cs-compare-sub{font-size:1.12rem;font-weight:700;color:var(--bone);margin-bottom:.75rem;line-height:1.35}.cs-compare-desc{font-size:.95rem;color:var(--ash);line-height:1.65}.cs-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.cs-tech-card{border-radius:12px;padding:1.6rem;border:1px solid var(--line);background:#ece8e106;transition:border-color .25s,transform .2s}.cs-tech-card:hover{border-color:var(--line-2);transform:translateY(-2px)}html.light .cs-tech-card{background:#17140f06}.cs-tech-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ash);padding:.2rem .5rem;border-radius:4px;background:#ece8e10d;display:inline-block;margin-bottom:.9rem}.cs-tech-h{font-size:1.1rem;font-weight:700;color:var(--bone);margin-bottom:.6rem;line-height:1.3}.cs-tech-p{font-size:.92rem;color:var(--ash);line-height:1.6}.cs-stack-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.cs-stack-cat{border-radius:10px;padding:1.3rem;border:1px solid var(--line);background:#ece8e105}html.light .cs-stack-cat{background:#17140f05}.cs-stack-cat-title{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ash);margin-bottom:.8rem}.cs-stack-pills{display:flex;flex-wrap:wrap;gap:.4rem}.cs-stack-pill{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .65rem;border-radius:6px;background:#ece8e10d;border:1px solid var(--line);color:var(--bone)}html.light .cs-stack-pill{background:#17140f0a}.cs-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.cs-metric-card{border-radius:12px;padding:1.4rem;border:1px solid var(--line);background:#ece8e106}html.light .cs-metric-card{background:#17140f06}.cs-metric-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.cs-metric-val{font-size:1.35rem;font-weight:700;font-family:var(--font-display);color:var(--bone)}.cs-metric-lbl{font-family:var(--font-mono);font-size:.72rem;color:var(--ash);line-height:1.4}.cs-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.4rem}.cs-gallery-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#ece8e105;display:flex;flex-direction:column}html.light .cs-gallery-item{background:#17140f05}.cs-gallery-media{padding:2.5rem 1rem;display:flex;align-items:center;justify-content:center;background:#0003}html.light .cs-gallery-media{background:#00000008}.cs-gallery-media img{max-width:190px;height:auto;filter:drop-shadow(0 15px 25px rgba(0,0,0,.45))}.cs-gallery-foot{padding:1rem 1.2rem;border-top:1px solid var(--line)}.cs-gallery-caption{font-size:.86rem;color:var(--bone);font-weight:500;margin-bottom:.25rem}.cs-gallery-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--ash)}.cs-gallery-placeholder{border:1px dashed var(--line-2);border-radius:12px;padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#ece8e104}.cs-gallery-placeholder .badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;color:var(--ash)}.cs-gallery-placeholder .title{font-weight:600;color:var(--bone);font-size:.95rem}.cs-gallery-placeholder .desc{font-size:.82rem;color:var(--ash);max-width:36ch;line-height:1.5}.cs-video-box{border:1px dashed var(--line-2);border-radius:12px;padding:3.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#ece8e104}.cs-video-box .icon{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--bone);margin-bottom:.5rem}.cs-video-box .title{font-weight:600;color:var(--bone);font-size:1rem}.cs-video-box .desc{font-size:.85rem;color:var(--ash);max-width:44ch;line-height:1.5}.cs-next-card{margin-top:3.5rem;padding:2.2rem clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:16px;background:#ece8e108;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;cursor:pointer;transition:border-color .25s,transform .25s,background .25s}.cs-next-card:hover{border-color:var(--line-2);transform:translateY(-2px);background:#ece8e10f}html.light .cs-next-card{background:#17140f08}html.light .cs-next-card:hover{background:#17140f0f}.cs-next-sub{font-family:var(--font-mono);font-size:.72rem;color:var(--ash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.cs-next-title{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;color:var(--bone);text-transform:uppercase;letter-spacing:-.03em}.cs-next-arr{font-size:1.8rem;color:var(--bone);transition:transform .3s var(--ease)}.cs-next-card:hover .cs-next-arr{transform:translate(6px)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.atmos,.grain,.spot,.orb{display:none}html.fx .anim{opacity:1}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}:focus-visible{outline:2px solid var(--bone);outline-offset:4px}html.light :focus-visible{outline-color:#17140f}#nav-overlay[aria-hidden=true]{visibility:hidden}#nav-overlay[aria-hidden=false]{visibility:visible}#form-ok[role=status]{min-height:3rem}@media(hover:none),(pointer:coarse){.spot{display:none!important}.grain{opacity:.025;animation-duration:12s}.orb{opacity:.55}.panel-visual,.phone-float{transform:none!important}}@media(max-width:680px){.orb-2,.orb-3{display:none}.orb-1{opacity:.42}.now-panel,.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media(prefers-reduced-motion:reduce){.orb,.atmos,.grain,.marquee-track{animation:none!important}.spot{display:none!important}}.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}#form-ok[data-error=true] .ok-t{color:#e58d8d}.f-submit:disabled{cursor:wait}.skip-link{position:fixed;left:1rem;top:1rem;z-index:100000000;transform:translateY(-180%);padding:.7rem 1rem;border-radius:999px;background:var(--bone);color:var(--ink);font:500 .75rem/1 var(--font-mono);transition:transform .2s var(--ease)}.skip-link:focus{transform:translateY(0)}