/* /Components/Layout/AppFooter.razor.rz.scp.css */
.site-footer[b-kio6re6uik] { border-top: 1px solid var(--line); padding-block: var(--space-12); margin-top: var(--section-gap); }
.grid[b-kio6re6uik] { display: grid; grid-template-columns: 1fr auto auto; gap: var(--space-8) var(--space-12); align-items: start; }
.brand[b-kio6re6uik] { font-family: var(--font-brand); font-size: 1.2rem; display: inline-block; margin-bottom: var(--space-2); }
.links[b-kio6re6uik] { list-style: none; padding: 0; display: grid; gap: var(--space-2); font-size: var(--text-sm); }
.links a[b-kio6re6uik] { color: var(--text-muted); display: inline-block; padding-block: var(--space-1); }
.links a:hover[b-kio6re6uik] { color: var(--accent); }
.copy[b-kio6re6uik] { grid-column: 1 / -1; color: var(--text-faint); font-size: var(--text-sm); }
@media (max-width: 640px) {
    .grid[b-kio6re6uik] { grid-template-columns: 1fr 1fr; }
    .grid > div[b-kio6re6uik] { grid-column: 1 / -1; }
}
/* /Components/Layout/AppHeader.razor.rz.scp.css */
.site-header[b-0tmgb1jt7x] {
    position: sticky; top: 0; z-index: 10;
    height: var(--header-height);
    background: color-mix(in srgb, var(--bg) 80%, transparent);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line);
}
nav[b-0tmgb1jt7x] { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.brand[b-0tmgb1jt7x] { font-family: var(--font-brand); font-size: 1.35rem; letter-spacing: .02em; }
.menu[b-0tmgb1jt7x] { display: flex; align-items: center; gap: var(--space-8); list-style: none; padding: 0; }
.menu a:not(.btn)[b-0tmgb1jt7x] { color: var(--text-muted); font-size: var(--text-sm); font-weight: 500; }
.menu a:not(.btn):hover[b-0tmgb1jt7x] { color: var(--text); }
.menu .btn[b-0tmgb1jt7x] { padding: .55rem 1rem; font-size: var(--text-sm); }
@media (max-width: 767px) {
    .menu[b-0tmgb1jt7x] { gap: var(--space-4); }
    .menu li:not(:last-child)[b-0tmgb1jt7x] { display: none; }
}
/* /Components/Layout/StudioLayout.razor.rz.scp.css */
/* v2 "studio" look: light, editorial, one signal-orange accent.
   Radius rule: media 14px, interactive elements full pill. */
.studio[b-ci4yl880d7] {
    --paper: #edeff2;
    --paper-2: #e2e5e9;
    --ink: #111316;
    --ink-muted: #4a5058;
    --rule: rgb(17 19 22 / .14);
    --accent: #e8430f;
    --display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;
    --pad: clamp(1.25rem, 0.5rem + 3.5vw, 3.5rem);

    color-scheme: light;
    background: var(--paper);
    color: var(--ink);
    min-height: 100dvh;
}

.top[b-ci4yl880d7] {
    display: flex; align-items: center; gap: 2rem;
    padding: 1.25rem var(--pad);
}
.mark[b-ci4yl880d7] { font-family: var(--font-brand); font-size: 1.3rem; color: var(--ink); }
nav[b-ci4yl880d7] { display: flex; gap: 1.75rem; margin-left: auto; }
nav a[b-ci4yl880d7] { color: var(--ink-muted); font-weight: 500; font-size: .95rem; }
nav a:hover[b-ci4yl880d7] { color: var(--ink); }

.bottom[b-ci4yl880d7] {
    display: grid; grid-template-columns: auto 1fr auto; gap: 1rem 2rem; align-items: center;
    padding: 2.5rem var(--pad); margin-top: clamp(4rem, 8vw, 7rem);
    border-top: 1px solid var(--rule);
}
.bottom p[b-ci4yl880d7] { color: var(--ink-muted); margin: 0; }
.bottom ul[b-ci4yl880d7] { display: flex; gap: 1.5rem; list-style: none; padding: 0; }
.bottom ul a[b-ci4yl880d7] { color: var(--ink); font-weight: 500; }
.bottom ul a:hover[b-ci4yl880d7] { color: var(--accent); }
.bottom .copy[b-ci4yl880d7] { grid-column: 1 / -1; font-size: .875rem; }

@media (max-width: 767px) {
    nav[b-ci4yl880d7] { display: none; }
    .bottom[b-ci4yl880d7] { grid-template-columns: 1fr; }
    .bottom ul[b-ci4yl880d7] { flex-wrap: wrap; }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.status[b-mnl22w7akp] { padding-block: var(--space-24); display: grid; gap: var(--space-4); justify-items: start; }
.status .mono[b-mnl22w7akp] { color: var(--accent); }
/* /Components/Pages/Home.razor.rz.scp.css */
section[b-0yo8qley50], .collage[b-0yo8qley50] { padding-inline: var(--pad); }
h1[b-0yo8qley50], h2[b-0yo8qley50], h3[b-0yo8qley50] { font-family: var(--display); letter-spacing: -0.035em; color: var(--ink); }
p[b-0yo8qley50] { color: var(--ink-muted); }
strong[b-0yo8qley50] { color: var(--ink); }

/* Hero: manifesto headline, sub + CTA underneath. */
.hero[b-0yo8qley50] { padding-block: clamp(2.5rem, 6vw, 5.5rem) clamp(2rem, 4vw, 3.5rem); }
.hero h1[b-0yo8qley50] {
    font-size: clamp(3rem, 1.2rem + 7vw, 8rem);
    font-weight: 700; line-height: .95; max-width: 13ch;
}
.hero h1:focus[b-0yo8qley50] { outline: none; }
.hero em[b-0yo8qley50], .clients h2 em[b-0yo8qley50] { font-style: normal; color: var(--accent); }
.hero-foot[b-0yo8qley50] {
    display: flex; justify-content: space-between; align-items: end; gap: 2rem;
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
}
.hero-foot p[b-0yo8qley50] { font-size: clamp(1.05rem, .95rem + .4vw, 1.3rem); max-width: 44ch; margin: 0; }

/* Collage: the three clients' real products, offset like prints on a table. */
.collage[b-0yo8qley50] { display: grid; grid-template-columns: 1.3fr 1.1fr 1fr; gap: clamp(.75rem, 1.5vw, 1.5rem); align-items: start; }
.collage img[b-0yo8qley50] { width: 100%; border-radius: 14px; object-fit: cover; box-shadow: 0 30px 60px -30px rgb(17 19 22 / .45); }
.collage img:nth-child(1)[b-0yo8qley50] { aspect-ratio: 4 / 3; object-position: left top; }
.collage img:nth-child(2)[b-0yo8qley50] { aspect-ratio: 3 / 2; margin-top: 12%; }
.collage img:nth-child(3)[b-0yo8qley50] { aspect-ratio: 4 / 3; margin-top: 4%; object-position: left top; }

/* Ticker: the one marquee on the page; says "stack" without a list section. */
.ticker[b-0yo8qley50] { display: flex; overflow: hidden; margin-top: clamp(3rem, 6vw, 5rem); border-block: 1px solid var(--rule); padding-block: 1.1rem; }
.ticker ul[b-0yo8qley50] { display: flex; flex-shrink: 0; list-style: none; padding: 0; }
.ticker li[b-0yo8qley50] { font-family: var(--display); font-size: clamp(1.4rem, 1rem + 1.5vw, 2.2rem); font-weight: 600; letter-spacing: -0.02em; padding-inline: 1.25rem; white-space: nowrap; }
.ticker li[b-0yo8qley50]::after { content: "/"; color: var(--accent); margin-left: 2.5rem; }

/* Clients: one lead row, then two cards. */
.clients[b-0yo8qley50] { margin-top: clamp(4rem, 9vw, 8rem); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 3vw, 3rem); }
.clients h2[b-0yo8qley50] { grid-column: 1 / -1; font-size: clamp(2.2rem, 1.2rem + 3.5vw, 4.5rem); line-height: 1; }
.client h3[b-0yo8qley50] { font-size: clamp(1.8rem, 1.2rem + 2vw, 3rem); line-height: 1; margin-bottom: .4rem; }
.client .where[b-0yo8qley50] { font-family: var(--font-mono); font-size: .85rem; color: var(--ink); margin-bottom: 1rem; }
.client p:not(.where)[b-0yo8qley50] { font-size: 1.1rem; max-width: 46ch; }
.client figure img[b-0yo8qley50] { width: 100%; border-radius: 14px; aspect-ratio: 3 / 2; object-fit: cover; object-position: top; margin-bottom: 1.5rem; }

.client-lead[b-0yo8qley50] {
    grid-column: 1 / -1;
    display: grid; grid-template-columns: 1fr 1.3fr; gap: 1.5rem clamp(2rem, 4vw, 4rem); align-items: start;
    padding-top: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--rule);
}
.client-lead h3[b-0yo8qley50] { font-size: clamp(2.4rem, 1.2rem + 4vw, 5rem); }
.client-lead[b-0yo8qley50] { grid-template-rows: auto 1fr; }
.client-lead > p[b-0yo8qley50] { align-self: start; }
.client-lead figure[b-0yo8qley50] { grid-column: 2; grid-row: 1 / span 2; }
.client-lead figure img[b-0yo8qley50] { margin: 0; aspect-ratio: 16 / 10; object-position: center 8%; }
.client-flip[b-0yo8qley50] { grid-template-columns: 1.3fr 1fr; }
.client-flip header[b-0yo8qley50], .client-flip > p[b-0yo8qley50] { grid-column: 2; }
.client-flip figure[b-0yo8qley50] { grid-column: 1; }
.clients .subhead[b-0yo8qley50] { margin-top: clamp(1rem, 3vw, 2.5rem); }

