/* Remaining public pages: shared Vetra components, preserving original page structure. */
body[data-vetra-family] { --brand-soft:var(--vetra-panel); --brand-tint:var(--vetra-panel); --brand-line:var(--line-strong); }
[data-vetra-family] main :is(h1,h2,h3,h4) { color:var(--on-dark); font-weight:500; }
[data-vetra-family] main h1 { font-size:clamp(34px,4vw,56px); line-height:1.45; letter-spacing:-.025em; }
[data-vetra-family] main h1 em { background:linear-gradient(120deg,var(--on-dark),var(--brand-light) 65%,var(--brand-dodger)); background-clip:text; -webkit-background-clip:text; color:transparent; }
[data-vetra-family] main .section { padding-block:80px; }
[data-vetra-family] main .first-section { padding-top:64px; }
[data-vetra-family] .section-heading h2 { font-size:clamp(27px,3vw,38px); line-height:1.5; }
[data-vetra-family] :is(.soft-section,.content-feature,.consulting-programs,.article-related,.solution-next,.gateway-applications) { background:var(--vetra-panel); border-block:1px solid var(--line); }
[data-vetra-family] :is(.page-hero,.agent-detail-hero,.industry-hero,.solution-hero,.consulting-hero,.gateway-hero,.case-detail-hero,.article-hero,.work-detail-hero) { background:radial-gradient(ellipse at 75% 90%,color-mix(in srgb,var(--brand-ribbon) 12%,transparent),transparent 65%),var(--dark-deep); border-bottom:1px solid var(--line); padding-top:132px; padding-bottom:70px; }
[data-vetra-family] .page-hero { text-align:center; padding-top:150px; }
[data-vetra-family] .page-hero>.container { max-width:1000px; }
[data-vetra-family] .page-hero h1 { margin:25px auto 22px; max-width:100%; }
[data-vetra-family] .page-hero .lead { max-width:750px; margin-inline:auto; font-size:15px; line-height:2; }
[data-vetra-family] .page-hero .hero-actions { justify-content:center; }
[data-vetra-family] main>.seo-breadcrumb+:is(.page-hero,.solution-hero,.consulting-hero,.gateway-hero) { padding-top:54px; }
[data-vetra-family] :is(.page-hero,.agent-detail-hero,.industry-hero,.solution-hero,.consulting-hero,.gateway-hero,.article-hero,.work-detail-hero) .eyebrow { display:inline-flex; padding:7px 13px; border:1px solid var(--line-strong); border-radius:99px; background:var(--vetra-panel); color:var(--muted); font-size:10px; }
[data-vetra-family] :is(.catalog-breadcrumb span,.article-breadcrumb,.back-link) { color:var(--muted); }
[data-vetra-family] .hero-actions { flex-wrap:wrap; gap:20px; }
[data-vetra-family] main .text-link { display:inline-flex; align-items:center; gap:10px; color:var(--brand-light); }
[data-vetra-family] main .text-link>.icon { flex:0 0 16px; width:16px; height:16px; }
[data-vetra-family] main .text-link:hover { color:var(--on-dark); }
[data-vetra-family] .lead { font-size:15px; line-height:2; }
[data-vetra-family] :is(.two-column,.agent-detail-grid,.industry-hero-grid,.consulting-hero-grid,.gateway-hero-grid) { gap:52px; }
[data-vetra-family] :is(.two-column,.agent-detail-grid,.industry-hero-grid,.consulting-hero-grid,.gateway-hero-grid)>* { min-width:0; }
[data-vetra-family] :is(.agent-workbench,.industry-map,.agent-review-card,.consulting-agenda,.gateway-diagram,.flow-console) { background:linear-gradient(140deg,var(--vetra-panel),var(--dark-deep)); border-color:var(--line-strong); border-radius:20px; box-shadow:0 18px 60px -40px var(--brand-ribbon); }
[data-vetra-family] :is(.workbench-input,.workbench-output,.gateway-nodes>div,.industry-map>div span) { background:var(--vetra-panel); }
[data-vetra-family] :is(.review-pill,.workbench-output p .icon,.industry-map-symbol,.agent-review-card>.icon,.agent-review-card li::before,.industry-delivery-note .icon) { color:var(--brand-light); }
[data-vetra-family] .industry-map-symbol { background:var(--dark-raised); }
[data-vetra-family] :is(.feature-card,.service-deliverables article,.industry-challenges article,.build-grid>div,.promise-grid>div,.foundation-grid>article,.consulting-offer,.gateway-capability-grid>article,.gateway-service-grid>article,.expert-profile) { background:var(--vetra-panel); border:1px solid var(--line); border-radius:18px; padding:28px; }
[data-vetra-family] :is(.industry-challenges,.service-deliverables,.build-grid,.promise-grid,.consulting-offer-grid,.gateway-service-grid,.expert-profile-grid) { gap:22px; }
[data-vetra-family] :is(.feature-card h3,.service-deliverables h3,.build-grid h3,.promise-grid h3,.consulting-offer h3,.gateway-service-grid h3) { font-size:22px; line-height:1.5; }
[data-vetra-family] :is(.feature-card p,.service-deliverables p,.build-grid p,.promise-grid p,.consulting-offer p,.gateway-service-grid p) { font-size:14px; line-height:1.95; }
[data-vetra-family] .agent-grid { gap:20px; }
[data-vetra-family] .agent-card { padding:27px 25px 0; border-radius:18px; background:linear-gradient(145deg,var(--vetra-panel),var(--dark-deep)); }
[data-vetra-family] .agent-card-top { min-height:42px; }
[data-vetra-family] .agent-symbol { color:var(--brand-light); background:var(--dark-raised); }
[data-vetra-family] .agent-card h3 { font-size:21px; }
[data-vetra-family] .agent-card>p { font-size:13px; line-height:1.95; }
[data-vetra-family] .agent-deliverable { padding:15px; gap:6px; border-radius:9px; background:var(--vetra-panel); }
[data-vetra-family] .agent-deliverable strong { color:var(--on-dark); font-size:12px; }
[data-vetra-family] .agent-card-bottom>a { color:var(--brand-light); border:1px solid var(--line); width:30px; height:30px; flex:none; border-radius:50%; }
[data-vetra-family] .catalog-flow { border-radius:18px; background:var(--vetra-panel); }
[data-vetra-family] .catalog-flow>div { padding:28px 23px; }
[data-vetra-family] .catalog-flow h3 { font-size:19px; line-height:1.65; }
[data-vetra-family] .flow-number { font-size:14px; color:var(--brand-light); }
[data-vetra-family] .catalog-after-flow .text-link { font-size:14px; }
[data-vetra-family] :is(.content-work-card,.case-card,.insight-card) { border-radius:18px; background:var(--vetra-panel); min-width:0; }
[data-vetra-family] .content-work-copy h3 { color:var(--on-dark); font-size:21px; }
[data-vetra-family] :is(.content-feature-heading h2,.content-workflow-heading h2,.about-story h2) { font-size:clamp(28px,3vw,38px); line-height:1.5; }
[data-vetra-family] :is(.work-badge,.work-open) { color:var(--on-dark); background:var(--dark-raised); }
[data-vetra-family] .work-formats a { color:var(--brand-light); }
[data-vetra-family] .case-card { display:flex; flex-direction:column; }
[data-vetra-family] .case-card[hidden] { display:none; }
[data-vetra-family] .case-card-copy { display:flex; flex-direction:column; flex:1; padding:26px; }
[data-vetra-family] .case-card h3 { font-size:22px; line-height:1.55; }
[data-vetra-family] .case-card-copy>p { font-size:13px; line-height:1.95; }
[data-vetra-family] .case-card-outcome { margin-top:auto; }
[data-vetra-family] .case-card-copy>.text-link { justify-content:space-between; min-height:28px; }
[data-vetra-family] .case-meta>span:first-child { color:var(--brand-light); background:var(--dark-raised); }
[data-vetra-family] :is(.case-card-outcome strong,.case-metrics strong) { color:var(--brand-light); }
/* Real UI imagery keeps the light frame and the original pixels/crop. */
[data-vetra-family] :is(.screenshot-frame,.case-card .case-image:not(.concept-image),.case-hero-image .screenshot-frame) { background:var(--on-dark); }
[data-vetra-family] :is(.concept-art-top>span,.concept-art-metric strong,.gateway-card-art,.gateway-hub,.gateway-hub ul) { color:var(--on-dark); }
[data-vetra-family] .case-concept-art { background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--brand-ribbon) 18%,transparent),transparent 65%),var(--dark-raised); }
[data-vetra-family] .concept-art-flow>span { border-color:var(--line-strong); background:var(--vetra-panel); }
[data-vetra-family] .concept-related>a { color:var(--on-dark); background:var(--vetra-panel); }
[data-vetra-family] :is(.solution-evidence-related article,.solution-next-grid article) { display:flex; flex-direction:column; }
[data-vetra-family] :is(.solution-evidence-related,.solution-next-grid) .text-link { margin-top:auto; padding-top:12px; }
[data-vetra-family] :is(.solution-evidence-focus,.consulting-audience,.consulting-number,.consulting-offer-top,.consulting-agenda-note,.gateway-step,.gateway-diagram figcaption>span:first-child,.gateway-nodes .icon,.gateway-application-list>article>span,.network-status,.expert-domain-icon,.expert-practice>span,.radar-pool-label,.radar-step-number,.wechat-eyebrow,.wechat-actions a) { color:var(--brand-light); }
[data-vetra-family] .gateway-demo-tabs button[aria-selected=true] { color:var(--on-dark); background:var(--dark-raised); }
[data-vetra-family] .gateway-demo-tabs button:hover { color:var(--brand-light); }
[data-vetra-family] :is(.gateway-related,.seo-related,.delivery-start,.delivery-support,.article-takeaway,.article-next,.control-note,.stage-result) { background:var(--vetra-panel); border-color:var(--line); border-radius:15px; }
[data-vetra-family] .seo-related a { color:var(--brand-light); }
[data-vetra-family] .delivery-timeline>article { padding:32px; border:1px solid var(--line); border-radius:18px; background:var(--vetra-panel); }
[data-vetra-family] .delivery-timeline h2 { font-size:30px; }
[data-vetra-family] .timeline-index>span { color:var(--brand-light); }
[data-vetra-family] .responsibility-table { background:var(--vetra-panel); }
[data-vetra-family] .responsibility-table thead { background:var(--dark-raised); }
[data-vetra-family] .responsibility-table th { color:var(--on-dark); }
[data-vetra-family] .faq-list details { background:var(--vetra-panel); border:1px solid var(--line); border-radius:12px; padding-inline:23px; margin-bottom:10px; }
[data-vetra-family] .faq-list summary { font-size:15px; line-height:1.9; }
[data-vetra-family] .faq-answer { font-size:14px; line-height:2; }
/* Article pages keep a restrained reading width, distinct from grid pages. */
[data-vetra-family="article"] .article-width { max-width:790px; }
[data-vetra-family="article"] .article-hero h1 { font-size:clamp(30px,3.4vw,46px); line-height:1.55; }
[data-vetra-family="article"] .article-body>section>p { font-size:16px; line-height:2.1; }
[data-vetra-family="article"] .article-body h2 { font-size:29px; line-height:1.6; }
[data-vetra-family="article"] .article-toc { background:var(--vetra-panel); }
[data-vetra-family="article"] .article-toc h2 { font-size:17px; }
[data-vetra-family] .insight-card { padding:28px; }
[data-vetra-family] .insight-card h2 { font-size:22px; line-height:1.6; min-height:3.2em; }
[data-vetra-family] .insight-card-bottom .text-link { white-space:nowrap; }
[data-vetra-family="work-detail"] .work-detail-heading h1 { font-size:clamp(32px,3.5vw,49px); max-width:760px; }
[data-vetra-family="work-detail"] .work-series { border-color:var(--line); }
[data-vetra-family="work-detail"] .work-media { background:var(--vetra-panel); border-radius:17px; }
[data-vetra-family="work-detail"] .work-media-filters button { color:var(--muted); background:var(--vetra-panel); }
[data-vetra-family="work-detail"] .work-media-filters button[aria-pressed=true] { color:var(--on-dark); background:var(--brand-blue); }
[data-vetra-family="contact"] .contact-section { padding-block:140px 80px; }
[data-vetra-family="contact"] .contact-intro h1 { font-size:clamp(32px,3.5vw,48px); }
[data-vetra-family="contact"] :is(.contact-form-card,.contact-wechat,.contact-intake-entry) { border-radius:18px; background:var(--vetra-panel); border-color:var(--line); }
[data-vetra-family="contact"] .contact-form-card h2 { font-size:29px; }
[data-vetra-family="contact"] :is(input:not([type=checkbox]),select,textarea) { color:var(--on-dark); background:var(--dark-deep); border-color:var(--line-strong); border-radius:8px; }
[data-vetra-family="contact"] :is(input,select,textarea):focus-visible { outline:2px solid var(--brand-dodger); outline-offset:2px; }
[data-vetra-family="contact"] .wechat-qr { background:var(--on-dark); }
/* Each explicit headline line can compensate for its own trailing punctuation. */
[data-vetra-family] .vetra-title-line { display:block; width:fit-content; max-width:100%; margin-inline:auto; position:relative; left:var(--vetra-title-offset,0em); }
[data-vetra-family] .vetra-title-break { display:none; }
@media(max-width:1050px) {
 [data-vetra-family] :is(.two-column,.agent-detail-grid,.industry-hero-grid,.consulting-hero-grid,.gateway-hero-grid) { gap:30px; }
 [data-vetra-family] .service-deliverables { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
 [data-vetra-family] main .section { padding-block:60px; }
 [data-vetra-family] :is(.page-hero,.agent-detail-hero,.industry-hero,.solution-hero,.consulting-hero,.gateway-hero,.case-detail-hero,.article-hero,.work-detail-hero) { padding-top:118px; padding-bottom:52px; }
 [data-vetra-family] main>.seo-breadcrumb+:is(.page-hero,.solution-hero,.consulting-hero,.gateway-hero) { padding-top:36px; }
 [data-vetra-family] :is(.two-column,.agent-detail-grid,.industry-hero-grid,.consulting-hero-grid,.gateway-hero-grid) { grid-template-columns:1fr; }
 [data-vetra-family] .delivery-timeline>article { padding:25px; }
 [data-vetra-family] .catalog-flow h3 { font-size:17px; }
 [data-vetra-family="contact"] .contact-section { padding-top:116px; }
}
@media(max-width:540px) {
 [data-vetra-family] main h1 { font-size:clamp(28px,7.8vw,36px); line-height:1.5; }
 [data-vetra-family] .page-hero .lead,[data-vetra-family] .lead { font-size:14px; }
 [data-vetra-family] :is(.feature-card,.service-deliverables article,.industry-challenges article,.build-grid>div,.promise-grid>div,.consulting-offer,.gateway-service-grid>article,.expert-profile) { padding:23px; }
 [data-vetra-family] .catalog-flow>div { padding:23px 18px; }
 [data-vetra-family] .service-deliverables { grid-template-columns:1fr; }
 [data-vetra-family] .delivery-timeline h2 { font-size:25px; }
 [data-vetra-family] .insight-card { padding:24px; }
 [data-vetra-family="article"] .article-hero h1 { font-size:30px; }
 [data-vetra-family="article"] .article-body>section>p { font-size:15px; }
 [data-vetra-family="article"] .article-body h2 { font-size:25px; }
 [data-vetra-family="work-detail"] .work-detail-heading h1 { font-size:31px; }
 [data-vetra-family="contact"] .contact-intro h1 { font-size:32px; }
}
[data-vetra-family] .reference-stats-grid strong { color:var(--on-dark); }
[data-vetra-family="work-detail"] :is(.work-series-label strong,.work-series-image>span) { color:var(--on-dark); }
[data-vetra-family="work-detail"] .work-series-label { background:var(--vetra-panel); }
/* Split heroes need room for the illustration without orphaning the last word. */
[data-vetra-family] :is(.industry-hero,.solution-hero) h1 { font-size:clamp(30px,3.2vw,46px); }
[data-vetra-family="fde"] .page-hero h1>.vetra-title-line:first-child { letter-spacing:.025em; }
[data-vetra-family] .performance-dashboard { border-radius:20px; background:linear-gradient(140deg,var(--vetra-panel),var(--dark-deep)); box-shadow:0 18px 60px -40px var(--brand-ribbon); }
[data-vetra-family] .performance-header { padding:16px 20px; background:transparent; }
[data-vetra-family] .performance-kpis>div { padding:20px 6px; }
[data-vetra-family] .performance-kpis>div+div { border-top:0; }
[data-vetra-family] .performance-kpis strong { color:var(--on-dark); font-size:28px; }
[data-vetra-family] .performance-row-icon { color:var(--brand-light); background:var(--dark-raised); }
[data-vetra-family] .performance-funnel { padding:22px; }
[data-vetra-family] .performance-rows>div { padding:12px 20px; }
[data-vetra-family] .performance-footer { background:transparent; font-size:10px; }
[data-vetra-family="work-detail"] .work-series-label>span:last-child { color:var(--brand-light); }
@media(max-width:540px) {
 [data-vetra-family] :is(.industry-hero,.solution-hero) h1 { font-size:clamp(28px,7.8vw,34px); }
 [data-vetra-family] .performance-kpis strong { font-size:23px; }
 [data-vetra-family] .performance-funnel { padding:20px; }
}
[data-vetra-family] .performance-kpis>div:first-child strong { color:var(--brand-light); }
[data-vetra-family] :is(.content-workflow-number,.content-workflow-spotlight .spotlight-caption>span,.work-series-label>span:first-child,.consulting-agenda li>span,.consulting-steps li>span,.seo-related li a span) { color:var(--brand-light); }
[data-vetra-family] .vetra-copy-line { display:block; text-wrap:balance; }

[data-vetra-family="about"] .about-story>div>.text-link:first-of-type { margin-inline-end:32px; }
@media(max-width:700px) {
  [data-vetra-family="about"] .about-story>div>.text-link:first-of-type { margin-inline-end:24px; }
  [data-vetra-family="about"] .about-story>div>.text-link { margin-top:16px; }
}

/* Delivery steps span the same content width as their section heading. */
[data-vetra-family="delivery"] .delivery-timeline { width:100%; max-width:none; }
[data-vetra-family="delivery"] .delivery-timeline>article { width:100%; grid-template-columns:200px minmax(0,1fr); gap:48px; }
[data-vetra-family="delivery"] .timeline-index>span { font-size:60px; line-height:1.15; }
[data-vetra-family="delivery"] .delivery-timeline .timeline-index>p { font-size:18px; line-height:1.6; margin-top:14px; }
@media(max-width:900px) {
  [data-vetra-family="delivery"] .delivery-timeline>article { grid-template-columns:150px minmax(0,1fr); gap:30px; }
  [data-vetra-family="delivery"] .timeline-index>span { font-size:52px; }
}
@media(max-width:700px) {
  [data-vetra-family="delivery"] .delivery-timeline>article { grid-template-columns:minmax(0,1fr); gap:24px; }
  [data-vetra-family="delivery"] .timeline-index>span { font-size:44px; }
  [data-vetra-family="delivery"] .delivery-timeline .timeline-index>p { font-size:17px; margin:0; }
}

/* Keep the FAQ section compact; questions and expanded answers scroll within it. */
[data-vetra-family="delivery"] .faq-layout { align-items: start; }
[data-vetra-family="delivery"] .faq-layout>.faq-list {
  height: clamp(260px, 36svh, 320px); min-height: 0; overflow-anchor: none;
  overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain;
  scrollbar-gutter: auto; scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
  padding: 3px 12px 3px 3px;
}
[data-vetra-family="delivery"] .faq-layout>.faq-list::-webkit-scrollbar { width: 4px; }
[data-vetra-family="delivery"] .faq-layout>.faq-list::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 99px; }
[data-vetra-family="delivery"] .faq-layout>.faq-list details:last-child { margin-bottom: 10px; }
@media(max-width:700px) {
  [data-vetra-family="delivery"] .faq-layout>.faq-list { height: clamp(240px, 34svh, 280px); padding-right: 9px; }
}

