/* Shared brand and controls use the same metrics on every page. */
.header .brand .mark-readable{letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-size:48px;font-weight:800;line-height:1;gap:0}
.header .brand .mark-readable>span{font:inherit;letter-spacing:inherit;line-height:1}
@media(max-width:800px){.header .brand .mark-readable{font-size:43px}}
@media(max-width:380px){.header .brand .mark-readable{font-size:39px}}
html[data-theme] .btn:is(:hover,:focus-visible){background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[data-theme] .footer .footer-word{color:var(--ink);opacity:1}
html[data-theme] .footer .footer-word em{color:#7960ad}
html[data-theme=dark] .footer .footer-word em{color:#c4a8ff}
.author .author-card{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.author .author-card-label{color:var(--muted)}
.author .author-card-letters span{color:var(--ink)}
.author .author-card-letters li,.author .author-card-letters li:last-child{border-color:var(--line)}
.author .author-card-letters b{background:var(--ink);color:var(--paper)}
.author .author-card-photo{background:var(--paper)}
.brief-dialog .form label{display:flex;flex-direction:column;justify-content:flex-start;gap:14px}
.brief-dialog .form label[hidden]{display:none}
.brief-dialog .form .field-caption{display:block;line-height:1.5;color:var(--ink)}
.brief-dialog .form input,.brief-dialog .form textarea,.brief-dialog .form select{margin:0}
.brief-dialog .form input::placeholder,.brief-dialog .form textarea::placeholder{color:var(--muted);opacity:1}
.hero-v2 .hero-product{overflow:hidden}
.hero-v2 .hero-product img{object-fit:cover;object-position:left top}
.project-media.project-media-scene{display:grid;place-items:center;min-width:0;background:none;border:0;padding:0;overflow:visible}
.project-media-scene>.portfolio-scene{width:100%;min-width:0;margin:0 auto}
.portfolio-section .project:nth-child(even){margin-top:0}

/* A full-width headline, then a concrete product scene beside the proposition. */
.landing-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:30px}
.subhero-segment .landing-copy .intro{max-width:650px;margin:0;font-size:21px;line-height:1.55}
.subhero-segment .landing-copy .actions{margin-top:30px}
.subhero-segment:has(.landing-hero-grid){padding-bottom:55px;min-height:0}
.landing-hero-grid>.context-scene{width:100%;min-width:0;margin:0}
.legal-hero-grid>.context-scene{min-width:0;width:100%;margin:0}
.legal-hero-grid{align-items:center}
@media(max-width:1000px){
  .landing-hero-grid{grid-template-columns:1fr;gap:26px}
  .landing-hero-grid>.context-scene{max-width:620px;justify-self:center}
  .subhero-segment .landing-copy .intro{font-size:19px;max-width:760px}
}
@media(max-width:600px){
  .landing-hero-grid{margin-top:25px;gap:28px}
  .subhero-segment .landing-copy .intro{font-size:18px;line-height:1.55}
  .subhero-segment .landing-copy .actions{margin-top:26px}
}

/* Product formats, with technical detail attached to the client's scenario. */
.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.capability-card{padding:30px;border:1px solid var(--line);border-radius:30px;display:flex;flex-direction:column;min-width:0;background:var(--surface,var(--paper));color:var(--ink)}
.capability-card .capability-index{font:16px/1.4 var(--code-font);color:var(--muted);margin-bottom:35px}
.capability-card h3{font-size:30px;line-height:1.1;letter-spacing:-.025em;margin-bottom:20px}
.capability-card p{font-size:18px;line-height:1.55;color:var(--muted)}
.capability-card .capability-tech{font:14px/1.6 var(--code-font);letter-spacing:0;margin-top:auto;padding-top:25px;color:var(--ink)}
.engineering-note{margin-top:35px;max-width:1000px;font-size:19px;line-height:1.6}
@media(max-width:1000px){.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.capabilities-grid{grid-template-columns:1fr}.capability-card{padding:26px}.capability-card h3{font-size:28px}}