@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono-latin.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--font-code:"Martian Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;color:#efefec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#090a0b;--surface:#101112;--surface-raised:#171819;--text:#efefec;--muted:#929395;--subtle:#838588;--line:#262729;--key-top:#2b2c2e;--key-bottom:#171819;--key-edge:#424346;--inverse:#171819;--paper:#e8e6de;--accent:#b9c4a6;--error:#ffaaa4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090a0b;font-family:Manrope,Segoe UI,Arial,sans-serif}:root[data-theme=light]{color:#222320;--bg:#f3f1eb;--surface:#eae8e1;--surface-raised:#f8f7f2;--text:#222320;--muted:#5e6059;--subtle:#6b6d65;--line:#d4d3cb;--key-top:#f5f4ee;--key-bottom:#d8d6ce;--key-edge:#fffefa;--inverse:#f3f1eb;--paper:#292c27;--accent:#536b41;--error:#a63128;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f1eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button,input,textarea{border-radius:0}button{border:0}p,h1,h2,h3,figure{margin:0}p{line-height:1.8}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.055em}svg{flex-shrink:0}::selection{color:#141514;background:#e5e3d8}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}section[tabindex]:focus,main:focus{outline:none}button:disabled{cursor:wait;opacity:.65}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}section{scroll-margin-top:100px}.container{width:min(1200px,100% - 96px);margin-inline:auto}.muted{color:var(--muted)}.mono,.eyebrow,.section-label,.keyboard-top,.key-top,.tags,.timeline-year{font-family:var(--font-code);font-weight:400}.small{letter-spacing:.12em;font-size:10px}.serif{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.skip-link{z-index:100;background:var(--text);color:var(--bg);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.icon-button{background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:var(--surface-raised);border-color:var(--line)}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #b9c4a625}.section{padding-block:110px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);align-items:center;gap:12px;margin-bottom:30px;font-size:10px;display:flex}.mini-key{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-raised), var(--surface));min-width:29px;height:28px;box-shadow:0 3px 0 var(--line);color:var(--text);letter-spacing:0;border-radius:5px;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:20px;display:flex}h2{font-size:clamp(32px,4vw,51px);line-height:1.14}.section-heading>p{color:var(--muted);font-size:13px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px 8px;font-size:10px;line-height:1.4}.loading-page{min-height:75vh;color:var(--muted);padding-top:150px}@media (width>=1600px){.container{width:min(1360px,100% - 144px)}}@media (width<=900px){.container{width:calc(100% - 56px)}.section{padding-block:80px}h2{font-size:38px}}@media (width<=600px){.container{width:calc(100% - 40px)}.section{padding-block:64px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.section-heading>p br{display:none}h2{font-size:35px}.section-label{margin-bottom:24px}html{scroll-padding-top:86px}section{scroll-margin-top:86px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero{position:relative}.hero-main{grid-template-columns:1.13fr 1fr;align-items:center;gap:45px;min-height:690px;padding-block:78px 65px;display:grid}.eyebrow{letter-spacing:.085em;color:var(--muted);align-items:center;gap:10px;margin-bottom:39px;font-size:9px;display:flex}.hero-intro{letter-spacing:-.03em;margin-bottom:16px;font-size:18px}.wave{color:var(--accent);vertical-align:middle;margin-left:7px;font-size:24px;display:inline-block}.hero h1{letter-spacing:-.065em;font-size:clamp(63px,6.9vw,98px);line-height:1.03}.hero h1 .serif{color:#b0b2aa}html[data-theme=light] .hero h1 .serif{color:#717768}.hero-description{color:var(--muted);max-width:390px;margin-top:25px;font-size:14px;line-height:1.95}.hero-actions{align-items:center;gap:28px;margin-top:31px;display:flex}.qotd{max-width:400px;margin:36px 0 0;padding-bottom:38px;animation:3.5s ease-in-out infinite qotdDrift;position:relative}@keyframes qotdDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.qotd-bubble-dot{background:linear-gradient(145deg, var(--surface-raised), var(--surface));border:1px solid var(--line);box-shadow:0 3px 0 var(--line), 0 4px 10px #00000020;border-radius:50%;animation:4s ease-in-out infinite qotdBlob;position:absolute;bottom:0}.qotd-bubble-dot-1{width:18px;height:18px;animation-delay:0s;bottom:14px;left:20px}.qotd-bubble-dot-2{width:11px;height:11px;animation-delay:.6s;bottom:0;left:34px}@keyframes qotdBlob{0%,to{border-radius:50%;transform:translateY(0)scale(1)}25%{border-radius:48% 52% 50% 50%;transform:translateY(-3px)scale(1.08,.92)}50%{border-radius:50% 48% 52% 50%;transform:translateY(-5px)scale(.95,1.06)}75%{border-radius:52% 50% 48% 52%;transform:translateY(-2px)scale(1.04,.96)}}.qotd-cloud{border:1px solid var(--line);background:linear-gradient(150deg, var(--surface-raised) 0%, var(--surface) 100%);box-shadow:0 1px 0 var(--key-edge) inset, 0 5px 0 var(--line), 0 8px 28px #00000018;border-radius:16px;transition:box-shadow .25s,transform .25s;overflow:hidden}.qotd-cloud:hover{box-shadow:0 1px 0 var(--key-edge) inset, 0 5px 0 var(--line), 0 14px 36px #00000030;transform:translateY(-2px)}html[data-theme=light] .qotd-cloud{box-shadow:0 1px 0 #fffc inset, 0 5px 0 var(--line), 0 8px 24px #00000010}html[data-theme=light] .qotd-cloud:hover{box-shadow:0 1px 0 #fffc inset, 0 5px 0 var(--line), 0 14px 32px #00000018}.qotd-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg, var(--key-top), var(--key-bottom));justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.qotd-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:7.5px;display:flex}.qotd-label svg{color:var(--accent);flex-shrink:0;animation:2.8s ease-in-out infinite qotdPulse}@keyframes qotdPulse{0%,to{opacity:1}50%{opacity:.4}}.qotd-body{padding:20px 20px 14px;transition:opacity .22s,transform .22s}.qotd-body--visible{opacity:1;transform:translateY(0)}.qotd-body--exit{opacity:0;pointer-events:none;transform:translateY(-6px)}.qotd-body--enter{opacity:0;pointer-events:none;transform:translateY(6px)}.qotd-open-mark{color:var(--accent);opacity:.3;-webkit-user-select:none;user-select:none;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:52px;font-style:italic;line-height:.5;display:block}.qotd-text{color:var(--text);letter-spacing:.005em;margin:0;font-size:12.5px;font-style:italic;line-height:1.9}.qotd-footer{margin-top:14px}.qotd-author{color:var(--muted);font-size:10px;font-style:normal;font-family:var(--font-code);font-weight:400;display:block}.qotd-actions{border-top:1px solid var(--line);background:linear-gradient(135deg, var(--key-top), var(--key-bottom));padding:9px 14px}.qotd-btn{color:var(--muted);font-size:10px;font-family:var(--font-code);cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:6px 11px;transition:background .15s,border-color .15s,color .15s,box-shadow .13s,transform .13s;display:inline-flex}.qotd-btn:hover:not(:disabled){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 2px 0 var(--line);transform:translateY(-1px)}.qotd-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.qotd-btn:disabled{opacity:.35;cursor:default}.qotd-btn-icon{transition:transform .35s}.qotd-btn:hover:not(:disabled) .qotd-btn-icon{transform:rotate(-180deg)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px;display:grid}.project-visual{border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;display:block;position:relative;overflow:hidden}.project-visual-top{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;font-family:monospace;font-size:9px;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:var(--subtle);opacity:.65;border-radius:50%;width:4px;height:4px;display:block}.project-visual-top>svg{width:13px;height:13px}.project-image-wrap{aspect-ratio:1.75;background:radial-gradient(at 50% 100%,#43484a,#202327 80%);padding:24px 24px 0;overflow:hidden}.project-tone-2 .project-image-wrap{background:radial-gradient(at 50% 100%,#384344,#1b2729)}.project-tone-3 .project-image-wrap{background:radial-gradient(at 50% 100%,#555048,#2b2924)}.project-tone-0 .project-image-wrap{background:radial-gradient(at 50% 100%,#494255,#27242c)}.project-image-wrap img{object-fit:cover;object-position:top;border:1px solid #ffffff24;border-radius:6px 6px 0 0;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.6,.3,1);box-shadow:0 5px 20px #0005}.project-visual:hover img{transform:translateY(-5px)scale(1.025)}.project-open{color:#1b1d19;opacity:0;background:#e8e6de;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:13px;padding:9px 13px;font-size:11px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:16px;right:16px;transform:translateY(9px)}.project-visual:hover .project-open,.project-visual:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-meta{align-items:center;gap:13px;margin-top:17px;display:flex}.project-meta>.mono{font-size:10px}.project-meta h3{letter-spacing:-.04em;font-size:21px}.project-card>p{color:var(--muted);max-width:95%;margin:2px 0 15px;font-size:12px}.about-section,.stack-section{background:var(--surface);border-block:1px solid var(--line)}.about-grid{grid-template-columns:1fr 1fr;gap:90px;display:grid}.about-grid h2{font-size:44px}.about-copy p{color:var(--muted);margin-bottom:20px;font-size:13px}.about-copy .lead{color:var(--text);letter-spacing:-.025em;font-size:20px;line-height:1.6}.identity-card{border-block:1px solid var(--line);align-items:center;gap:16px;margin-top:45px;padding:22px 0;display:flex}.identity-monogram{letter-spacing:-.08em;background:linear-gradient(145deg, var(--key-top), var(--key-bottom));border:1px solid var(--key-edge);width:62px;height:62px;box-shadow:0 4px 0 var(--line);border-radius:10px;place-content:center;padding:17px 11px;font-size:25px;font-weight:600;display:block}.identity-monogram>span{color:var(--accent)}.identity-card strong{font-size:12px;font-weight:600}.identity-card p{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.6}.identity-symbol{color:var(--muted);margin-left:auto;font-size:30px}.stats-grid{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:68px;padding:33px 0;display:grid}.stats-grid>div{border-left:1px solid var(--line);flex-direction:column;padding-left:32px;display:flex}.stats-grid>div:first-child{border:0;padding-left:0}.stats-grid strong{letter-spacing:-.06em;font-size:45px;font-weight:450;line-height:1.2}.stats-grid strong>span{color:var(--muted);font-size:30px}.stats-grid>div>span{color:var(--muted);margin-top:9px;font-size:10px}.process-grid{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px;display:grid}.process-grid .mono{font-size:10px}.process-grid h3{letter-spacing:-.03em;margin:16px 0 9px;font-size:16px}.process-grid p{color:var(--muted);font-size:12px}.journey-section{grid-template-columns:1fr 1.65fr;gap:85px;display:grid}.journey-intro>p{max-width:280px;color:var(--muted);margin-top:25px;font-size:13px}.timeline-item{border-bottom:1px solid var(--line)}.timeline-item:first-child{border-top:1px solid var(--line)}.timeline-item summary{grid-template-columns:90px 1fr 20px;align-items:start;gap:12px;padding:26px 0;display:grid}.timeline-year{color:var(--muted);padding-top:5px;font-size:9px}.timeline-item h3{letter-spacing:-.03em;font-size:16px;line-height:1.5}.timeline-subtitle{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.7;display:block}.expand-mark{color:var(--muted);font-size:19px;font-weight:300;transition:transform .2s}.timeline-item[open] .expand-mark,.workflow[open] .expand-mark{transform:rotate(45deg)}.timeline-content{padding:0 22px 26px 102px}.timeline-content>p{color:var(--muted);margin-bottom:17px;font-size:12px}.timeline-content .timeline-outcome{border-left:1px solid var(--accent);margin:17px 0 0;padding-left:12px;font-size:11px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:46px;display:grid}.skill-group{border-top:1px solid var(--line);padding-top:28px}.skill-icon{border:1px solid var(--key-edge);background:linear-gradient(135deg, var(--key-top), var(--key-bottom));width:49px;height:49px;box-shadow:0 4px 0 var(--line);border-radius:9px;place-items:center;margin-bottom:27px;display:grid}.skill-group h3{letter-spacing:-.035em;font-size:18px}.skill-group>p{color:var(--muted);margin:9px 0 23px;font-size:11px}.skill-keys{flex-wrap:wrap;gap:9px;display:flex}.skill-keys>span{background:linear-gradient(135deg, var(--surface-raised), var(--surface));border:1px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:5px;padding:9px 12px;font-family:monospace;font-size:11px;transition:transform .2s}.skill-keys>span:hover{transform:translateY(-2px)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px;display:grid}.testimonial{background:var(--surface);border:1px solid var(--line);border-radius:9px;flex-direction:column;padding:25px;display:flex}.quote-mark{color:var(--subtle);font-family:Georgia,serif;font-size:55px;line-height:1}.testimonial blockquote{color:var(--muted);flex:1;margin:3px 0 29px;font-size:12px;line-height:1.9}.testimonial figcaption{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:20px;display:flex}.testimonial figcaption img{filter:grayscale();object-fit:cover;border-radius:50%;width:35px;height:35px}.testimonial figcaption>span{flex-direction:column;gap:4px;display:flex}.testimonial figcaption strong{font-size:10px;font-weight:500}.testimonial figcaption>span>span{color:var(--muted);font-size:9px}.testimonial figcaption>svg{color:var(--muted);margin-left:auto}.contact-cta{border-top:1px solid var(--line);padding-block:80px 95px}.cta-row{justify-content:space-between;align-items:center;display:flex}.cta-row h2{font-size:clamp(42px,5.8vw,76px)}.contact-key{width:180px;color:var(--inverse);background:var(--paper);box-shadow:0 8px 0 #96988c, 0 12px 0 var(--line), 9px 23px 24px #0003;border-radius:14px;flex-direction:column;align-items:flex-start;gap:25px;padding:23px 25px;font-size:15px;transition:transform .2s,box-shadow .2s;display:flex;transform:rotate(-7deg)}.contact-key>svg{align-self:flex-end}.contact-key:hover{transform:rotate(-4deg)translateY(-4px)}.contact-key:active{box-shadow:0 3px 0 #96988c, 0 5px 0 var(--line);transform:rotate(-4deg)translateY(5px)}.contact-cta>p{color:var(--muted);margin-top:25px;font-size:13px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;padding-block:35px 26px;display:grid}.footer-brand-wrap{flex-direction:column;grid-column:1;align-items:flex-start;gap:8px;display:flex}.footer-brand{letter-spacing:-.06em;font-size:26px;font-weight:600}.footer-brand span{color:var(--accent)}.footer-rblx-link{color:var(--muted);align-items:center;gap:7px;font-size:11px;line-height:1.3;text-decoration:none;transition:color .15s;display:inline-flex}.footer-rblx-link:hover{color:var(--text)}.footer-rblx-icon{border-radius:4px;flex-shrink:0;width:15px;height:15px;display:block}.footer-rblx-link svg{opacity:.75;width:11px;height:11px;transition:transform .18s cubic-bezier(.2,.8,.3,1),opacity .18s;transform:translate(0)}.footer-rblx-link:hover svg{opacity:1;transform:translate(2.5px,-2.5px)}@media (prefers-reduced-motion:reduce){.footer-rblx-link svg{transition:opacity .15s}.footer-rblx-link:hover svg{transform:none}}.footer-social{grid-column:2;justify-content:flex-end;align-items:center;gap:25px;font-size:11px;display:flex}.footer-social a{align-items:center;gap:5px;min-height:44px;display:flex}.footer-social svg{width:13px;height:13px}.copyright{border-top:1px solid var(--line);color:var(--muted);grid-column:1/3;margin-top:14px;padding-top:25px;font-size:9px}.back-top{text-align:right;grid-area:4/2;align-self:end;font-size:9px;position:relative;top:-1px}.page-heading{padding-top:80px}.archive-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.page-heading h1,.contact-heading h1,.not-found h1{font-size:clamp(54px,7.5vw,96px);line-height:1.03}.archive-heading>div{padding-bottom:6px}.archive-total{letter-spacing:-.04em;font-size:25px;line-height:1.5}.archive-total span{color:var(--muted);letter-spacing:0;font-size:13px}.archive-heading p{color:var(--muted);margin-top:20px;font-size:12px}.archive-content{padding-top:55px;padding-bottom:80px}.archive-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:17px;display:flex}.filter-list{flex-wrap:wrap;gap:5px;display:flex}.filter{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:9px;min-height:40px;padding:10px 13px;font-size:11px;display:flex}.filter>span{font-family:monospace;font-size:9px}.filter.active{background:var(--surface-raised);border-color:var(--line);color:var(--text);box-shadow:0 3px 0 var(--line)}.filter:hover{color:var(--text)}.search-box{border:1px solid var(--line);width:230px;height:42px;color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box:focus-within{outline:1px solid var(--accent)}.search-box input{color:var(--text);background:0 0;border:none;outline:0;width:100%;min-width:0;height:100%;font-size:11px}.result-count{color:var(--muted);margin:23px 0 30px;font-size:9px}.archive-grid{row-gap:44px}.workflow-section{margin-top:95px}.workflow-list{border-top:1px solid var(--line);margin-top:35px}.workflow{border-bottom:1px solid var(--line)}.workflow summary{grid-template-columns:45px 1fr 45px 20px;align-items:center;gap:15px;padding:24px 5px;display:grid}.workflow-number{color:var(--muted);font-size:11px}.workflow-category{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.workflow h3{letter-spacing:-.03em;margin-top:6px;font-size:17px}.workflow-tag{color:var(--muted);border:1px solid var(--line);border-radius:4px;justify-self:start;padding:4px 7px;font-family:monospace;font-size:10px}.workflow-body{padding:0 55px 35px 65px}.workflow-body>p{max-width:750px;color:var(--muted);margin-bottom:17px;font-size:13px}.workflow-highlights{color:var(--muted);flex-wrap:wrap;gap:13px 22px;margin:24px 0;padding:0;font-size:11px;list-style:none;display:flex}.workflow-highlights li{align-items:center;gap:6px;display:flex}.workflow-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.workflow-images>a:only-child{grid-column:1/-1}.workflow-images img{object-fit:contain;border:1px solid var(--line);background:#151515;border-radius:7px;width:100%;height:auto;max-height:550px}.workflow-images>a>span{color:var(--muted);align-items:center;gap:10px;margin-top:10px;font-size:10px;display:flex}.empty-state{text-align:center;padding:70px 0}.empty-state>svg{margin:0 auto 25px}.empty-state h2{font-size:32px}.empty-state p{color:var(--muted);margin:16px 0 25px;font-size:13px}.contact-page{padding-block:77px 100px}.contact-heading>p{color:var(--muted);margin-top:25px;font-size:14px}.contact-grid{grid-template-columns:1fr 1.35fr;gap:75px;margin-top:65px;display:grid}.contact-details{padding-top:5px}.email-link{letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:16px;font-size:17px;display:flex}.contact-socials{border-top:1px solid var(--line);gap:27px;margin-top:27px;padding-top:15px;font-size:11px;display:flex}.contact-socials a{align-items:center;gap:7px;min-height:44px;display:flex}.contact-socials svg{width:13px;height:13px}.agency-card{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:17px;margin-top:22px;padding:22px;display:flex}.agency-symbol{color:var(--accent);font-size:35px}.agency-card>span:nth-child(2){flex-direction:column;gap:7px;display:flex}.agency-card strong{font-size:16px;font-weight:500}.agency-card>svg{margin-left:auto}.agency-card .small{font-size:8px}.contact-form{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:31px}.form-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:27px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{margin-bottom:25px}.field label{margin-bottom:10px;font-size:11px;display:block}.field label span{color:var(--muted);margin-left:3px}.field input,.field textarea{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:5px;min-height:45px;padding:13px;font-size:11px;line-height:1.7;transition:border-color .2s}.field textarea{resize:vertical;min-height:150px}.field input::placeholder,.field textarea::placeholder{color:var(--subtle)}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}.field [aria-invalid=true]{border-color:var(--error)}.field .field-error{color:var(--error);margin-top:7px;font-size:10px;line-height:1.6}.submit-button{justify-content:space-between;width:100%;font-size:12px}.form-status{border:1px solid var(--line);border-radius:5px;margin-top:22px;padding:13px;font-size:12px;line-height:1.7}.form-status.success{color:var(--accent);gap:12px;display:flex}.form-status.error{color:var(--error)}.form-status a{text-decoration:underline}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.not-found{min-height:70vh;padding-block:100px}.not-found p{color:var(--muted);margin:25px 0;font-size:14px}html[data-theme=light] .project-visual-top{background:#e6e3db}html[data-theme=light] .contact-key{box-shadow:0 8px #12160f,0 12px #b8b9ac,9px 23px 24px #5d614a26}@media (width>=1600px){.hero-main{gap:100px;min-height:780px}.hero h1{font-size:112px}.eyebrow{font-size:10px}}@media (width<=1100px){.hero-main{gap:15px;min-height:660px}.hero h1{font-size:77px}.eyebrow{letter-spacing:.025em;font-size:8px}.about-grid{gap:45px}.about-grid h2{font-size:38px}.journey-section{grid-template-columns:1fr 1.6fr;gap:40px}.contact-grid{gap:40px}.email-link{font-size:14px}.contact-form{padding:24px}.archive-toolbar{flex-wrap:wrap}.search-box{width:240px}}@media (width<=900px){.hero-main{grid-template-columns:1.05fr 1fr;gap:15px;min-height:590px;padding-block:60px}.hero h1{font-size:64px}.hero-intro{font-size:16px}.hero-description{font-size:12px}.hero-actions{gap:20px}.qotd{max-width:360px}.qotd-text{font-size:12px}.eyebrow{max-width:260px;font-size:7px;line-height:1.8}.about-grid h2{font-size:33px}.about-copy .lead{font-size:18px}.process-grid{gap:28px}.journey-section{grid-template-columns:1fr;gap:35px}.journey-intro>p{max-width:500px}.journey-intro h2 br{display:none}.skills-grid{gap:20px}.skill-group h3{font-size:16px}.skill-keys>span{padding:8px 9px;font-size:10px}.testimonials-grid{gap:14px}.testimonial{padding:19px}.testimonial figcaption{flex-wrap:wrap}.testimonial figcaption>svg{display:none}.contact-grid{grid-template-columns:1fr 1.25fr;gap:30px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.contact-socials{gap:18px}.email-link{font-size:12px}.contact-heading h1{font-size:72px}.archive-heading h1{font-size:76px}.archive-heading>div{max-width:230px}}@media (width<=700px){.about-grid{grid-template-columns:1fr;gap:32px}.about-grid h2{font-size:38px}.identity-card{max-width:450px;margin-top:30px}.stats-grid{margin-top:38px}.stats-grid>div{padding-left:18px}.stats-grid strong{font-size:37px}.stats-grid>div>span{font-size:8px}.skills-grid{grid-template-columns:1fr;gap:35px}.skill-group{grid-template-columns:55px 1fr;gap:0 20px;display:grid}.skill-icon{grid-area:1/1/3;margin-bottom:20px}.skill-group h3,.skill-group>p{grid-column:2}.skill-group>p{margin:6px 0 24px}.skill-keys{grid-column:1/3}.testimonials-grid{grid-template-columns:1fr}.testimonial{padding:25px}.testimonial blockquote{font-size:13px}.testimonial figcaption>svg{display:block}.contact-grid{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr 1fr;column-gap:30px;display:grid}.contact-details>.small,.email-link,.contact-socials{grid-column:1/3}.email-link{justify-content:flex-start;gap:20px;font-size:17px}.agency-card{grid-column:1/3}.contact-form{margin-top:15px;padding:28px}.form-row{grid-template-columns:1fr 1fr;gap:20px}.archive-heading{align-items:flex-start}.archive-heading>div{max-width:175px}.archive-heading h1{font-size:64px}.archive-total{font-size:22px}.archive-heading p{font-size:11px}.project-image-wrap{padding:14px 14px 0}.project-visual-top{padding:10px;font-size:7px}.project-visual-top>svg{width:10px}.project-meta h3{font-size:18px}.project-card>p{font-size:11px}.project-grid{gap:35px 20px}.project-open{display:none}}@media (width<=600px){.hero-main{grid-template-columns:1fr;gap:27px;min-height:auto;padding:48px 0 26px}.eyebrow{letter-spacing:.02em;gap:8px;max-width:none;margin-bottom:24px;font-size:7px}.hero-intro{margin-bottom:12px;font-size:16px}.hero h1{font-size:clamp(57px,14.2vw,82px);line-height:1.02}.hero-description{max-width:360px;margin-top:21px;font-size:12px}.hero-actions{gap:26px;margin-top:24px}.qotd{max-width:100%;margin-top:28px}.qotd-text{font-size:12px}.qotd-open-mark{font-size:40px}.project-grid{grid-template-columns:1fr;gap:33px}.project-visual-top{padding:11px 14px;font-size:8px}.project-image-wrap{padding:20px 20px 0}.project-meta{margin-top:13px}.project-meta h3{font-size:21px}.project-card>p{font-size:12px}.about-grid h2{font-size:35px}.about-copy .lead{font-size:19px}.about-copy p{font-size:12px}.identity-card strong{font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:28px 0;padding:26px 0}.stats-grid>div{padding-left:22px}.stats-grid>div:nth-child(3){border-left:0;padding-left:0}.stats-grid>div>span{font-size:9px}.stats-grid strong{font-size:40px}.process-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.process-grid>div{padding-left:43px;position:relative}.process-grid .mono{position:absolute;top:2px;left:0}.process-grid h3{margin:0 0 8px;font-size:16px}.process-grid p{font-size:12px}.journey-intro h2 br{display:initial}.journey-intro>p{font-size:12px}.timeline-item summary{grid-template-columns:70px 1fr 15px;gap:10px;padding:22px 0}.timeline-year{font-size:8px;line-height:1.8}.timeline-item h3{font-size:14px}.timeline-subtitle{font-size:9px}.timeline-content{padding:0 8px 22px 80px}.timeline-content>p{font-size:11px}.timeline-content .tags{gap:5px}.timeline-content .tags span{padding:4px 5px;font-size:8px}.timeline-content .timeline-outcome{font-size:10px}.skills-grid{margin-top:30px}.skill-keys>span{font-size:11px}.testimonials-grid{margin-top:30px}.contact-cta{padding-block:55px 65px}.cta-row{gap:15px}.cta-row h2{font-size:37px}.contact-key{border-radius:9px;flex-shrink:0;gap:17px;width:100px;padding:14px 15px;font-size:11px}.contact-key>svg{width:29px;height:29px}.contact-cta>p{max-width:230px;margin-top:22px;font-size:11px}.site-footer{gap:10px;padding-top:26px}.footer-brand-wrap{grid-column:1;gap:6px}.footer-brand{font-size:24px}.footer-rblx-link{gap:6px;font-size:10px}.footer-rblx-icon{width:13px;height:13px}.footer-rblx-link svg{width:10px;height:10px}.footer-social{grid-column:2;gap:13px;font-size:9px}.footer-social svg{width:11px}.copyright{grid-column:1/3;max-width:100%;padding-top:20px;font-size:8px}.back-top{text-align:left;grid-area:auto/1/auto/3;min-height:32px;font-size:8px}.page-heading{padding-top:50px}.archive-heading{display:block}.archive-heading h1{font-size:61px}.archive-heading>div{align-items:center;gap:30px;max-width:none;margin-top:28px;display:flex}.archive-total{white-space:nowrap;font-size:22px}.archive-total span{font-size:11px}.archive-heading p{margin-top:0;font-size:11px}.archive-content{padding-top:30px;padding-bottom:55px}.archive-toolbar{gap:18px;padding-block:15px}.filter-list{gap:5px}.filter{gap:8px;padding:9px 10px;font-size:10px}.search-box{width:100%}.search-box input{font-size:12px}.result-count{margin:20px 0 24px}.workflow-section{margin-top:65px}.workflow summary{grid-template-columns:25px 1fr 15px;gap:12px;padding:22px 0}.workflow-number{font-size:9px}.workflow-tag{display:none}.workflow h3{font-size:14px;line-height:1.6}.workflow-category{font-size:7px}.workflow-body{padding:0 0 25px 37px}.workflow-body>p{font-size:12px}.workflow-highlights{gap:10px;font-size:10px}.workflow-images{grid-template-columns:1fr}.contact-page{padding-block:50px 65px}.contact-heading h1{font-size:57px}.contact-heading>p{margin-top:23px;font-size:12px}.contact-grid{gap:25px;margin-top:40px}.email-link{justify-content:space-between;gap:10px;font-size:15px}.contact-socials{gap:27px;margin-top:18px}.agency-card{padding:17px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.field input,.field textarea{font-size:16px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.contact-heading .section-label{font-size:9px}.not-found{padding-block:70px}.not-found h1{font-size:58px}}@media (width<=360px){.hero h1{font-size:55px}.eyebrow{font-size:6px}.cta-row h2{font-size:31px}.contact-key{width:83px}.contact-heading h1{font-size:49px}.identity-card{gap:10px}.identity-symbol{display:none}.email-link{font-size:13px}.filter{padding-inline:7px;font-size:9px}.archive-heading h1{font-size:55px}}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);height:82px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.wordmark{align-items:center;min-height:44px;display:inline-flex}.brand-key{border:1px solid var(--key-edge);background:linear-gradient(145deg, var(--key-top), var(--key-bottom));min-height:40px;box-shadow:inset 0 1px 0 #ffffff0a, 0 4px 0 var(--line), 0 6px 9px #0002;font-family:var(--font-code);letter-spacing:-.045em;border-radius:7px;justify-content:space-between;align-items:center;gap:24px;padding:8px 14px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;display:flex}.brand-cursor{color:var(--accent);margin-left:1px}.brand-key>svg{color:var(--muted)}.wordmark:active .brand-key,.wordmark[data-depressed] .brand-key{box-shadow:inset 0 1px 0 #ffffff0a, 0 1px 0 var(--line);transform:translateY(3px)}.nav-actions{align-items:center;gap:10px;display:flex}.sound-button,.theme-button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:9px;transition:color .18s,border-color .18s,transform .15s;display:inline-flex}.sound-button{font-family:var(--font-code);letter-spacing:-.02em;padding:10px 13px;font-size:9px}.sound-button[aria-pressed=true]{color:var(--text);border-color:var(--key-edge)}.sound-button[aria-pressed=true]>svg{color:var(--accent)}.sound-button:hover,.theme-button:hover{color:var(--text);border-color:var(--key-edge)}.theme-button{width:44px;height:44px;color:var(--text);box-shadow:0 3px 0 var(--line)}.theme-button:active,.theme-button[data-depressed]{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.hero h1{font-family:var(--font-code);letter-spacing:-.07em;font-size:clamp(45px,5.25vw,76px);font-weight:700;line-height:1.22}.hero h1 .serif{font-size:1.23em}.page-heading h1,.contact-heading h1,.not-found h1{font-family:var(--font-code);letter-spacing:-.065em;font-size:clamp(50px,6vw,82px);font-weight:700;line-height:1.22}.hero-intro{letter-spacing:-.015em}.keyboard-scene{isolation:isolate;justify-self:end;width:100%;max-width:510px;padding:26px 23px 10px;position:relative}.keyboard-scene:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 58% 37%,#a6a89816,#0000 62%);position:absolute;inset:-45px -36px}.keyboard{background:linear-gradient(120deg,#242624,#101211 38%,#171918);border:1px solid #444644;border-radius:22px;padding:16px 17px 12px;position:relative;transform:rotate(-8deg)skew(-3deg);box-shadow:inset 0 1px #ffffff15,1px 4px #242724,2px 9px #0a0c0b,3px 11px #323630,17px 31px 35px #0007}.keyboard-top,.keyboard-bottom{color:#959a92;font-family:var(--font-code);letter-spacing:.1em;justify-content:space-between;align-items:center;padding-inline:7px;font-size:6px;display:flex}.keyboard-top{margin-bottom:14px}.keyboard-bottom{padding-top:15px}.keyboard-led{background:#c5d4ab;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #c5d4ab77}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px;display:grid}.nav-key{--cap-text:#eceee7;--cap-muted:#a0a59d;--cap-face:#282b28;--cap-center:#191c19;--cap-rim:#6b7065;--cap-skirt:#151813;--cap-side:#393e34;--cap-front:#0b0e0a;--cap-seam:#090c08;aspect-ratio:1.03;outline-offset:8px;isolation:isolate;border-radius:18px;display:block;position:relative}.nav-key:before{content:"";background:#060806;border:1px solid #383d34;border-radius:17px;position:absolute;inset:13px 2px -1px;box-shadow:inset 0 5px 9px #000,0 1px 1px #ffffff12}.nav-key:after{content:"";pointer-events:none;filter:blur(4px);opacity:0;z-index:-1;background:#f3e9c9;border-radius:50%;height:4px;transition:opacity .22s;position:absolute;bottom:0;left:15%;right:15%;box-shadow:0 0 14px 3px #f3e9c988}.key-cap{background:linear-gradient(105deg, var(--cap-side) 0%, var(--cap-skirt) 22%, var(--cap-skirt) 75%, var(--cap-front) 100%);box-shadow:4px 13px 9px #0008, inset 0 -2px 2px var(--cap-seam);border-radius:18px;transition:transform .18s cubic-bezier(.2,.75,.25,1),box-shadow .18s;display:block;position:absolute;inset:0 0 10px}.key-cap:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(166deg,#ffffff0b,#0000 26%,#0003 77%,#0005),linear-gradient(90deg,#ffffff12,#0000 10% 86%,#0003);position:absolute;inset:0}.key-face{border:1px solid var(--cap-rim);background:radial-gradient(ellipse at 50% 62%, var(--cap-center), transparent 78%), linear-gradient(145deg, #ffffff06, transparent 50%), var(--cap-face);color:var(--cap-text);border-radius:15px 15px 20px 20px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:-1px 10px 35px;box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -2px 3px #0004,0 1px 1px #0004}.key-face:before{content:"";border-radius:inherit;pointer-events:none;opacity:.45;background-image:radial-gradient(#ffffff0e .45px,#0000 .75px);background-size:3px 3px;position:absolute;inset:0}.key-top{font-family:var(--font-code);color:var(--cap-muted);font-size:7px;position:absolute;top:13px;left:14px}.key-label{font-family:var(--font-code);letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 1px 1px #0003;margin-top:5px;font-size:17px;font-weight:600;line-height:1.5;position:relative}.key-arrow{font-family:var(--font-code);margin-top:8px;font-size:22px;line-height:1;position:relative}.key-about,.key-stack{--cap-text:#30332b;--cap-muted:#53584d;--cap-face:#e8e6de;--cap-center:#dddbd1;--cap-rim:#faf9f2;--cap-skirt:#aaa79d;--cap-side:#dbd8ce;--cap-front:#76746e;--cap-seam:#838178}.key-about .key-face,.key-stack .key-face{box-shadow:inset 0 1px 2px #fffffff2,inset 0 -2px 3px #6d765229,0 1px 1px #a5ad94}.key-about .key-label,.key-stack .key-label{text-shadow:0 1px #ffffff70}.nav-key:active .key-cap,.nav-key[data-depressed] .key-cap,.nav-key.is-pressed .key-cap{box-shadow:1px 3px 3px #0006, inset 0 -1px 2px var(--cap-seam);transform:translateY(10px)}.nav-key:active:after,.nav-key[data-depressed]:after,.nav-key:focus-visible:after{opacity:.85}@media (hover:hover) and (pointer:fine){.nav-key:hover .key-cap{box-shadow:5px 17px 12px #0008, inset 0 -2px 2px var(--cap-seam);transform:translateY(-3px)}.nav-key:hover:after{opacity:.7}.nav-key:hover:active .key-cap,.nav-key:hover[data-depressed] .key-cap,.nav-key:hover.is-pressed .key-cap{transform:translateY(10px);box-shadow:1px 3px 3px #0006}}html[data-theme=light] .keyboard-scene:before{background:radial-gradient(at 58% 37%,#787c6330,#0000 63%)}html[data-theme=light] .keyboard{background:linear-gradient(125deg,#e0ddd3,#c8c5b9);border-color:#f8f8ed;box-shadow:inset 0 1px #fff9,1px 4px #a8af9c,2px 9px #c6ccbc,3px 11px #8b947d,17px 31px 35px #535e3c2e}html[data-theme=light] .keyboard-top,html[data-theme=light] .keyboard-bottom{color:#404a34}html[data-theme=light] .keyboard-led{background:#3f5831;box-shadow:0 0 7px #466d3a33}html[data-theme=light] .nav-key:before{background:#626b54;border-color:#929b82;box-shadow:inset 0 5px 9px #303a2855,0 1px 1px #fff7}.reveal-item{--reveal-delay:0s;--reveal-y:24px;--reveal-x:0px;--reveal-scale:1;transition:opacity .7s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay), transform .85s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay)}.reveal-pending{opacity:0;transform:translate(var(--reveal-x), var(--reveal-y)) scale(var(--reveal-scale))}.project-card.reveal-item{--reveal-y:38px;--reveal-scale:.985}.project-card:nth-of-type(2n).reveal-item{--reveal-delay:85ms}.skill-group:nth-child(2).reveal-item,.testimonial:nth-child(2).reveal-item,.process-grid>:nth-child(2).reveal-item{--reveal-delay:80ms}.skill-group:nth-child(3).reveal-item,.testimonial:nth-child(3).reveal-item,.process-grid>:nth-child(3).reveal-item{--reveal-delay:.16s}.timeline-item.reveal-item,.workflow.reveal-item{--reveal-y:0px;--reveal-x:10px}.skill-group.reveal-item:not(.reveal-pending) .skill-keys>span{animation:.6s cubic-bezier(.16,1,.3,1) backwards key-settle;animation-delay:calc(var(--reveal-delay) + 80ms)}.skill-group.reveal-item:not(.reveal-pending) .skill-keys>span:nth-child(3n+2){animation-delay:calc(var(--reveal-delay) + .14s)}.skill-group.reveal-item:not(.reveal-pending) .skill-keys>span:nth-child(3n){animation-delay:calc(var(--reveal-delay) + .2s)}.timeline-item[open] .timeline-content,.workflow[open] .workflow-body{animation:.35s cubic-bezier(.16,1,.3,1) detail-enter}@keyframes key-settle{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes detail-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal-item:focus-within,.section:target .reveal-item{opacity:1;transition:none;transform:none}.section:target .skill-keys>span{animation:none!important}@media (prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}}@media (width>=1600px){.hero h1{font-size:86px}.keyboard-scene{max-width:520px}}@media (width<=1100px){.hero h1{font-size:clamp(41px,5.1vw,57px)}.keyboard-scene{padding-inline:12px}.key-label{font-size:15px}.key-face{bottom:31px;left:8px;right:8px}}@media (width<=900px){.keyboard{border-radius:18px;padding:13px 12px 10px}.key-grid{gap:11px 9px}.key-label{font-size:12px}.key-top{font-size:6px;top:10px;left:10px}.key-arrow{margin-top:6px;font-size:19px}.key-face{border-radius:12px 12px 16px 16px;bottom:29px}.key-cap{border-radius:15px}.keyboard-top,.keyboard-bottom{font-size:5px}}@media (width<=700px){.reveal-item{--reveal-delay:0s!important}.hero-main{grid-template-columns:1fr;gap:36px;padding-block:48px 36px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(42px,8vw,60px)}.keyboard-scene{justify-self:center;max-width:430px;padding:14px 22px 0}.keyboard{padding:16px 15px 12px}.key-grid{gap:13px 10px}.key-label{font-size:15px}.key-top{font-size:7px}.key-face{border-radius:14px 14px 18px 18px;bottom:33px;left:9px;right:9px}.keyboard-top,.keyboard-bottom{font-size:5.5px}}@media (width<=600px){.site-header{height:74px}.brand-key{gap:15px;min-height:37px;padding:8px 10px;font-size:13px}.brand-key>svg{width:12px;height:12px}.nav-inner{gap:12px}.nav-actions{gap:8px}.sound-button{gap:7px;padding-inline:10px;font-size:8px}.sound-button>svg{width:15px;height:15px}.theme-button{width:42px}.hero h1{font-size:clamp(37px,10.4vw,58px);line-height:1.22}.hero h1 .serif{font-size:1.2em}.hero-main{gap:25px;padding-top:40px}.eyebrow{letter-spacing:0;max-width:320px;font-size:6.5px;line-height:1.9}.hero-intro{margin-bottom:16px}.keyboard-scene{width:100%;max-width:370px;margin-top:8px;padding-inline:15px}.keyboard{transform:rotate(-6deg)skew(-2deg)}.keyboard-scene:before{inset:-20px -10px}.page-heading h1,.contact-heading h1,.not-found h1{font-size:clamp(35px,10.6vw,57px);line-height:1.27}.page-heading h1 .serif,.contact-heading h1 .serif{font-size:1.13em}}@media (width<=360px){.brand-key{gap:11px;font-size:11px}.sound-button{padding-inline:8px;font-size:7px}.nav-actions{gap:6px}.nav-inner{gap:10px}.theme-button{width:40px}.keyboard-scene{padding-inline:10px}.key-face{bottom:29px;left:7px;right:7px}.key-label{font-size:12px}.keyboard-top,.keyboard-bottom{font-size:4.5px}.key-top{font-size:6px}}.press-button{--press-face:linear-gradient(150deg, #292b2d, #1b1d1f);--press-edge:#424548;--press-side:#101214;--press-text:var(--text);isolation:isolate;background:var(--press-side);max-width:100%;min-height:46px;color:var(--press-text);text-align:center;vertical-align:middle;border:0;border-radius:9px;align-items:stretch;margin-top:5px;padding:0;display:inline-flex;position:relative;box-shadow:0 3px 7px #0003}html[data-theme=light] .press-button{--press-face:linear-gradient(150deg, #faf9f5, #e5e3da);--press-edge:#faf9f2;--press-side:#b4b3a9}.press-button.button-primary{--press-face:linear-gradient(150deg, #f4f2e9, #d9d7cc);--press-edge:#f6f5ee;--press-side:#86887c;--press-text:#242720}html[data-theme=light] .press-button.button-primary{--press-face:linear-gradient(150deg, #373b35, #252823);--press-edge:#52574b;--press-side:#131810;--press-text:#f3f1eb}.press-button:before{content:"";z-index:-1;border:1px solid var(--line);border-radius:inherit;background:var(--surface);position:absolute;inset:2px -1px -3px}.press-face{min-height:inherit;border:1px solid var(--press-edge);border-radius:inherit;background:var(--press-face);color:inherit;flex:1;justify-content:center;align-items:center;gap:18px;padding:12px 20px;font-size:12px;font-weight:700;line-height:1.5;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(-5px);box-shadow:inset 0 1px #ffffff12,0 2px 3px #0002}.press-face:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 35%,#ffffff16 48%,#ffffff03 58%,#0000 70%);transition:transform .55s,opacity .18s;position:absolute;inset:0;transform:translate(-120%)}.press-button:hover,.press-button:active{transform:none}@media (hover:hover) and (pointer:fine){.press-button:hover .press-face{transform:translateY(-7px)}.press-button:hover .press-face:before{opacity:1;transform:translate(120%)}}.press-button:active .press-face,.press-button[data-depressed] .press-face{transform:translateY(-1px);box-shadow:inset 0 1px 2px #0002}.press-button:disabled .press-face{transform:translateY(-1px)}.press-button:disabled{cursor:wait}.press-compact .press-face{gap:9px;padding:10px 14px;font-size:11px}.press-icon{flex-shrink:0;width:42px;min-height:39px}.press-icon .press-face{padding:9px}.project-meta .press-icon{margin-left:auto}.filter{transition:transform .15s,box-shadow .15s}.filter:active,.filter[data-depressed]{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.contact-key[data-depressed]{box-shadow:0 3px 0 #96988c, 0 5px 0 var(--line);transform:rotate(-4deg)translateY(5px)}.sound-picker{position:relative}.sound-button{color:var(--text);gap:8px}.sound-chevron{color:var(--muted);transition:transform .18s}.sound-button[aria-expanded=true] .sound-chevron{transform:rotate(180deg)}.sound-menu{z-index:25;overscroll-behavior:contain;border:1px solid var(--key-edge);background:var(--surface-raised);width:206px;max-height:calc(100dvh - 108px);box-shadow:0 8px 0 -4px var(--line), 0 18px 38px #0004;border-radius:12px;margin:0;padding:8px;animation:.18s cubic-bezier(.16,1,.3,1) sound-menu-enter;position:absolute;top:calc(100% + 14px);right:0;overflow-y:auto}.sound-menu-title{color:var(--muted);font-family:var(--font-code);padding:10px 9px 13px;font-size:9px}.sound-option{cursor:pointer;min-height:43px;color:var(--muted);border-radius:6px;align-items:center;gap:12px;padding:9px;font-size:12px;display:flex;position:relative}.sound-option:last-child{border-top:1px solid var(--line);border-radius:0 0 6px 6px;margin-top:6px}.sound-option input{opacity:0;width:1px;height:1px;position:absolute}.sound-option:has(input:checked){background:var(--bg);color:var(--text)}.sound-option:hover{color:var(--text)}.sound-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.sound-check{opacity:0;color:var(--accent);margin-left:auto;display:flex}.sound-option:has(input:checked) .sound-check{opacity:1}.sound-sample-icon{place-items:center;width:22px;display:grid}.sound-wave{align-items:center;gap:2px;height:18px;display:flex}.sound-wave i{background:currentColor;border-radius:1px;width:2px;height:5px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(4){height:10px}.sound-wave i:nth-child(3),.sound-wave-1 i:nth-child(2){height:16px}.sound-wave-1 i:nth-child(3){height:8px}.sound-wave-2 i:nth-child(4){height:16px}.sound-wave-2 i:nth-child(3){height:10px}.sound-wave-3 i:nth-child(2n){height:16px}.sound-wave-3 i:nth-child(3){height:5px}@keyframes sound-menu-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.hero-main{min-height:760px;padding-block:95px 100px}.hero{border-bottom:1px solid var(--line)}.hero-actions{gap:18px}.keyboard-scene{padding-block:35px}.keyboard-bottom{min-height:21px;padding-top:8px}.hero-description{max-width:360px}h2{font-weight:650}.section-heading{margin-bottom:38px}.project-meta h3{font-family:var(--font-code);letter-spacing:-.045em;font-size:19px;font-weight:600}.skill-group h3,.timeline-item h3,.process-grid h3{font-weight:700}.skill-keys{margin-top:23px}.key-label{letter-spacing:-.055em}.contact-key{font-family:var(--font-code);font-weight:600}.footer-social{grid-row:1;gap:12px}.footer-social a{min-height:40px}.back-top{grid-row:3}.submit-button .press-face{justify-content:space-between}.contact-socials{flex-wrap:wrap;gap:12px}@media (width<=1100px){.hero-main{min-height:680px;padding-block:75px}}@media (width<=700px){.hero-main{gap:32px;min-height:auto;padding-block:45px 55px}.keyboard-scene{padding-block:20px}}@media (width<=600px){.hero-actions{gap:13px}.press-face{gap:14px;padding:11px 15px;font-size:11px}.press-compact .press-face{gap:7px;padding:9px 11px;font-size:10px}.press-icon .press-face{padding:9px}.footer-social{gap:8px}.footer-brand{font-size:23px}.sound-menu{right:-4px}.project-meta h3{font-size:18px}}@media (width<=360px){.hero-actions{gap:10px}.hero-actions .press-face{gap:8px;padding-inline:12px;font-size:10px}.sound-button{gap:5px}.sound-chevron{width:8px}.footer-social .press-face{gap:5px;padding-inline:8px}}