:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--display:"Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--sans:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--bg:#12100d;--win:#1a1714;--surface:#211d18;--surface-2:#2a251f;--line:#f5efe614;--line-strong:#f5efe626;--ink:#f5efe6;--muted:#b0a795;--faint:#837a6c;--ember:#f2a53d;--ember-2:#f8c073;--ember-soft:#f2a53d21;--jade:#34c29a;--jade-soft:#34c29a24;--online:#3ba55d;--idle:#f0b232;--dnd:#ed4245;--offline:#80848e;--r-win:15px;--r-card:11px;--r-soft:8px;--shadow:0 44px 120px #0000009e;font-family:var(--sans);color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);margin:0;overflow:hidden}body.modal-open{overflow:hidden}button,a,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:#f2a53d4d transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#b0a79542;background-clip:padding-box;border:3px solid #0000;border-radius:999px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#f2a53d80}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}.mono{font-family:var(--mono)}.kick{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);text-transform:lowercase;align-items:center;gap:7px;margin:0 0 16px;font-size:.74rem;font-weight:500;display:inline-flex}.kick:before{content:"›";color:var(--ember);font-weight:600}.desktop{z-index:0;background:var(--bg);position:fixed;inset:0}.desktop:before{content:"";background:radial-gradient(720px 360px at 50% -6%,#f2a53d14,#0000 70%),repeating-linear-gradient(0deg,#f5efe604 0 1px,#0000 1px 4px);animation:26s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:translateY(-1.4%)}to{transform:translateY(1.4%)}}.window{z-index:1;border:1px solid var(--line-strong);border-radius:var(--r-win);background:var(--win);min-height:0;box-shadow:var(--shadow);opacity:0;flex-direction:column;transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:clamp(8px,1.4vw,22px);overflow:hidden;transform:scale(.992)translateY(10px)}.window.is-booted{opacity:1;transform:none}.window.shake{animation:.4s shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.titlebar{border-bottom:1px solid var(--line);background:linear-gradient(#f5efe609,#0000);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:44px;padding:0 14px;display:grid}.titlebar-left{align-items:center;gap:10px;min-width:0;display:flex}.lights{gap:7px;display:inline-flex}.lights i{background:#36302a;border-radius:50%;width:11px;height:11px}.lights i:first-child{background:#e0623f}.lights i:nth-child(2){background:#f2a53d}.lights i:nth-child(3){background:#34c29a}.title-avatar{object-fit:cover;border-radius:5px;width:18px;height:18px;margin-left:6px}.title-name{font-family:var(--mono);color:var(--muted);font-size:.8rem;font-weight:500}.window-path{font-family:var(--mono);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;justify-self:center;margin:0;font-size:.75rem;overflow:hidden}.window-path b{color:var(--ember);font-weight:500}.titlebar-controls{justify-self:end;gap:4px;display:flex}.titlebar-controls button{width:30px;height:26px;color:var(--faint);border-radius:6px;place-items:center;transition:background .16s,color .16s;display:grid}.titlebar-controls svg{width:12px;height:12px}.titlebar-controls button:hover{color:var(--ink);background:#f5efe614}.titlebar-controls .control-close:hover{background:var(--dnd);color:#fff}.window-body{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#f5efe604,#0000);flex-direction:column;flex:none;width:clamp(214px,18vw,270px);padding:14px 12px;display:flex}.side-brand{border-radius:var(--r-soft);align-items:center;gap:11px;padding:9px 10px;transition:background .18s;display:flex}.side-brand:hover{background:#f5efe60a}.side-brand img{object-fit:cover;border:1px solid var(--line-strong);border-radius:11px;width:40px;height:40px}.side-brand strong{font-family:var(--display);letter-spacing:-.01em;font-size:1.04rem;font-weight:700;display:block}.side-brand small{font-family:var(--mono);color:var(--faint);margin-top:1px;font-size:.73rem;display:block}.side-nav{flex-direction:column;flex:1;gap:2px;min-height:0;margin-top:18px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--r-soft);width:100%;color:var(--muted);text-align:left;align-items:center;gap:11px;padding:10px 11px;font-size:.92rem;font-weight:500;transition:background .18s,color .18s;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:#f5efe60d}.nav-item.active{background:var(--ember-soft);color:var(--ink)}.nav-item.active:before{content:"";background:var(--ember);border-radius:0 3px 3px 0;width:3px;height:17px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-ico{width:19px;height:19px;color:var(--faint);place-items:center;transition:color .18s;display:grid}.nav-item:hover .nav-ico,.nav-item.active .nav-ico{color:var(--ember)}.nav-ico svg{width:18px;height:18px}.presence{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);flex-direction:column;gap:11px;margin-top:14px;padding:12px;transition:border-color .2s;display:flex}.presence:hover{border-color:var(--line-strong)}.presence-status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;font-size:.66rem;display:flex}.presence-status b{color:var(--jade);align-items:center;gap:6px;font-weight:500;display:inline-flex}.presence-status b:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.presence--offline .presence-status b{color:var(--faint)}.presence-head{align-items:center;gap:11px;min-width:0;display:flex}.presence-avatar{flex:none;width:42px;height:42px;position:relative}.presence-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.presence-ring{border:3px solid var(--surface-2);background:var(--offline);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.presence--online .presence-ring{background:var(--online);animation:2.4s ease-out infinite pulse}.presence--idle .presence-ring{background:var(--idle)}.presence--dnd .presence-ring{background:var(--dnd)}.presence--offline .presence-ring{background:var(--offline)}@keyframes pulse{0%{box-shadow:0 0 #3ba55d80}70%{box-shadow:0 0 0 7px #3ba55d00}to{box-shadow:0 0 #3ba55d00}}.presence-body{min-width:0}.presence-body strong{font-size:.92rem;display:block}.presence-body small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;display:block;overflow:hidden}.presence-track{border-top:1px solid var(--line);grid-template-columns:38px 1fr;align-items:center;gap:10px;padding-top:11px;display:grid}.presence-track>img{object-fit:cover;border-radius:7px;width:38px;height:38px}.presence-track-ico{background:var(--ember-soft);width:38px;height:38px;color:var(--ember);border-radius:7px;place-items:center;display:grid}.presence-track-ico svg{width:20px;height:20px}.presence-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.presence-track small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 6px;font-size:.72rem;display:block;overflow:hidden}.presence-bar{background:#f5efe61f;border-radius:3px;height:3px;display:block;overflow:hidden}.presence-bar i{background:var(--jade);height:100%;transition:width 1s linear;display:block}.presence-elapsed{color:var(--muted);background:#f5efe60f;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:.72rem}.content{scroll-behavior:smooth;flex:1;min-width:0;overflow-y:auto}.view{padding:clamp(40px,6vh,76px) clamp(22px,4vw,64px)}.view+.view{border-top:1px solid var(--line)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(28px,4vw,56px);min-height:74vh;display:grid}.hero h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(2.6rem,5.6vw,4.9rem);font-weight:800;line-height:.98}.hero h1 span{color:var(--ember);white-space:nowrap;position:relative}.hero h1 span:after{content:"";background:var(--ember);opacity:.32;border-radius:99px;height:.11em;position:absolute;bottom:.04em;left:-.02em;right:-.02em}.lead{max-width:560px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.6}.cta-row{flex-wrap:wrap;gap:11px;margin-top:28px;display:flex}.btn-primary,.btn-ghost{border-radius:var(--r-soft);align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:.95rem;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn-primary{background:var(--ember);color:#1a1208;box-shadow:0 12px 30px #f2a53d3d}.btn-primary:hover{background:var(--ember-2);transform:translateY(-2px);box-shadow:0 18px 40px #f2a53d57}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink);background:#f5efe608}.btn-ghost .prompt{font-family:var(--mono);color:var(--jade);font-size:.82rem}.btn-ghost:hover{border-color:var(--ember);background:var(--ember-soft)}.chip-row{flex-wrap:wrap;gap:8px;max-width:540px;margin-top:30px;display:flex}.chip-row span{border:1px solid var(--line);border-radius:var(--r-soft);color:var(--muted);font-size:.8rem;font-family:var(--mono);background:#f5efe608;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.chip-row span:before{content:"";background:var(--ember);opacity:.7;border-radius:2px;width:6px;height:6px}.hero-side{gap:12px;min-width:0;display:grid}.boot{border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--surface);overflow:hidden;box-shadow:0 26px 60px #0000006b}.boot-top{border-bottom:1px solid var(--line);background:#f5efe605;align-items:center;gap:8px;padding:9px 12px;display:flex}.boot-lights{gap:5px;display:inline-flex}.boot-lights i{background:#36302a;border-radius:50%;width:8px;height:8px}.boot-lights i:first-child{background:#e0623f}.boot-lights i:nth-child(2){background:#f2a53d}.boot-lights i:nth-child(3){background:#34c29a}.boot-file{color:var(--faint);font-size:.72rem}.boot-state{color:var(--ember);margin-left:auto;font-size:.7rem}.boot.is-ready .boot-state{color:var(--jade)}.boot-screen{padding:16px 14px 14px}.boot-log{font-family:var(--mono);color:var(--muted);gap:5px;margin:0 0 14px;padding:0;font-size:.74rem;list-style:none;display:grid}.boot-log li{opacity:0;transition:opacity .4s,transform .4s;transform:translate(-6px)}.boot-log li:before{content:"› ";color:var(--jade)}.window.is-booted .boot-log li{opacity:1;transform:none}.window.is-booted .boot-log li:first-child{transition-delay:.4s}.window.is-booted .boot-log li:nth-child(2){transition-delay:.75s}.window.is-booted .boot-log li:nth-child(3){transition-delay:1.1s}.boot-meter{align-items:center;gap:10px;display:flex}.boot-track{background:#f5efe614;border-radius:99px;flex:1;height:8px;overflow:hidden}.boot-fill{background:linear-gradient(90deg, var(--ember), var(--ember-2));border-radius:99px;width:0;height:100%;display:block}.boot-pct{color:var(--ink);text-align:right;min-width:34px;font-size:.72rem}.boot-shot{aspect-ratio:16/10;object-fit:cover;border-top:1px solid var(--line);opacity:0;width:100%;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1.04)}.boot.is-ready .boot-shot{opacity:1;transform:none}.mini-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.mini-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:var(--r-card);width:100%;height:100%}.about-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(20px,4vw,64px);display:grid}.about-grid .kick{grid-column:1/-1}.about-grid h2{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:700;line-height:1.06}.about-grid p{color:var(--muted);margin:0;line-height:1.66}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.view-head h2{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700}.view-head>p{max-width:380px;color:var(--muted);margin:0;font-size:.94rem;line-height:1.55}.service-grid{grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:13px;display:grid}.service-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:20px;transition:border-color .2s,background .2s}.service-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.service-ico{background:var(--ember-soft);width:38px;height:38px;color:var(--ember);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.service-ico svg{width:20px;height:20px}.service-card h3{margin:0 0 8px;font-size:1.02rem;font-weight:600}.service-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.filter-row{flex-wrap:wrap;gap:7px;display:flex}.filter-row button{border-radius:var(--r-soft);border:1px solid var(--line);min-height:38px;color:var(--muted);background:#f5efe608;align-items:center;gap:8px;padding:0 14px;font-size:.88rem;font-weight:500;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.filter-row button:hover{color:var(--ink);border-color:var(--line-strong)}.filter-row button strong{font-family:var(--mono);color:var(--faint);font-size:.74rem}.filter-row button.active{background:var(--ember);border-color:var(--ember);color:#1a1208}.filter-row button.active strong{color:#1a120899}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 22px 50px #0006}.project-card.is-featured{border-color:#f2a53d57}.project-shot{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#0c0a08;width:100%;display:block;position:relative;overflow:hidden}.project-shot img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-shot img{transform:scale(1.05)}.shot-shots{border:1px solid var(--line-strong);font-family:var(--mono);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a08c7;border-radius:999px;padding:5px 9px;font-size:.7rem;position:absolute;bottom:12px;left:12px}.card-badge{border:1px solid var(--line-strong);color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a08cc;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:600;position:absolute;top:12px;right:12px}.card-badge.is-new{background:var(--jade);border-color:var(--jade);color:#06231b}.project-body{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.project-kind{font-family:var(--mono);color:var(--ember);text-transform:lowercase;margin:0;font-size:.73rem}.project-body h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:1.22rem;font-weight:700}.project-desc{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.tag-row{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.tag-row span{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);background:#f5efe60a;border-radius:7px;padding:5px 9px;font-size:.72rem}.ghost-button{color:var(--ember);align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:.88rem;font-weight:600;transition:gap .18s;display:inline-flex}.ghost-button:hover{gap:10px}.studio-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.studio-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);transition:border-color .2s;overflow:hidden}.studio-card:hover{border-color:var(--line-strong)}.studio-banner{aspect-ratio:16/7;object-fit:cover;border-bottom:1px solid var(--line);width:100%}.studio-info{align-items:center;gap:13px;padding:15px;display:flex}.studio-info>img{object-fit:cover;border:1px solid var(--line);background:#f5efe60a;border-radius:11px;width:50px;height:50px}.studio-info h3{margin:0;font-size:1.04rem;font-weight:600}.studio-info p{color:var(--muted);margin:4px 0 0;font-size:.86rem}.stack-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);align-items:stretch;gap:16px;display:grid}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(98px,1fr));gap:12px;display:grid}.tech-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);place-items:center;gap:11px;padding:22px 12px;transition:border-color .2s,background .2s;display:grid}.tech-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.tech-card img{object-fit:contain;width:46px;height:46px}.tech-card span{font-size:.86rem;font-weight:500}.tool-panel{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:22px}.tool-panel h3{margin:0 0 16px;font-size:1rem;font-weight:600}.tool-wall{flex-wrap:wrap;gap:8px;display:flex}.tool-wall span{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);background:#f5efe60a;border-radius:8px;padding:8px 12px;font-size:.82rem}.contact-card{border:1px solid var(--line-strong);border-radius:var(--r-win);background:radial-gradient(700px 320px at 0% 0%, #f2a53d21, transparent 62%), var(--surface);grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,44px);display:grid}.contact-card h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700}.contact-card>div:first-child>p{color:var(--muted);margin:0;line-height:1.62}.contact-links{gap:11px;display:grid}.contact-links a{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);align-items:center;gap:13px;padding:14px;transition:border-color .2s,transform .2s,background .2s;display:flex}.contact-links a:hover{border-color:var(--ember);background:var(--ember-soft);transform:translateY(-2px)}.link-ico{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#0c0a0899;border-radius:11px;flex:none;place-items:center;display:grid}.link-ico svg{fill:currentColor;width:22px;height:22px}.contact-links strong{font-size:.96rem;font-weight:600;display:block}.contact-links small{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.statusbar{border-top:1px solid var(--line);height:30px;color:var(--faint);background:#f5efe603;flex:none;align-items:center;gap:14px;padding:0 16px;font-size:.74rem;display:flex}.statusbar .mono{color:var(--faint)}.statusbar a:hover{color:var(--ember)}.status-dot{background:var(--offline);border-radius:50%;width:8px;height:8px}.status-dot.status--online{background:var(--online)}.status-dot.status--idle{background:var(--idle)}.status-dot.status--dnd{background:var(--dnd)}.status-dot.status--offline{background:var(--offline)}#status-text{color:var(--muted)}.status-sep{background:var(--line-strong);width:1px;height:13px}.status-grow{flex:1}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}[data-reveal].is-visible{opacity:1;transform:none}.titlebar,.sidebar,.content{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(6px)}.window.is-booted .titlebar{opacity:1;transition-delay:50ms;transform:none}.window.is-booted .sidebar{opacity:1;transition-delay:.16s;transform:none}.window.is-booted .content{opacity:1;transition-delay:.26s;transform:none}.nav-item,.side-brand,.presence{opacity:0;transition:opacity .4s,transform .4s,background .18s,border-color .2s;transform:translate(-7px)}.window.is-booted .side-brand{opacity:1;transition-delay:.22s;transform:none}.window.is-booted .nav-item{opacity:1;transform:none}.window.is-booted .nav-item:first-child{transition-delay:.28s}.window.is-booted .nav-item:nth-child(2){transition-delay:.33s}.window.is-booted .nav-item:nth-child(3){transition-delay:.38s}.window.is-booted .nav-item:nth-child(4){transition-delay:.43s}.window.is-booted .nav-item:nth-child(5){transition-delay:.48s}.window.is-booted .nav-item:nth-child(6){transition-delay:.53s}.window.is-booted .presence{opacity:1;transition-delay:.58s;transform:none}.gallery{border:1px solid var(--line-strong);border-radius:var(--r-win);background:var(--win);width:min(1140px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);box-shadow:var(--shadow);padding:0;overflow:hidden}.gallery::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080604bd}.modal-shell{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);display:grid;position:relative}.modal-copy{border-right:1px solid var(--line);background:var(--surface);padding:clamp(22px,3vw,34px)}.modal-kind{font-family:var(--mono);color:var(--ember);text-transform:lowercase;margin:0 0 12px;font-size:.76rem}.modal-title{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:800}.modal-desc{color:var(--muted);margin:16px 0;font-size:.94rem;line-height:1.62}.modal-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.modal-links a{border:1px solid var(--line-strong);font-family:var(--mono);color:var(--ember);border-radius:8px;padding:8px 12px;font-size:.78rem;transition:border-color .18s,background .18s}.modal-links a:hover{border-color:var(--ember);background:var(--ember-soft)}.modal-viewer{min-width:0;padding:clamp(16px,2.4vw,26px)}.modal-image{aspect-ratio:16/10;object-fit:contain;border:1px solid var(--line);border-radius:var(--r-card);background:#080604;width:100%;max-height:56vh}.modal-controls{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.modal-controls button{border:1px solid var(--line-strong);background:#f5efe60a;border-radius:8px;min-height:38px;padding:0 14px;font-size:.86rem;font-weight:500;transition:transform .18s,border-color .18s,background .18s}.modal-controls button:hover{border-color:var(--ember);background:var(--ember-soft);transform:translateY(-2px)}.modal-count{color:var(--faint)}.modal-thumbs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;max-height:116px;padding-right:2px;display:grid;overflow-y:auto}.modal-thumb{border:1px solid var(--line);aspect-ratio:16/10;background:0 0;border-radius:8px;padding:0;overflow:hidden}.modal-thumb.active{border-color:var(--ember)}.modal-thumb img{object-fit:cover;width:100%;height:100%}.modal-close{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--ink);background:#0c0a08b3;border-radius:9px;place-items:center;transition:background .18s,border-color .18s;display:grid;position:absolute;top:14px;right:14px}.modal-close svg{fill:none;width:20px;height:20px}.modal-close:hover{background:var(--dnd);border-color:var(--dnd)}@media (width<=1080px){.hero{grid-template-columns:minmax(0,1fr);min-height:0}.about-grid{grid-template-columns:minmax(0,1fr);align-items:start}.stack-layout,.contact-card{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){body{overflow:hidden auto}.window{border:none;border-radius:0;min-height:100vh;position:relative;inset:auto}.window-body{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1714eb;flex-direction:row;align-items:center;gap:10px;width:100%;padding:10px 12px;position:sticky;top:0;overflow-x:auto}.side-brand{flex:none}.side-nav{flex-direction:row;margin-top:0;overflow:auto hidden}.nav-item{white-space:nowrap}.nav-item.active:before,.nav-item span:last-child{display:none}.presence{flex:none;width:min(260px,60vw);margin-top:0}.presence-track,.presence-status,.nav-item span:last-child{display:none}.content{overflow:visible}.window-path{display:none}.modal-shell{grid-template-columns:1fr}.modal-copy{border-right:none;border-bottom:1px solid var(--line);padding-right:64px}}@media (width<=460px){.view{padding:36px 18px}.hero h1{font-size:clamp(1.95rem,8.6vw,2.6rem);line-height:1.04}.hero h1 span{white-space:normal}.cta-row .btn-primary,.cta-row .btn-ghost{flex:1;justify-content:center}.projects-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal],.titlebar,.sidebar,.content,.nav-item,.side-brand,.presence,.boot-log li,.window{opacity:1!important;transform:none!important}}