/* "Tu área de IT": the page's single color block. */
/* Slightly deeper orange than --accent so white text passes WCAG AA (about 4.8:1). */
.msp[b-0yo8qley50] {
    --on-accent: #fff;
    margin: clamp(4rem, 9vw, 8rem) var(--pad) 0; padding: clamp(2.5rem, 6vw, 5rem);
    background: #d03a0a; color: var(--on-accent); border-radius: 14px;
}
.msp h2[b-0yo8qley50], .msp strong[b-0yo8qley50] { color: var(--on-accent); }
.msp .kicker[b-0yo8qley50] { font-family: var(--font-mono); font-size: .9rem; color: var(--on-accent); margin-bottom: 1rem; }
.msp h2[b-0yo8qley50] { font-size: clamp(2.4rem, 1.2rem + 4.5vw, 5.5rem); line-height: .95; }
.msp .lead[b-0yo8qley50] { color: var(--on-accent); font-size: clamp(1.1rem, 1rem + .45vw, 1.4rem); max-width: 48ch; margin-top: 1.5rem; }
.msp ol[b-0yo8qley50] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; list-style: none; padding: 0; margin-top: clamp(2.5rem, 5vw, 4rem); }
.msp li[b-0yo8qley50] { color: var(--on-accent); border-top: 2px solid var(--on-accent); padding-top: 1rem; }
.msp strong[b-0yo8qley50] { display: block; font-family: var(--display); font-size: 1.6rem; letter-spacing: -0.02em; margin-bottom: .35rem; }

