:root{--primary:#102df9;--primary-soft:#5d6cff;--secondary:teal;--secondary-soft:#2fb3b3;--ink:#0a0b14;--panel:#10111c;--panel-2:#161726;--line:#ffffff14;--line-strong:#ffffff2e;--text:#e8e9f0;--text-dim:#9094a8;--text-mute:#60647a;--paper:#f4f2ed;--paper-ink:#0a0b14;--radius:14px;--radius-lg:22px;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}body.light{background:var(--paper);color:var(--paper-ink)}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.wrap{max-width:1440px;margin:0 auto;padding:0 48px}@media (width<=768px){.wrap{padding:0 20px}}section{position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--line);background:#ffffff05;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 12px var(--primary);border-radius:50%}.nav{z-index:100;border-bottom:1px solid #0000;padding:18px 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);background:#0a0b14b8}body.light .nav.scrolled{background:#f4f2edc7;border-bottom-color:#00000014}.nav-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;display:flex}.nav-logo img{width:auto;height:26px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--text-dim);padding:8px 14px;font-size:14px;transition:color .2s;position:relative}.nav-links a:hover{color:var(--text)}body.light .nav-links a{color:#4a4d60}body.light .nav-links a:hover{color:var(--paper-ink)}.nav-right{align-items:center;gap:12px;display:flex}.btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 30px -8px #102df999,inset 0 1px #ffffff2e}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 40px -8px #102df9cc,inset 0 1px #fff3}.btn-ghost{border-color:var(--line-strong);color:var(--text)}body.light .btn-ghost{color:var(--paper-ink);border-color:#00000024}.btn-ghost:hover{border-color:var(--text);background:#ffffff0a}body.light .btn-ghost:hover{background:#0000000a}.btn .arrow{width:16px;height:16px;transition:transform .25s}.btn:hover .arrow{transform:translate(2px,-2px)}.menu-toggle{display:none}@media (width<=860px){.nav-links,.nav-right .btn-ghost.hide-mobile{display:none}.menu-toggle{border:1px solid var(--line-strong);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}}.hero{align-items:center;min-height:100vh;padding:140px 0 80px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);z-index:0;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}body.light .hero-grid{background-image:linear-gradient(#0000000f 1px,#0000 1px),linear-gradient(90deg,#0000000f 1px,#0000 1px)}.hero-inner{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;width:100%;display:grid;position:relative}@media (width<=960px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-side{aspect-ratio:16/9;max-width:100%;margin-left:0}}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:22px 0 24px;font-size:clamp(52px,7.2vw,108px);font-weight:500;line-height:.92}.hero h1 .slash{color:var(--primary);display:inline-block;position:relative}.hero h1 .slash:after{content:"";background:var(--ink);mix-blend-mode:lighten;height:10%;position:absolute;top:46%;left:-2%;right:-2%}body.light .hero h1 .slash:after{background:var(--paper);mix-blend-mode:darken}.hero h1 em{font-style:normal;font-family:var(--font-mono);letter-spacing:0;color:var(--secondary-soft);vertical-align:middle;border:1px solid var(--secondary);border-radius:6px;margin-right:.15em;padding:.15em .35em;font-size:.55em;font-weight:400}.hero p.lead{color:var(--text-dim);max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.55}body.light .hero p.lead{color:#494c5e}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-side{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 30% 20%,#102df947,#0000 55%),radial-gradient(circle at 80% 80%,#00808038,#0000 55%),linear-gradient(#ffffff0f,#0000),#0a0b148c;max-width:520px;margin-left:auto;position:relative;overflow:hidden}.hero-side .corner{border:1px solid var(--text);width:14px;height:14px;position:absolute}.hero-side .corner.tl{border-bottom:none;border-right:none;top:14px;left:14px}.hero-side .corner.tr{border-bottom:none;border-left:none;top:14px;right:14px}.hero-side .corner.bl{border-top:none;border-right:none;bottom:14px;left:14px}.hero-side .corner.br{border-top:none;border-left:none;bottom:14px;right:14px}.hero-stats{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:absolute;bottom:24px;left:24px;right:24px;overflow:hidden}.hero-stats>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b14a6;padding:14px}.hero-stats .num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:500}.hero-stats .lbl{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:4px;font-size:10px}.hero-marker{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);background:#0a0b1480;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex;position:absolute;top:24px;right:24px}.hero-marker .dot{background:#2ee37f;border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse;box-shadow:0 0 8px #2ee37f}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff04;padding:18px 0;position:relative;overflow:hidden}body.light .marquee{background:#00000005;border-color:#00000014}.marquee-track{gap:48px;width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.marquee-track span{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-dim);align-items:center;gap:48px;font-size:28px;font-weight:400;display:inline-flex}.marquee-track span:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.sec{padding:120px 0;position:relative}.sec-head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}@media (width<=768px){.sec{padding:80px 0}.sec-head{flex-direction:column;align-items:flex-start;margin-bottom:32px}}.sec-title{font-family:var(--font-display);letter-spacing:-.025em;max-width:820px;margin:16px 0 0;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:.98}.sec-kicker{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.sec-kicker:before{content:"";background:var(--primary);width:28px;height:1px}.sec-desc{color:var(--text-dim);max-width:420px;font-size:16px;line-height:1.6}body.light .sec-desc{color:#4a4d60}.services{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=960px){.services{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services{grid-template-columns:1fr}}.service{background:var(--ink);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:280px;padding:32px;transition:background .3s;display:flex;position:relative;overflow:hidden}body.light .service{background:var(--paper)}.service:hover{background:var(--panel)}body.light .service:hover{background:#ede9e0}.service:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #102df92e, transparent 40%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.service:hover:before{opacity:1}.service-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-mute);font-size:11px}.service-icon{border:1px solid var(--line-strong);background:linear-gradient(135deg,#102df91f,#0080800f);border-radius:14px;place-items:center;width:56px;height:56px;margin-top:16px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.service:hover .service-icon{transform:rotate(-8deg)scale(1.05)}.service-icon svg{width:26px;height:26px;stroke:var(--primary-soft);stroke-width:1.5px;fill:none}.service h3{font-family:var(--font-display);letter-spacing:-.02em;margin:20px 0 8px;font-size:26px;font-weight:500}.service p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}body.light .service p{color:#4a4d60}.service-arrow{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .3s,background .3s,border-color .3s;display:grid;position:absolute;top:24px;right:24px}.service:hover .service-arrow{background:var(--primary);border-color:var(--primary);transform:rotate(-45deg)}.service-arrow svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:16px;height:16px}.projects{flex-direction:column;gap:16px;display:flex}.project{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);grid-template-columns:1.1fr 1fr;gap:0;min-height:420px;transition:border-color .3s;display:grid;position:relative;overflow:hidden}body.light .project{background:#fff;border-color:#00000014}.project:hover{border-color:var(--line-strong)}@media (width<=860px){.project{grid-template-columns:1fr;min-height:auto}}.project-art{background:#0d0e1a;position:relative;overflow:hidden}body.light .project-art{background:#f0ede4}.project-art img{object-fit:cover;width:100%;height:100%}.project-info{flex-direction:column;justify-content:space-between;gap:24px;padding:36px;display:flex}.project-info .top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.project-info .idx{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-mute);font-size:11px}.project-info h3{font-family:var(--font-display);letter-spacing:-.025em;margin:16px 0 8px;font-size:36px;font-weight:500;line-height:1}.project-info .kind{font-family:var(--font-mono);color:var(--primary-soft);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.project-info p{color:var(--text-dim);max-width:420px;font-size:15px;line-height:1.6}body.light .project-info p{color:#4a4d60}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text-dim);letter-spacing:.06em;border-radius:999px;padding:5px 10px;font-size:11px}body.light .tag{color:#4a4d60;border-color:#0000001a}.process{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=860px){.process{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.process{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px}body.light .step{background:#fff;border-color:#00000014}.step .n{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--primary);letter-spacing:-.03em;font-size:56px;line-height:1}.step h4{font-family:var(--font-display);margin:16px 0 8px;font-size:20px;font-weight:500}.step p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}body.light .step p{color:#4a4d60}.cta{border-radius:var(--radius-lg);color:#fff;text-align:center;background:linear-gradient(135deg,#102df9 0%,#0a1cb8 50%,teal 100%);padding:80px 48px;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 12px,#ffffff0a 12px 13px);position:absolute;inset:0}.cta h2{font-family:var(--font-display);letter-spacing:-.03em;margin:16px 0 12px;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:.98}.cta p{opacity:.85;max-width:540px;margin:0 auto 28px;font-size:17px}.cta .btn-primary{color:#000;background:#fff}.cta .btn-primary:hover{background:#f0f0f0}.chip{border:1px solid var(--line-strong);cursor:pointer;color:inherit;background:0 0;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .2s}.chip:hover{border-color:var(--text-dim)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}body.light .chip{border-color:#00000024}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.contact-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=920px){.contact-grid{grid-template-columns:1fr}}.contact-form{border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;padding:32px;display:flex}body.light .contact-form{background:#fff;border-color:#00000014}.contact-form .f-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:12px}.f-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.f-grid{grid-template-columns:1fr}}.f-field{flex-direction:column;gap:8px;display:flex}.f-field label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.f-field input,.f-field textarea{border:1px solid var(--line);color:var(--text);resize:vertical;background:0 0;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}body.light .f-field input,body.light .f-field textarea{color:var(--paper-ink);border-color:#0000001f}.f-field input::placeholder,.f-field textarea::placeholder{color:var(--text-dim);opacity:.6}.f-field input:focus,.f-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #102df91f}.f-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.f-note{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.contact-aside{flex-direction:column;gap:12px;display:flex}.contact-card{border:1px solid var(--line);color:inherit;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}body.light .contact-card{background:#fff;border-color:#00000014}.contact-card:not(.static):hover{border-color:var(--primary);transform:translateY(-1px)}.contact-card .cc-ic{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.contact-card .cc-ic svg{width:20px;height:20px}.cc-k{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-family:var(--font-mono);margin-bottom:2px}.cc-v{font-size:15px;line-height:1.35}.contact-hours{border:1px dashed var(--line);border-radius:14px;flex-direction:column;gap:8px;margin-top:4px;padding:16px 20px;display:flex}.contact-hours .ch-row{font-size:13px;font-family:var(--font-mono);justify-content:space-between;display:flex}.contact-hours .ch-row .dim{color:var(--text-dim)}footer{border-top:1px solid var(--line);margin-top:40px;padding:64px 0 32px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer-grid{grid-template-columns:1fr}}.footer-col h5{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);margin:0 0 18px;font-size:11px;font-weight:400}.footer-col a{color:var(--text-dim);padding:6px 0;font-size:14px;transition:color .2s,transform .2s;display:block}.footer-col a:hover{color:var(--text);transform:translate(3px)}body.light .footer-col a{color:#4a4d60}body.light .footer-col a:hover{color:var(--paper-ink)}.footer-brand p{color:var(--text-dim);max-width:320px;margin:16px 0 20px;font-size:14px;line-height:1.6}body.light .footer-brand p{color:#4a4d60}.footer-socials{gap:8px;display:flex}.footer-socials a{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.footer-socials a:hover{background:var(--primary);border-color:var(--primary);color:#fff}.footer-socials svg{fill:currentColor;width:16px;height:16px}.footer-bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:11px;display:flex}.reveal{opacity:1;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:none}.js-reveal .reveal{opacity:0;transform:translateY(24px)}.js-reveal .reveal.in{opacity:1;transform:translateY(0)}.orb-wrap{pointer-events:none;z-index:40;opacity:1;width:88px;height:88px;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);position:fixed;bottom:32px;right:32px;transform:none}.orb-wrap.on{opacity:1;transform:translateY(0)scale(1)}@media (width<=720px){.orb-wrap{width:64px;height:64px;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.orb-wrap,.orb-shape{transition:none}}.orb-wrap svg{width:100%;height:100%;display:block;overflow:visible}.orb-inner{width:100%;height:100%;position:relative}.orb-ring{fill:none;stroke:var(--ink);stroke-opacity:.14;stroke-width:1px}.orb-ring.progress{stroke:var(--primary);stroke-opacity:1;stroke-linecap:round;filter:drop-shadow(0 0 6px #102df966);transition:stroke-dashoffset .3s}body.light .orb-ring{stroke:#0000002e}.orb-shape{transform-origin:50%;transform-box:fill-box;transition:d .8s cubic-bezier(.65,0,.35,1),fill .8s,transform .8s cubic-bezier(.65,0,.35,1)}.orb-label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);background:var(--ink);border:1px solid var(--line);opacity:0;border-radius:999px;padding:6px 12px;font-size:10px;transition:opacity .4s,transform .4s;position:absolute;top:50%;right:100%;transform:translate(-12px,-50%)}.orb-wrap.on .orb-label{opacity:1;transform:translate(-8px,-50%)}body.light .orb-label{background:#fff}.orb-glow{filter:blur(12px);opacity:.6;z-index:-1;border-radius:50%;position:absolute;inset:-20%}.project-page{padding-top:100px}.project-hero{border-bottom:1px solid var(--line);padding:40px 0 56px}.project-detail-kind{font-family:var(--font-mono);color:var(--primary-soft);letter-spacing:.18em;text-transform:uppercase;margin-top:18px;font-size:12px}.project-detail-title{font-family:var(--font-display);letter-spacing:-.03em;margin:14px 0 24px;font-size:clamp(48px,7vw,96px);font-weight:500;line-height:.95}.project-detail-desc{color:var(--text-dim);max-width:760px;margin:0 0 32px;font-size:20px;line-height:1.55}body.light .project-detail-desc{color:#494c5e}.project-detail-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.project-detail-dates{color:var(--text-mute)}.project-detail-ctas{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.project-detail-url{color:var(--text-dim);text-underline-offset:4px;word-break:break-all;text-decoration:underline}.project-detail-url:hover{color:var(--primary-soft)}.project-cover{padding:48px 0 0}.project-cover-frame{border:1px solid var(--line);border-radius:var(--radius-lg);aspect-ratio:16/9;background:#0d0e1a;overflow:hidden}body.light .project-cover-frame{background:#f0ede4;border-color:#00000014}.project-cover-frame img{object-fit:cover;width:100%;height:100%;display:block}.project-content-section{padding-top:56px}.project-content{max-width:760px;color:var(--text);font-size:17px;line-height:1.7}body.light .project-content{color:var(--paper-ink)}.project-content p{color:var(--text-dim);margin:0 0 20px}body.light .project-content p{color:#494c5e}.project-content h2{font-family:var(--font-display);letter-spacing:-.02em;margin:40px 0 16px;font-size:clamp(28px,3.2vw,40px);font-weight:500}.project-content h3{font-family:var(--font-display);letter-spacing:-.015em;margin:32px 0 12px;font-size:24px;font-weight:500}.project-content a{color:var(--primary-soft);text-underline-offset:3px;text-decoration:underline}.project-content ul,.project-content ol{color:var(--text-dim);margin:0 0 20px;padding-left:20px}.project-content li{margin:6px 0}.project-content img{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;margin:24px 0}.project-content blockquote{border-left:2px solid var(--primary);color:var(--text);margin:24px 0;padding:4px 0 4px 18px;font-style:italic}.project-content code{font-family:var(--font-mono);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.9em}.project-content pre{background:var(--panel-2);border:1px solid var(--line);font-family:var(--font-mono);border-radius:12px;margin:20px 0;padding:18px;font-size:13px;line-height:1.55;overflow-x:auto}.project-content pre code{background:0 0;padding:0}.project-highlights-section{padding-top:40px}.project-highlights{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=720px){.project-highlights{grid-template-columns:1fr}}.highlight-card{border:1px solid var(--line);border-radius:var(--radius-lg);aspect-ratio:16/10;background:#0d0e1a;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s;display:block;position:relative;overflow:hidden}body.light .highlight-card{background:#f0ede4;border-color:#00000014}.highlight-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.highlight-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.highlight-card:hover img{transform:scale(1.03)}.highlight-idx{letter-spacing:.18em;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#0a0b1499;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:14px;left:14px}.mobile-menu{z-index:200;background:var(--ink);flex-direction:column;gap:8px;padding:24px;display:flex;position:fixed;inset:0}body.light .mobile-menu{background:var(--paper)}.mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.mobile-menu a{font-family:var(--font-display);letter-spacing:-.02em;border-bottom:1px solid var(--line);color:var(--text-dim);padding:12px 0;font-size:32px;font-weight:500;transition:color .2s;display:block}body.light .mobile-menu a{color:#4a4d60}.mobile-menu a:hover{color:var(--text)}body.light .mobile-menu a:hover{color:var(--paper-ink)}.sent-banner{background:linear-gradient(135deg,#2fb3b326,#102df914);border:1px solid #2fb3b359;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;display:flex}.sent-icon{background:var(--secondary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.sent-icon svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.sent-title{font-family:var(--font-display);font-size:16px;font-weight:500}.sent-desc{color:var(--text-dim);margin-top:2px;font-size:13px}