/* Fade the manually scrollable FAQ panel at both edges. */
[data-vetra-family="delivery"] .faq-layout>.faq-list {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  scroll-padding-block: 28px;
}

[data-vetra-family="delivery"] #faq-title>[data-site-field="faq.title"] { letter-spacing:.025em !important; }


/* Keep feature-tab changes soft without replaying the section entrance. */
[data-vetra-family="gateway"] .gateway-demo-tabs button { transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease; }
@media(prefers-reduced-motion:no-preference) {
  [data-vetra-family="gateway"] .gateway-demo-panel[role="tabpanel"]:not([hidden]) { animation:vetra-gateway-panel-in 240ms cubic-bezier(.2,.7,.2,1) both; }
}
@keyframes vetra-gateway-panel-in {
  from { opacity:0; transform:translateY(7px); }
  to { opacity:1; transform:translateY(0); }
}
@media(prefers-reduced-motion:reduce) {
  [data-vetra-family="gateway"] .gateway-demo-tabs button { transition:none; }
}

/* Consulting is a sequence, not four unrelated service summaries. */
[data-vetra-family="consulting"] .consulting-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
[data-vetra-family="consulting"] .consulting-steps li { position:relative; min-width:0; }
[data-vetra-family="consulting"] .consulting-steps li>span { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid var(--line-strong); border-radius:50%; background:var(--dark-raised); font:20px/1 var(--mono); color:var(--brand-light); }
[data-vetra-family="consulting"] .consulting-steps li:not(:last-child)::before { content:""; position:absolute; top:24px; left:62px; right:-12px; height:1px; background:linear-gradient(90deg,var(--line-strong),var(--brand-light)); opacity:.5; }
[data-vetra-family="consulting"] .consulting-steps li:not(:last-child)::after { content:""; position:absolute; top:21px; right:-12px; width:6px; height:6px; border-top:1px solid var(--brand-light); border-right:1px solid var(--brand-light); transform:rotate(45deg); opacity:.65; }
[data-vetra-family="consulting"] .consulting-steps h3 { margin:22px 0 12px; padding-right:14px; }
[data-vetra-family="consulting"] .consulting-steps p { padding-right:14px; }
@media(max-width:900px) {
  [data-vetra-family="consulting"] .consulting-steps { grid-template-columns:minmax(0,1fr); gap:0; }
  [data-vetra-family="consulting"] .consulting-steps li { padding:0 0 36px 72px; min-height:124px; }
  [data-vetra-family="consulting"] .consulting-steps li:last-child { padding-bottom:0; min-height:0; }
  [data-vetra-family="consulting"] .consulting-steps li>span { position:absolute; left:0; top:0; }
  [data-vetra-family="consulting"] .consulting-steps li:not(:last-child)::before { top:58px; bottom:10px; left:24px; right:auto; width:1px; height:auto; background:linear-gradient(180deg,var(--line-strong),var(--brand-light)); }
  [data-vetra-family="consulting"] .consulting-steps li:not(:last-child)::after { top:auto; bottom:10px; left:21px; right:auto; transform:rotate(135deg); }
  [data-vetra-family="consulting"] .consulting-steps h3 { margin:0 0 10px; padding:0; padding-top:8px; }
  [data-vetra-family="consulting"] .consulting-steps p { padding:0; }
}