/* AI: three verbs in rows, then the business areas as pills. */
.ai[b-0yo8qley50] { margin-top: clamp(4rem, 9vw, 8rem); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 1.5rem clamp(2rem, 5vw, 5rem); }
.ai h2[b-0yo8qley50] { font-size: clamp(2.2rem, 1.2rem + 3.5vw, 4.5rem); line-height: 1; }
.ai-lead[b-0yo8qley50] { grid-column: 1; font-size: 1.15rem; max-width: 42ch; }
.ai ol[b-0yo8qley50] { grid-column: 2; grid-row: 1 / span 3; list-style: none; padding: 0; border-top: 2px solid var(--ink); }
.ai ol li[b-0yo8qley50] { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding-block: 1.25rem; border-bottom: 1px solid var(--rule); color: var(--ink-muted); font-size: 1.05rem; }
.ai ol strong[b-0yo8qley50] { font-family: var(--display); font-size: 1.5rem; letter-spacing: -0.02em; line-height: 1.2; }
.ai .domains[b-0yo8qley50] { grid-column: 1; display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; align-self: end; }
.ai .domains li[b-0yo8qley50] { padding: .45rem .95rem; border-radius: 999px; border: 1px solid var(--ink); font-size: .9rem; font-weight: 500; }

/* AI verdict: a quote from the model, labeled as AI-generated. */
.verdict[b-0yo8qley50] { grid-column: 1 / -1; margin-top: clamp(1.5rem, 3vw, 2.5rem); padding: clamp(1.75rem, 4vw, 3rem); background: var(--paper-2); border-radius: 14px; }
.verdict blockquote p[b-0yo8qley50] { font-family: var(--display); font-size: clamp(1.4rem, 1rem + 1.5vw, 2.3rem); line-height: 1.2; letter-spacing: -0.02em; color: var(--ink); max-width: 38ch; }
.verdict figcaption[b-0yo8qley50] { margin-top: 1.25rem; color: var(--ink-muted); font-size: .95rem; }
.verdict figcaption span[b-0yo8qley50] { display: block; margin-top: .25rem; font-size: .85rem; }

