:root{color-scheme:dark;--canvas:#0d1117;--paper:#f8fafc;--blue:#2563eb;--cyan:#06b6d4}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#07101c 0%,#0d1117 48%,#090d13 100%);color:var(--paper);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(100% - 2.5rem,96rem);margin-inline:auto}.skip-link{position:fixed;z-index:100;top:.75rem;inset-inline-start:.75rem;transform:translateY(-160%);border-radius:.6rem;background:#fff;padding:.65rem 1rem;color:#08101b;font-weight:700}.skip-link:focus{transform:none}.topbar{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,13,21,.84);backdrop-filter:blur(8px)}.nav{display:flex;height:5rem;align-items:center;justify-content:space-between;gap:1.5rem}.brand img{display:block;width:clamp(9.5rem,15vw,12rem);height:auto}.nav-actions{display:flex;align-items:center;gap:1rem}.main-site{color:rgba(248,250,252,.62);font-size:.8rem;transition:color .18s ease}.main-site:hover{color:#fff}.language-menu{position:relative}.language-menu button{display:flex;min-width:4rem;height:2.65rem;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:rgba(255,255,255,.035);color:#f8fafc;font-size:.72rem;font-weight:800}.language-menu button span{width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.12rem) rotate(45deg);transition:transform .18s ease}.language-menu.is-open button span{transform:translateY(.12rem) rotate(225deg)}.language-panel{position:absolute;top:calc(100% + .55rem);inset-inline-end:0;display:grid;width:9.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;background:#080d15;padding:.35rem;opacity:0;pointer-events:none;transform:translateY(-.3rem);transition:opacity .18s ease,transform .18s ease}.language-menu.is-open .language-panel{opacity:1;pointer-events:auto;transform:none}.language-panel a{border-radius:.55rem;padding:.65rem .75rem;color:rgba(248,250,252,.62);font-size:.78rem}.language-panel a:hover,.language-panel a[aria-current=page]{background:rgba(37,99,235,.14);color:#fff}.hero{padding-block:clamp(5rem,10vw,9rem) clamp(3.5rem,7vw,6rem)}.eyebrow{margin:0;color:#60a5fa;font-size:.7rem;font-weight:750;letter-spacing:.24em;text-transform:uppercase}.hero h1{max-width:59rem;margin:1.2rem 0 0;font-family:Sora,Inter,system-ui,sans-serif;font-size:clamp(2.8rem,7vw,6.6rem);font-weight:650;line-height:1;letter-spacing:-.055em}.intro{max-width:44rem;margin:1.5rem 0 0;color:rgba(248,250,252,.6);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.8}.projects{padding-bottom:clamp(5rem,9vw,8rem)}.project-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.project-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}.project-cover{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:#07101c}.project-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-cover>img{transform:scale(1.025)}.cover-fallback{display:grid;width:100%;height:100%;place-items:center;background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);background-size:38px 38px}.cover-fallback img{filter:drop-shadow(0 0 28px rgba(37,99,235,.35))}.project-copy{padding:1.5rem}.category{margin:0 0 .7rem;color:#60a5fa!important;font-size:.62rem!important;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.project-copy h2{margin:0;font-family:Sora,Inter,system-ui,sans-serif;font-size:1.5rem;letter-spacing:-.03em}.project-copy p{margin:1rem 0 0;color:rgba(248,250,252,.58);font-size:.88rem;line-height:1.75}.project-link{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.4rem;color:#93c5fd;font-size:.82rem;font-weight:650}.project-link span{transition:transform .18s ease}[dir=rtl] .project-link span{transform:scaleX(-1)}.project-link:hover span{transform:translateX(.2rem)}[dir=rtl] .project-link:hover span{transform:scaleX(-1) translateX(.2rem)}.empty-state{display:grid;min-height:22rem;place-items:center;border:1px dashed rgba(96,165,250,.22);border-radius:1.25rem;background:rgba(37,99,235,.035);padding:3rem;text-align:center}.empty-state img{filter:drop-shadow(0 0 28px rgba(37,99,235,.34))}.empty-state h2{margin:1.2rem 0 0;font-family:Sora,Inter,system-ui,sans-serif;font-size:1.5rem}.empty-state p{max-width:32rem;margin:.8rem 0 0;color:rgba(248,250,252,.5);line-height:1.7}footer{border-top:1px solid rgba(255,255,255,.07);background:#090d13}footer .shell{display:flex;min-height:5.5rem;align-items:center;gap:.7rem;color:rgba(248,250,252,.35);font-size:.72rem}footer img{opacity:.7}@media(max-width:640px){.shell{width:min(100% - 2rem,96rem)}.main-site{display:none}.hero{padding-top:4.25rem}.project-copy{padding:1.25rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
:root{--qr-panel:#101722;--qr-line:rgba(248,250,252,.1);--qr-muted:rgba(248,250,252,.58)}.shell{width:min(90%,76rem)!important}.topbar{background:rgba(9,13,19,.92)!important;backdrop-filter:blur(6px)!important;border-bottom-color:var(--qr-line)!important}.nav{height:auto!important;min-height:4.1rem!important;gap:1rem!important}.brand img{width:8.7rem!important}.nav-actions{gap:.45rem!important}.main-site{display:inline-flex!important;min-height:2.3rem!important;align-items:center!important;border-radius:.55rem!important;padding:.45rem .65rem!important;color:var(--qr-muted)!important;font-size:.76rem!important;font-weight:650!important}.main-site:hover{background:rgba(37,99,235,.12)!important;color:#dbeafe!important}.language-menu button{min-width:3.65rem!important;height:2.3rem!important;border-radius:.55rem!important;font-size:.68rem!important}.language-panel{width:8.6rem!important;border-radius:.65rem!important}.language-panel a{padding:.55rem .65rem!important;font-size:.72rem!important}.hero{padding:3rem 0 2.2rem!important}.eyebrow{font-size:.62rem!important;letter-spacing:.2em!important}.hero h1{margin:.65rem 0 0!important;font-size:clamp(2rem,4.2vw,3.25rem)!important;line-height:1.05!important;letter-spacing:-.045em!important}.intro{max-width:38rem!important;margin:.8rem 0 0!important;font-size:.92rem!important;line-height:1.7!important}.projects{padding-bottom:4.5rem!important}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important}.project-card{border-color:var(--qr-line)!important;border-radius:1rem!important;background:var(--qr-panel)!important}.project-cover{border-bottom-color:var(--qr-line)!important}.project-copy{min-height:12.75rem!important;padding:1.15rem!important}.category{margin-bottom:.55rem!important;font-size:.58rem!important}.project-copy h2{font-size:1.15rem!important}.project-copy p{margin-top:.65rem!important;font-size:.8rem!important;line-height:1.65!important}.project-link{gap:.5rem!important;margin-top:auto!important;padding-top:1rem!important;font-size:.74rem!important}.empty-state{min-height:16rem!important;border-radius:1rem!important;padding:2rem!important}.empty-state img{width:3.2rem!important}.empty-state h2{margin-top:.85rem!important;font-size:1.25rem!important}.empty-state p{margin-top:.55rem!important;font-size:.85rem!important;line-height:1.65!important}footer .shell{min-height:4.25rem!important;font-size:.68rem!important}footer img{width:1.1rem!important}@media(max-width:850px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.shell{width:min(100% - 1.5rem,76rem)!important}.nav{min-height:3.8rem!important}.brand img{width:7.8rem!important}.hero{padding:2.35rem 0 1.7rem!important}.hero h1{font-size:2rem!important}.intro{font-size:.86rem!important}.project-grid{grid-template-columns:1fr!important;gap:.8rem!important}.project-copy{min-height:0!important;padding:1rem!important}.main-site{padding-inline:.45rem!important;font-size:.7rem!important}}