[data-vetra-family="work-detail"] [data-work-filter] { transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease; }
@media(prefers-reduced-motion:reduce) {
  [data-vetra-family="work-detail"] [data-work-filter] { transition:none; }
}

[data-vetra-family="article"] .insight-detail .article-next { align-items:center; }

[data-vetra-family="solution-detail"] .skills-strip>.container>span { font-size:18px; font-weight:700; line-height:1.5; color:var(--on-dark); }
@media(max-width:700px) {
  [data-vetra-family="solution-detail"] .skills-strip>.container>span { font-size:16px; }
}

/* 21st.dev's caveman vignette only, adapted to the existing error-page layout. */
[data-vetra-family="error"] .page-hero { padding:120px 0 56px; }
[data-vetra-family="error"] .page-hero h1 { font-size:clamp(30px,3.2vw,44px); line-height:1.35; margin:20px auto 0; }
[data-vetra-family="error"] .vetra-error-animation { position:relative; isolation:isolate; display:block; width:220px; max-width:75vw; margin:0 auto 20px; }
[data-vetra-family="error"] .vetra-error-animation::before { content:"404"; position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%,-50%); font-family:"DM Sans",sans-serif; font-size:clamp(150px,32vw,360px); font-weight:800; line-height:1; letter-spacing:-.045em; padding-right:.045em; color:rgba(182,185,255,.10); pointer-events:none; user-select:none; }
[data-vetra-family="error"] .vetra-error-animation img { display:block; width:100%; height:auto; }
[data-vetra-family="error"] .page-hero .lead { margin-bottom:24px; }
@media(max-width:700px) {
  [data-vetra-family="error"] .page-hero { padding-top:106px; }
  [data-vetra-family="error"] .vetra-error-animation { width:195px; }
}