/* Scope: what "one technical counterpart" covers, grouped in four areas. */
.scope[b-0yo8qley50] { margin-top: clamp(4rem, 9vw, 8rem); }
.scope h2[b-0yo8qley50] { font-size: clamp(2.2rem, 1.2rem + 3.5vw, 4.5rem); line-height: 1; max-width: 16ch; }
.scope > p[b-0yo8qley50] { font-size: 1.15rem; margin-top: 1rem; }
.areas[b-0yo8qley50] { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2vw, 1.5rem); margin-top: clamp(2rem, 4vw, 3rem); }
.areas article[b-0yo8qley50] { background: var(--paper-2); border-radius: 14px; padding: 1.75rem; }
.areas h3[b-0yo8qley50] { font-size: 1.5rem; letter-spacing: -0.02em; margin-bottom: 1rem; }
.areas ul[b-0yo8qley50] { list-style: none; padding: 0; display: grid; gap: .5rem; }
.areas li[b-0yo8qley50] { color: var(--ink-muted); padding-left: 1rem; position: relative; }
.areas li[b-0yo8qley50]::before { content: ""; position: absolute; left: 0; top: .6em; width: .4rem; height: 2px; background: var(--accent); }

/* Partners: three names set large, separated by rules. */
.partners[b-0yo8qley50] { margin-top: clamp(4rem, 9vw, 8rem); }
.partners h2[b-0yo8qley50] { font-size: clamp(2.2rem, 1.2rem + 3.5vw, 4.5rem); line-height: 1; max-width: 16ch; }
.partners > p[b-0yo8qley50] { font-size: 1.15rem; margin-top: 1rem; }
.partners ul[b-0yo8qley50] { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; margin-top: clamp(2rem, 4vw, 3rem); border-top: 2px solid var(--ink); }
.partners li[b-0yo8qley50] { padding: 1.5rem 1.5rem 0 0; }
.partners li + li[b-0yo8qley50] { padding-left: 1.5rem; border-left: 1px solid var(--rule); }
.partners .logo[b-0yo8qley50] { display: flex; align-items: center; gap: .75rem; height: 56px; margin-bottom: 1.25rem; }
.partners .logo img[b-0yo8qley50] { height: 100%; width: auto; }
.partners .logo b[b-0yo8qley50] { font-family: var(--display); font-size: 1.6rem; letter-spacing: -0.03em; color: var(--ink); }
.partners .logo b.wordmark[b-0yo8qley50] { font-family: var(--font-brand); letter-spacing: 0; font-size: 2rem; }
.partners span[b-0yo8qley50] { display: block; font-family: var(--font-mono); font-size: .85rem; color: var(--ink-muted); margin-bottom: .75rem; }
.partners strong[b-0yo8qley50] { display: block; font-family: var(--display); font-size: 1.5rem; letter-spacing: -0.02em; line-height: 1.1; }
.partners em[b-0yo8qley50] { display: block; font-style: normal; color: var(--ink-muted); margin-top: .4rem; }

