:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8f9fb;--ink:#182231;--muted:#667085;--line:#d9dee7;--accent:#2457a7}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.site-footer{width:min(100%,920px);padding:1.5rem max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-left));color:var(--muted);text-align:center;margin:0 auto;font-size:.72rem}main{width:min(100%,920px);padding:max(clamp(1.25rem, 5vw, 3rem), env(safe-area-inset-top)) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-right)) max(clamp(1.5rem, 5vw, 3rem), env(safe-area-inset-bottom)) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-left));margin:0 auto}.hero{max-width:42rem;padding:clamp(.75rem,2.5vw,1.5rem) 0 clamp(1.75rem,4vw,2.5rem)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:700}h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(1.55rem,3.5vw,2.4rem);font-weight:640;line-height:.98}.hero-copy{max-width:34rem;color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.showcase{padding-top:0}.showcase-header{justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.carousel-controls{align-items:center;gap:.65rem;display:flex}.carousel-status{min-width:4.5rem;color:var(--muted);text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem}button{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;place-items:center;transition:border-color .16s,color .16s,background-color .16s;display:grid}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible{outline-offset:2px;outline:3px solid #2457a733}.carousel{counter-reset:services;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;margin:0;padding:0 0 1rem;list-style:none;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.service-card{counter-increment:services;border:1px solid var(--line);letter-spacing:-.02em;scroll-snap-align:start;background:#fff;border-radius:.75rem;flex:0 0 calc(33.3333% - .666667rem);min-height:0;padding:0;font-size:clamp(1rem,2vw,1.35rem);font-weight:520;line-height:1.25;transition:border-color .16s,transform .16s;position:relative}.service-card:before{content:counter(services, decimal-leading-zero);z-index:1;color:var(--muted);letter-spacing:.08em;background:#ffffffe6;border-radius:999px;padding:.3rem .45rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;font-weight:500;position:absolute;top:.75rem;left:.75rem}.service-card img{aspect-ratio:4/3;object-fit:cover;border-radius:calc(.75rem - 1px) calc(.75rem - 1px) 0 0;width:100%;height:auto;display:block}.service-card:hover{border-color:#9aaac2;transform:translateY(-2px)}.email-contact{border:1px solid var(--line);background:#fff;border-radius:.75rem;grid-template-columns:5rem 1fr;align-items:center;gap:1.25rem;max-width:none;margin:clamp(3rem,8vw,5rem) 0 0;padding:1rem;display:grid}.email-contact img{border-radius:.35rem;width:5rem;height:auto;display:block}.email-contact h2{margin-bottom:.35rem}.email-contact p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.portfolio{padding-top:clamp(2rem,5vw,3rem)}.section-heading{margin-bottom:.75rem}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.portfolio-grid li:first-child{grid-column:1/-1}.portfolio-grid a{border:1px solid var(--line);min-height:6.75rem;color:var(--ink);background:#fff;border-radius:.75rem;grid-template-columns:1fr auto;align-items:start;gap:.75rem;padding:1rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.portfolio-grid a:hover{border-color:#9aaac2;transform:translateY(-2px);box-shadow:0 12px 30px #1822310f}.portfolio-grid a:focus-visible{outline-offset:2px;outline:3px solid #2457a733}.portfolio-content{align-self:end}.portfolio-content strong{letter-spacing:-.025em;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}.portfolio-arrow{color:var(--accent);font-size:1rem;transition:transform .16s}.portfolio-grid a:hover .portfolio-arrow{transform:translate(2px,-2px)}.catalog-page{padding-top:clamp(.75rem,2.5vw,1.5rem)}.catalog-back{color:var(--muted);margin-bottom:clamp(1.25rem,3vw,2rem);font-size:.82rem;text-decoration:none;display:inline-block}.catalog-back:hover{color:var(--accent)}.catalog-header{max-width:40rem;padding-bottom:clamp(1.75rem,4vw,2.5rem)}.catalog-header h1{font-size:clamp(1.55rem,3.5vw,2.4rem)}.catalog-section+.catalog-section{margin-top:clamp(2.5rem,6vw,4rem)}.catalog-list{gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.catalog-list a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:border-color .16s,transform .16s;display:grid}.catalog-list a:hover{border-color:#9aaac2;transform:translateY(-1px)}.catalog-name{font-size:.95rem;font-weight:600}.catalog-arrow{color:var(--accent);font-size:.9rem}@media (max-width:700px){main{padding-top:max(.75rem, env(safe-area-inset-top))}.service-card{flex-basis:82%}.email-contact{border-radius:.75rem;grid-template-columns:4.25rem 1fr;gap:1rem;padding:.75rem}.email-contact img{width:4.25rem}.carousel-controls button{width:2.75rem;height:2.75rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid li:first-child{grid-column:auto}.portfolio-grid a{min-height:6.25rem}}@media (prefers-reduced-motion:reduce){.carousel{scroll-behavior:auto}.service-card,button,.portfolio-grid a,.portfolio-arrow,.catalog-list a{transition:none}}