/* Studio: portrait + big numbers. */
.studio-about[b-0yo8qley50] { margin-top: clamp(4rem, 9vw, 8rem); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.studio-about img[b-0yo8qley50] { width: 100%; aspect-ratio: 1; border-radius: 14px; }
.studio-about p a[b-0yo8qley50] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.studio-about h2[b-0yo8qley50] { font-size: clamp(2.2rem, 1.2rem + 3.5vw, 4.5rem); line-height: 1; margin-bottom: 1.25rem; }
.studio-about p[b-0yo8qley50] { font-size: 1.1rem; max-width: 52ch; }
.studio-about p + p[b-0yo8qley50] { margin-top: .75rem; }
.studio-about dl[b-0yo8qley50] { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 2.5rem; margin-top: 2.5rem; }
.studio-about dt[b-0yo8qley50] { font-family: var(--display); font-size: clamp(2rem, 1.4rem + 2vw, 3.2rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1; white-space: nowrap; }
/* Courtesy contact: deliberately low-key, not a call to action. */
.studio-about .say-hi[b-0yo8qley50] { margin-top: 1.75rem; font-size: .95rem; }
.studio-about .say-hi a[b-0yo8qley50] { color: var(--ink-muted); text-decoration: underline; text-decoration-color: var(--rule); text-underline-offset: 3px; }
.studio-about .say-hi a:hover[b-0yo8qley50] { color: var(--ink); text-decoration-color: var(--accent); }
.studio-about dd[b-0yo8qley50] { margin: .35rem 0 0; color: var(--ink-muted); font-size: .95rem; max-width: 18ch; }

/* Contact: the email is the CTA. */
.contact[b-0yo8qley50] { margin-top: clamp(5rem, 10vw, 9rem); }
.contact h2[b-0yo8qley50] { font-size: clamp(1.4rem, 1rem + 1.5vw, 2.2rem); font-weight: 500; color: var(--ink-muted); }
.contact a[b-0yo8qley50] {
    display: inline-block; font-family: var(--display); font-weight: 700;
    font-size: clamp(3rem, 1rem + 9vw, 10rem); letter-spacing: -0.045em; line-height: 1.05;
    color: var(--ink); text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .12em;
    text-decoration-color: var(--accent); transition: color .2s;
}
.contact a:hover[b-0yo8qley50] { color: var(--accent); }

@media (prefers-reduced-motion: no-preference) {
    .hero h1[b-0yo8qley50], .hero-foot[b-0yo8qley50], .collage img[b-0yo8qley50] { animation: rise-b-0yo8qley50 .9s var(--ease-out) both; }
    .hero-foot[b-0yo8qley50] { animation-delay: .12s; }
    .collage img:nth-child(1)[b-0yo8qley50] { animation-delay: .2s; }
    .collage img:nth-child(2)[b-0yo8qley50] { animation-delay: .28s; }
    .collage img:nth-child(3)[b-0yo8qley50] { animation-delay: .36s; }
    .ticker ul[b-0yo8qley50] { animation: ticker-b-0yo8qley50 40s linear infinite; }
}
@keyframes rise-b-0yo8qley50 { from { opacity: 0; transform: translateY(24px); } }
@keyframes ticker-b-0yo8qley50 { to { transform: translateX(-100%); } }

@media (max-width: 900px) {
    .client-lead[b-0yo8qley50] { grid-template-columns: 1fr; grid-template-rows: none; }
    .client-lead figure[b-0yo8qley50] { grid-column: auto; grid-row: auto; }
    .client-flip header[b-0yo8qley50], .client-flip > p[b-0yo8qley50] { grid-column: auto; }
    .client-flip figure[b-0yo8qley50] { order: -1; }
    .areas[b-0yo8qley50], .msp ol[b-0yo8qley50] { grid-template-columns: 1fr 1fr; }
    .studio-about dl[b-0yo8qley50] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
    .hero h1[b-0yo8qley50] { font-size: 10.5vw; }
    .hero-foot[b-0yo8qley50] { flex-direction: column; align-items: start; }
    .collage[b-0yo8qley50] { grid-template-columns: 1fr 1fr; }
    .collage img:nth-child(1)[b-0yo8qley50] { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
    .collage img:nth-child(2)[b-0yo8qley50], .collage img:nth-child(3)[b-0yo8qley50] { margin-top: 0; aspect-ratio: 1; }
    .clients[b-0yo8qley50] { grid-template-columns: 1fr; }
    .msp ol[b-0yo8qley50], .areas[b-0yo8qley50] { grid-template-columns: 1fr; }
    .partners ul[b-0yo8qley50] { grid-template-columns: 1fr; }
    .ai[b-0yo8qley50] { grid-template-columns: 1fr; }
    .ai ol[b-0yo8qley50], .ai .domains[b-0yo8qley50], .ai-lead[b-0yo8qley50], .verdict[b-0yo8qley50] { grid-column: auto; grid-row: auto; }
    .ai ol li[b-0yo8qley50] { grid-template-columns: 1fr; gap: .25rem; }
    .partners li + li[b-0yo8qley50] { padding-left: 0; border-left: 0; border-top: 1px solid var(--rule); margin-top: 1.5rem; }
    .studio-about[b-0yo8qley50] { grid-template-columns: 1fr; }
    .studio-about img[b-0yo8qley50] { max-width: 220px; }
    .studio-about dl[b-0yo8qley50] { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
    .contact a[b-0yo8qley50] { font-size: clamp(2.6rem, 13vw, 4rem); }
}
/* /Components/Pages/HomeV1.razor.rz.scp.css */
/* Hero: asymmetric split, text left, real product screenshot right. */
.hero[b-ltirwfh45g] {
    display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--space-16); align-items: center;
    padding-block: var(--space-16) var(--space-12);
}
.hero h1[b-ltirwfh45g] { font-size: var(--text-display); margin-bottom: var(--space-6); }
.hero p[b-ltirwfh45g] { font-size: var(--text-lg); margin-bottom: var(--space-8); }
.actions[b-ltirwfh45g] { display: flex; gap: var(--space-4); flex-wrap: wrap; align-items: center; }
.hero-media img[b-ltirwfh45g] { width: 100%; border-radius: var(--radius); aspect-ratio: 1 / 1.15; object-fit: cover; object-position: top; border: 1px solid var(--line); box-shadow: var(--shadow); mask-image: linear-gradient(to bottom, #000 78%, transparent); }

/* Client wordmarks. */
.clients[b-ltirwfh45g] { display: flex; align-items: center; gap: var(--space-8); flex-wrap: wrap; padding-block: var(--space-8); border-block: 1px solid var(--line); }
.clients p[b-ltirwfh45g] { color: var(--text-faint); font-size: var(--text-sm); margin: 0; }
.clients ul[b-ltirwfh45g] { display: flex; gap: var(--space-3) var(--space-8); flex-wrap: wrap; list-style: none; padding: 0; margin-left: auto; }
.clients a[b-ltirwfh45g] { font-weight: 500; color: var(--text-muted); font-size: var(--text-lg); }
.clients a:hover[b-ltirwfh45g] { color: var(--accent); }

section h2[b-ltirwfh45g] { margin-bottom: var(--space-12); }
.services[b-ltirwfh45g], .work[b-ltirwfh45g], .about[b-ltirwfh45g], .contact[b-ltirwfh45g] { margin-top: var(--section-gap); }

/* Services: bento with exactly five cells (2 + 1, then 3). */
.bento[b-ltirwfh45g] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); list-style: none; padding: 0; }
.cell[b-ltirwfh45g] { padding: var(--space-8); border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-elevated); }
.cell h3[b-ltirwfh45g] { margin-bottom: var(--space-3); text-wrap: balance; }
.cell-wide[b-ltirwfh45g] { grid-column: span 2; }
.cell-accent[b-ltirwfh45g] { background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); }
.cell-wide p[b-ltirwfh45g] { max-width: 52ch; }

/* Work: one featured case, then two compact cases. */
.case[b-ltirwfh45g] { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-12); align-items: center; padding-bottom: var(--space-12); border-bottom: 1px solid var(--line); }
.case img[b-ltirwfh45g] { width: 100%; border-radius: var(--radius); aspect-ratio: 3 / 2; object-fit: cover; object-position: top; border: 1px solid var(--line); }
.client[b-ltirwfh45g] { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: .06em; text-transform: uppercase; color: var(--accent); margin-bottom: var(--space-3); }
.case h3[b-ltirwfh45g], .case-sm h3[b-ltirwfh45g] { margin-bottom: var(--space-3); }
.cases[b-ltirwfh45g] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); padding-top: var(--space-12); }

/* About: portrait left, copy right. */
.about[b-ltirwfh45g] { display: grid; grid-template-columns: 2fr 3fr; gap: var(--space-12); align-items: center; }
.about img[b-ltirwfh45g] { width: 100%; border-radius: var(--radius); aspect-ratio: 1; object-fit: cover; }
.about p + p[b-ltirwfh45g] { margin-top: var(--space-4); }
.facts[b-ltirwfh45g] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-8); margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--line); }
.facts dt[b-ltirwfh45g] { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-faint); }
.facts dd[b-ltirwfh45g] { font-weight: 500; margin-top: var(--space-1); }

/* Contact: centered closer. */
.contact[b-ltirwfh45g] { text-align: center; padding: var(--space-16) var(--gutter); background: var(--bg-elevated); border: 1px solid var(--line); border-radius: var(--radius); }
.contact h2[b-ltirwfh45g] { max-width: 20ch; margin-inline: auto; margin-bottom: var(--space-4); }
.contact p[b-ltirwfh45g] { margin: 0 auto var(--space-8); }
.contact .actions[b-ltirwfh45g] { justify-content: center; }
.email[b-ltirwfh45g] { font-family: var(--font-mono); color: var(--text-muted); text-decoration: underline; text-underline-offset: 4px; }
.email:hover[b-ltirwfh45g] { color: var(--accent); }

@media (max-width: 900px) {
    .bento[b-ltirwfh45g] { grid-template-columns: 1fr 1fr; }
    .cell-wide[b-ltirwfh45g] { grid-column: span 2; }
    .cases[b-ltirwfh45g] { grid-template-columns: 1fr; gap: var(--space-8); }
    .cases > article + article[b-ltirwfh45g] { border-top: 1px solid var(--line); padding-top: var(--space-8); }
    .case[b-ltirwfh45g], .about[b-ltirwfh45g] { grid-template-columns: 1fr; gap: var(--space-8); }
}
@media (max-width: 767px) {
    .hero[b-ltirwfh45g] { grid-template-columns: 1fr; gap: var(--space-8); padding-block: var(--space-12) var(--space-8); }
    .hero h1[b-ltirwfh45g] { font-size: 2.1rem; }
    .hero-media img[b-ltirwfh45g] { aspect-ratio: 16 / 10; mask-image: none; object-position: 50% 14%; }
    .bento[b-ltirwfh45g] { grid-template-columns: 1fr; }
    .cell-wide[b-ltirwfh45g] { grid-column: auto; }
    .clients ul[b-ltirwfh45g] { margin-left: 0; gap: var(--space-2) var(--space-6); }
    .clients a[b-ltirwfh45g] { font-size: var(--text-base); }
    .bento[b-ltirwfh45g] { gap: var(--space-3); }
    .cell[b-ltirwfh45g] { padding: var(--space-6); }
    .about img[b-ltirwfh45g] { aspect-ratio: 4 / 3; }
    .contact[b-ltirwfh45g] { padding: var(--space-12) var(--space-6); }
    .contact h2[b-ltirwfh45g] { max-width: 14ch; }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.status[b-pnl98o1ubk] { padding-block: var(--space-24); display: grid; gap: var(--space-4); justify-items: start; }
.status .mono[b-pnl98o1ubk] { color: var(--accent); }