/*
Theme Name: VIERZWO
Theme URI: https://vierzwo.com/
Author: VIERZWO
Description: Bold Independent block theme for VIERZWO — Digital. Auf deiner Seite.
Version: 0.9.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.0
Text Domain: vierzwo
License: Proprietary brand assets; theme code GPL-2.0-or-later
*/

@font-face {
  font-family: "Geist";
  src: url("./assets/fonts/Geist-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("./assets/fonts/GeistMono-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --vz-mint: #15C6AE;
  --vz-mint-dark: #0E9F8D;
  --vz-mint-soft: #7EE6D7;
  --vz-near-black: #0B0F0F;
  --vz-charcoal: #171C1C;
  --vz-off-white: #F7F7F3;
  --vz-cool-grey: #C9CDCB;
  --vz-line-dark: rgba(247,247,243,.18);
  --vz-line-light: rgba(11,15,15,.16);
  --vz-page: min(1280px, calc(100vw - 2.5rem));
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
::selection { background: var(--vz-mint); color: var(--vz-near-black); }

a { transition: color .18s ease, background-color .18s ease, border-color .18s ease, opacity .18s ease; }
a:hover { color: var(--vz-mint-dark); }

.vz-shell { width: var(--vz-page); margin-inline: auto; }
.vz-section { padding-block: clamp(4.5rem, 9vw, 8.5rem); }
.vz-section--dark { background: var(--vz-near-black); color: var(--vz-off-white); }
.vz-section--charcoal { background: var(--vz-charcoal); color: var(--vz-off-white); }
.vz-section--light { background: var(--vz-off-white); color: var(--vz-near-black); }

.vz-kicker,
.vz-meta,
.vz-mono {
  font-family: var(--wp--preset--font-family--geist-mono);
  font-size: .72rem;
  line-height: 1.35;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.vz-kicker { margin: 0 0 1.35rem; opacity: .76; }
.vz-display { font-size: clamp(3.2rem, 7.4vw, 6.75rem) !important; max-width: 9ch; margin: 0; }
.vz-display--wide { max-width: 12ch; }
.vz-h2 { font-size: clamp(2.45rem, 4.6vw, 4.4rem) !important; margin-top: 0; }
.vz-lead { font-size: clamp(1.18rem, 1.75vw, 1.5rem); line-height: 1.35; max-width: 42rem; }
.vz-rule { width: 2.4rem !important; margin: 1.75rem 0 !important; border: 0 !important; height: 3px !important; background: var(--vz-mint) !important; opacity: 1 !important; }

.vz-site-header { background: var(--vz-near-black); color: var(--vz-off-white); border-bottom: 1px solid var(--vz-line-dark); position: relative; z-index: 20; }
.vz-header-inner { min-height: 82px; display:flex; align-items:center; gap:2rem; justify-content:space-between; }
.vz-brand-lockup { display:flex; align-items:center; gap:.8rem; flex:0 0 auto; }
.vz-brand-lockup img:first-child { width: 30px; height: 46px; object-fit: contain; }
.vz-brand-lockup img:last-child { width: 105px; height: 41px; object-fit: contain; }
.vz-site-header .wp-block-navigation a { color: var(--vz-off-white); }
.vz-site-header .wp-block-navigation a:hover { color: var(--vz-mint); }
.vz-header-cta .wp-element-button { white-space: nowrap; }

.vz-hero { min-height: 720px; display:flex; align-items:stretch; position:relative; overflow:hidden; }
.vz-hero-grid { display:grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); gap: clamp(3rem, 7vw, 8rem); width:100%; align-items:center; }
.vz-hero-copy { padding-block: clamp(5rem, 9vw, 8rem); position: relative; z-index: 2; }
.vz-hero-aside { align-self:stretch; border-left:1px solid var(--vz-line-dark); display:flex; flex-direction:column; justify-content:space-between; padding: clamp(4rem, 8vw, 7rem) 0 clamp(4rem, 8vw, 7rem) clamp(2rem, 4vw, 4rem); position:relative; }
.vz-hero-monogram { position:absolute; right:-8%; bottom:-11%; width:min(34vw,390px); opacity:.075; }
.vz-hero-tags { display:flex; flex-direction:column; gap:.35rem; }
.vz-hero-claim { font-size: clamp(1.45rem, 2.5vw, 2.2rem); margin-bottom:.15rem; }
.vz-hero-subclaim { margin-top:0; opacity:.84; }

.vz-button-row { display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; margin-top:2rem; }
.wp-block-button.is-style-vz-outline .wp-element-button { background: transparent; color: inherit; border:1px solid currentColor; }
.wp-block-button.is-style-vz-outline .wp-element-button:hover { border-color: var(--vz-mint); color: var(--vz-mint); }
.wp-element-button:hover { background: var(--vz-mint-soft); color: var(--vz-near-black); }

.vz-problem-grid { display:grid; grid-template-columns: 1.25fr repeat(4, minmax(0, .58fr)); border-top:1px solid var(--vz-line-light); border-bottom:1px solid var(--vz-line-light); }
.vz-problem-intro { padding:2.25rem 2.5rem 2.25rem 0; }
.vz-problem-item { padding:2.25rem 1.4rem; border-left:1px solid var(--vz-line-light); }
.vz-problem-item strong { display:block; font-size:1.03rem; line-height:1.25; margin-bottom:.65rem; }
.vz-problem-item p { margin:0; font-size:.92rem; line-height:1.42; opacity:.78; }
.vz-index { margin-top:0; font-family:var(--wp--preset--font-family--geist-mono); font-size:.72rem; color:var(--vz-mint-dark); display:block; margin-bottom:2rem; }

.vz-services-head { display:grid; grid-template-columns:.65fr 1.35fr; gap:3rem; align-items:end; margin-bottom:3rem; }
.vz-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--vz-line-dark); border-bottom:1px solid var(--vz-line-dark); }
.vz-service-card { min-height:390px; padding:2rem; border-left:1px solid var(--vz-line-dark); display:flex; flex-direction:column; }
.vz-service-card:first-child { border-left:0; }
.vz-service-card h3 { font-size:clamp(1.6rem,2.4vw,2.15rem); line-height:1; margin:.45rem 0 .65rem; }
.vz-service-card p { opacity:.8; }
.vz-service-card .vz-price { margin-top:auto; color:var(--vz-mint-soft); font-weight:650; }
.vz-service-card .vz-card-link { border-top:1px solid var(--vz-line-dark); padding-top:1rem; color:var(--vz-mint-soft); font-weight:600; }

.vz-process-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--vz-line-light); }
.vz-process-step { padding:2rem; min-height:245px; border-left:1px solid var(--vz-line-light); }
.vz-process-step:first-child { border-left:0; }
.vz-process-step h3 { font-size:1.25rem; letter-spacing:-.02em; margin-top:3rem; }
.vz-process-step p { font-size:.95rem; opacity:.76; }

.vz-about-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(3rem,7vw,8rem); align-items:start; }
.vz-about-mark { aspect-ratio:1/1.15; border:1px solid var(--vz-line-dark); display:grid; place-items:center; overflow:hidden; position:relative; }
.vz-about-mark img { width:58%; opacity:.9; }
.vz-about-mark::after { content:'VIERZWO / 2027'; position:absolute; left:1.4rem; bottom:1.2rem; font-family:var(--wp--preset--font-family--geist-mono); font-size:.7rem; letter-spacing:.13em; color:var(--vz-mint-soft); }
.vz-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--vz-line-dark); margin-top:3rem; }
.vz-fact { padding:1.5rem 1rem 0 0; }
.vz-fact + .vz-fact { padding-left:1.25rem; border-left:1px solid var(--vz-line-dark); }
.vz-fact strong { font-size:1.5rem; display:block; color:var(--vz-mint-soft); }

.vz-final { border-top:1px solid var(--vz-line-dark); }
.vz-final-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:3rem; align-items:end; }
.vz-final h2 { font-size:clamp(3rem,6vw,5.75rem); margin:0 0 .7rem; max-width:11ch; }
.vz-final .vz-brand-lockup { justify-content:flex-end; }

.vz-site-footer { background:var(--vz-near-black); color:var(--vz-off-white); border-top:1px solid var(--vz-line-dark); }
.vz-footer-inner { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.vz-footer-inner a { color:var(--vz-off-white); }
.vz-footer-inner a:hover { color:var(--vz-mint); }

.vz-article-shell { max-width:760px; margin-inline:auto; padding-block:clamp(4rem,8vw,7rem); }
.vz-article-shell > * + * { margin-top:1.4rem; }

@media (max-width: 900px) {
  :root { --vz-page: min(100% - 2rem, 760px); }
  .vz-header-inner { min-height:70px; }
  .vz-header-cta { display:none; }
  .vz-hero { min-height:auto; }
  .vz-hero-grid, .vz-services-head, .vz-about-grid, .vz-final-grid { grid-template-columns:1fr; }
  .vz-hero-aside { border-left:0; border-top:1px solid var(--vz-line-dark); min-height:260px; padding:2rem 0 3rem; }
  .vz-hero-monogram { width:210px; right:0; bottom:-20px; }
  .vz-problem-grid { grid-template-columns:1fr 1fr; }
  .vz-problem-intro { grid-column:1/-1; padding-right:0; }
  .vz-problem-item { border-top:1px solid var(--vz-line-light); }
  .vz-problem-item:nth-child(2), .vz-problem-item:nth-child(4) { border-left:0; }
  .vz-service-grid { grid-template-columns:1fr; }
  .vz-service-card { min-height:auto; border-left:0; border-top:1px solid var(--vz-line-dark); }
  .vz-service-card:first-child { border-top:0; }
  .vz-service-card .vz-price { margin-top:2.5rem; }
  .vz-process-grid { grid-template-columns:1fr 1fr; }
  .vz-process-step:nth-child(3) { border-left:0; border-top:1px solid var(--vz-line-light); }
  .vz-process-step:nth-child(4) { border-top:1px solid var(--vz-line-light); }
  .vz-final .vz-brand-lockup { justify-content:flex-start; }
}
@media (max-width: 560px) {
  .vz-brand-lockup img:first-child { width:24px; height:38px; }
  .vz-brand-lockup img:last-child { width:88px; height:34px; }
  .vz-problem-grid, .vz-process-grid, .vz-facts { grid-template-columns:1fr; }
  .vz-problem-item, .vz-problem-item:nth-child(2), .vz-problem-item:nth-child(4) { border-left:0; border-top:1px solid var(--vz-line-light); }
  .vz-process-step, .vz-process-step:nth-child(3), .vz-process-step:nth-child(4) { border-left:0; border-top:1px solid var(--vz-line-light); }
  .vz-process-step:first-child { border-top:0; }
  .vz-fact + .vz-fact { padding-left:0; border-left:0; border-top:1px solid var(--vz-line-dark); padding-top:1.5rem; }
}


/* v0.2 page components */
.vz-history-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--vz-line-light); border-bottom:1px solid var(--vz-line-light); }
.vz-history-item { padding:2.25rem; border-left:1px solid var(--vz-line-light); }
.vz-history-item:first-child { border-left:0; }
.vz-history-item h2 { margin-top:.35rem; }
.vz-history-item p { max-width:36rem; }
.vz-about-mark--light { background:var(--vz-off-white); border-color:var(--vz-off-white); }
.vz-contact-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(3rem,8vw,8rem); align-items:start; }
.vz-contact-prompt { border-top:1px solid var(--vz-line-light); border-bottom:1px solid var(--vz-line-light); padding:2rem 0; }
.vz-contact-prompt ul { margin:0; padding-left:1.25rem; }
.vz-contact-prompt li + li { margin-top:.8rem; }

@media (max-width: 900px) {
  .vz-history-grid { grid-template-columns:1fr; }
  .vz-history-item { border-left:0; border-top:1px solid var(--vz-line-light); padding-inline:0; }
  .vz-history-item:first-child { border-top:0; }
  .vz-contact-grid { grid-template-columns:1fr; }
}


/* v0.3 cases, insights and contact */
.vz-case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--vz-line-light); border-bottom:1px solid var(--vz-line-light); }
.vz-case-card { padding:2.25rem; border-left:1px solid var(--vz-line-light); }
.vz-case-card:first-child { border-left:0; }
.vz-case-card h2 { font-size:clamp(1.6rem,2.4vw,2.2rem); line-height:1.05; }
.vz-case-result { margin-top:2rem; }
.vz-case-teaser-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--vz-line-dark); border-bottom:1px solid var(--vz-line-dark); }
.vz-case-teaser { color:inherit; text-decoration:none; padding:2rem; min-height:220px; display:flex; flex-direction:column; border-left:1px solid var(--vz-line-dark); }
.vz-case-teaser:first-child { border-left:0; }
.vz-case-teaser strong { font-size:1.35rem; line-height:1.15; margin:auto 0 1.5rem; }
.vz-case-teaser > span:last-child { color:var(--vz-mint-soft); }
.vz-insights-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--vz-line-light); border-bottom:1px solid var(--vz-line-light); }
.vz-insight-card { padding:2rem; border-left:1px solid var(--vz-line-light); }
.vz-insight-card:first-child { border-left:0; }
.vz-insight-card h2, .vz-insight-card h3 { line-height:1.1; }
.vz-insight-card a { color:inherit; text-decoration:none; }
.vz-insight-card a:hover { color:var(--vz-mint-dark); }
.vz-contact-form { display:grid; gap:1.1rem; margin-top:2rem; }
.vz-contact-form label { display:grid; gap:.45rem; font-weight:600; }
.vz-contact-form input, .vz-contact-form textarea {
  width:100%; box-sizing:border-box; border:1px solid var(--vz-line-light); background:#fff; color:var(--vz-near-black);
  padding:.9rem 1rem; font:inherit; border-radius:0;
}
.vz-contact-form input:focus, .vz-contact-form textarea:focus { outline:2px solid var(--vz-mint); outline-offset:2px; }
.vz-contact-form textarea { min-height:180px; resize:vertical; }
.vz-contact-form .vz-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.vz-form-status { padding:1rem 1.2rem; border-left:3px solid var(--vz-mint); margin-bottom:1.5rem; }

@media (max-width: 900px) {
  .vz-case-grid, .vz-case-teaser-grid, .vz-insights-grid { grid-template-columns:1fr; }
  .vz-case-card, .vz-case-teaser, .vz-insight-card { border-left:0; border-top:1px solid var(--vz-line-light); padding-inline:0; }
  .vz-case-card:first-child, .vz-case-teaser:first-child, .vz-insight-card:first-child { border-top:0; }
}


/* v0.3.1 legal pages and form hardening */
.vz-legal { max-width:820px; }
.vz-legal h2 { margin-top:3rem; margin-bottom:.8rem; font-size:clamp(1.45rem,2.2vw,2rem); }
.vz-legal p { line-height:1.7; }
.vz-legal a { text-decoration-thickness:1px; text-underline-offset:.16em; }
.vz-form-privacy { font-size:.86rem; line-height:1.5; opacity:.72; margin:0; }


/* v0.4 editorial insights */
.vz-article-hero .wp-block-post-title { max-width:15ch; }
.vz-article-hero .wp-block-post-excerpt { max-width:46rem; }
.vz-article-hero .wp-block-post-date { display:block; margin-top:2rem; opacity:.72; }
.vz-article-shell { max-width:780px; padding-block:0; }
.vz-article-shell .wp-block-post-content > * { margin-top:0; margin-bottom:1.4rem; }
.vz-article-shell .wp-block-post-content h2 { font-size:clamp(2rem,3.6vw,3rem); line-height:1.05; margin-top:4rem; margin-bottom:1.2rem; }
.vz-article-shell .wp-block-post-content h3 { font-size:clamp(1.35rem,2.1vw,1.7rem); margin-top:2.8rem; }
.vz-article-shell .wp-block-post-content p,
.vz-article-shell .wp-block-post-content li { font-size:clamp(1.04rem,1.3vw,1.16rem); line-height:1.72; }
.vz-article-shell .wp-block-post-content blockquote { margin:3rem 0; padding:1.25rem 0 1.25rem 1.5rem; border-left:3px solid var(--vz-mint); font-size:1.25rem; }


/* v0.5 SEO and editorial trust */
.vz-article-byline { gap:.65rem 1.25rem; margin-top:2rem; align-items:center; }
.vz-article-byline .wp-block-post-date { margin-top:0; }
.vz-article-byline a { color:var(--vz-mint-soft); }
.vz-insight-card {
  min-height:340px;
  display:flex;
  flex-direction:column;
  transition:background-color .18s ease, transform .18s ease;
}
.vz-insight-card:hover { background:rgba(21,198,174,.055); }
.vz-insight-card .wp-block-post-date { opacity:.65; }
.vz-insight-card .wp-block-post-title { margin-top:auto; margin-bottom:1rem; font-size:clamp(1.55rem,2.2vw,2rem); }
.vz-insight-card .wp-block-post-excerpt { margin-bottom:0; }
.vz-insight-card .wp-block-post-excerpt__more-link {
  display:inline-block;
  margin-top:1.25rem;
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--vz-mint-dark);
}

@media (max-width:900px) {
  .vz-insight-card { min-height:auto; }
  .vz-insight-card .wp-block-post-title { margin-top:2.5rem; }
}


/* v0.6 internal linking and editorial funnel */
.vz-related { border-top:1px solid var(--vz-line-light); }
.vz-related-head {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,6vw,6rem);
  align-items:end;
  margin-bottom:3rem;
}
.vz-related-head .vz-h2 { margin-bottom:0; }
.vz-related-intro { max-width:36rem; margin:0; font-size:1.08rem; line-height:1.55; }
.vz-related-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--vz-line-light);
  border-bottom:1px solid var(--vz-line-light);
}
.vz-related-card { padding:2.25rem 2.25rem 2.25rem 0; }
.vz-related-card + .vz-related-card { border-left:1px solid var(--vz-line-light); padding-left:2.25rem; }
.vz-related-card h3 { font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.08; margin:2rem 0 1rem; }
.vz-related-card h3 a { color:inherit; text-decoration:none; }
.vz-related-card h3 a:hover { color:var(--vz-mint-dark); }
.vz-related-card > p:not(.vz-meta) { line-height:1.55; opacity:.78; }
.vz-related-card .vz-card-link,
.vz-related-all a {
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:650;
}
.vz-related-card .vz-card-link { display:inline-block; margin-top:1rem; color:var(--vz-mint-dark); }
.vz-related-all { margin:2rem 0 0; }
.vz-insight-bridge-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(3rem,7vw,7rem);
  align-items:end;
}
.vz-insight-bridge .vz-h2 { max-width:13ch; margin-bottom:0; }
.vz-insight-bridge .vz-lead { max-width:34rem; }

@media (max-width:900px) {
  .vz-related-head,
  .vz-related-grid,
  .vz-insight-bridge-grid { grid-template-columns:1fr; }
  .vz-related-card { padding-inline:0; }
  .vz-related-card + .vz-related-card { border-left:0; border-top:1px solid var(--vz-line-light); padding-left:0; }
}


/* v0.7 conversion-focused services page */
.vz-services-hero .vz-lead { max-width:52rem; }
.vz-service-principles {
  display:flex;
  flex-wrap:wrap;
  margin-top:3rem;
  border-top:1px solid var(--vz-line-dark);
  border-bottom:1px solid var(--vz-line-dark);
}
.vz-service-principles span {
  padding:1rem 1.5rem 1rem 0;
  margin-right:1.5rem;
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--vz-mint-soft);
}
.vz-service-choice-head {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(3rem,7vw,7rem);
  align-items:end;
  margin-bottom:3rem;
}
.vz-service-choice-head .vz-h2 { margin-bottom:0; }
.vz-service-jump {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--vz-line-light);
  border-bottom:1px solid var(--vz-line-light);
}
.vz-service-jump a {
  min-height:210px;
  padding:2rem;
  display:flex;
  flex-direction:column;
  color:inherit;
  text-decoration:none;
  border-left:1px solid var(--vz-line-light);
}
.vz-service-jump a:first-child { border-left:0; }
.vz-service-jump span,
.vz-service-jump em {
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-style:normal;
}
.vz-service-jump span { opacity:.62; }
.vz-service-jump strong {
  margin:auto 0 1.5rem;
  font-size:clamp(1.35rem,2vw,1.8rem);
  line-height:1.08;
  max-width:15ch;
}
.vz-service-jump em { color:var(--vz-mint-dark); }
.vz-service-jump a:hover { background:rgba(21,198,174,.055); }

.vz-offer-detail { scroll-margin-top:1rem; }
.vz-offer-detail-grid {
  display:grid;
  grid-template-columns:minmax(170px,.35fr) minmax(0,1.65fr);
  gap:clamp(3rem,7vw,8rem);
}
.vz-offer-index {
  position:sticky;
  top:2rem;
  align-self:start;
}
.vz-offer-price {
  font-size:clamp(1.5rem,2.3vw,2.2rem);
  font-weight:650;
  line-height:1.05;
  margin-top:2rem;
}
.vz-offer-price small {
  display:block;
  margin-top:.5rem;
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.68rem;
  font-weight:400;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.65;
}
.vz-offer-main > .vz-h2 { max-width:16ch; }
.vz-offer-main > .vz-lead { max-width:52rem; }
.vz-offer-columns {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
  margin-top:3.5rem;
}
.vz-section--dark .vz-offer-columns,
.vz-section--charcoal .vz-offer-columns { border-color:var(--vz-line-dark); }
.vz-section--light .vz-offer-columns { border-color:var(--vz-line-light); }
.vz-offer-columns > div {
  padding:2rem;
  border-left:1px solid currentColor;
}
.vz-section--dark .vz-offer-columns > div,
.vz-section--charcoal .vz-offer-columns > div { border-color:var(--vz-line-dark); }
.vz-section--light .vz-offer-columns > div { border-color:var(--vz-line-light); }
.vz-offer-columns > div:first-child { border-left:0; padding-left:0; }
.vz-offer-columns h3 {
  margin-top:0;
  font-size:1.05rem;
  letter-spacing:-.01em;
}
.vz-offer-columns ul { padding-left:1.15rem; margin-bottom:0; }
.vz-offer-columns li,
.vz-offer-columns p { line-height:1.55; opacity:.82; }
.vz-offer-columns li + li { margin-top:.7rem; }
.vz-offer-action {
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem 2rem;
  align-items:center;
  margin-top:2.5rem;
}
.vz-offer-action > span {
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.68rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.62;
}
.vz-fractional-levels {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2rem;
  border:1px solid var(--vz-line-dark);
}
.vz-fractional-levels div { padding:1.35rem 1.5rem; border-left:1px solid var(--vz-line-dark); }
.vz-fractional-levels div:first-child { border-left:0; }
.vz-fractional-levels span {
  display:block;
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.68rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--vz-mint-soft);
  margin-bottom:.5rem;
}
.vz-fractional-levels strong { font-size:1.05rem; }
.vz-not-agency-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:clamp(3rem,8vw,8rem);
}
.vz-not-agency .vz-h2 { max-width:10ch; }
.vz-boundary-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--vz-line-light);
  margin-top:2.5rem;
}
.vz-boundary-list span {
  padding:1.2rem 1.2rem 1.2rem 0;
  border-bottom:1px solid var(--vz-line-light);
  font-size:.93rem;
}
.vz-boundary-list span:nth-child(even) { padding-left:1.2rem; border-left:1px solid var(--vz-line-light); }
.vz-service-choice .vz-h2 { max-width:15ch; }

@media (max-width:900px) {
  .vz-service-choice-head,
  .vz-offer-detail-grid,
  .vz-not-agency-grid { grid-template-columns:1fr; }
  .vz-service-jump,
  .vz-offer-columns,
  .vz-fractional-levels { grid-template-columns:1fr; }
  .vz-service-jump a,
  .vz-offer-columns > div,
  .vz-fractional-levels div {
    border-left:0;
    border-top:1px solid var(--vz-line-light);
    padding-inline:0;
  }
  .vz-service-jump a:first-child,
  .vz-offer-columns > div:first-child,
  .vz-fractional-levels div:first-child { border-top:0; }
  .vz-section--dark .vz-offer-columns > div,
  .vz-section--charcoal .vz-offer-columns > div,
  .vz-fractional-levels div { border-color:var(--vz-line-dark); }
  .vz-offer-index { position:static; }
  .vz-boundary-list { grid-template-columns:1fr; }
  .vz-boundary-list span:nth-child(even) { padding-left:0; border-left:0; }
}


/* v0.8 credibility-focused case studies */
.vz-cases-hero .vz-lead { max-width:54rem; }
.vz-case-detail-grid {
  display:grid;
  grid-template-columns:minmax(190px,.4fr) minmax(0,1.6fr);
  gap:clamp(3rem,7vw,8rem);
}
.vz-case-side { align-self:start; }
.vz-case-side .vz-index { margin-bottom:2.5rem; }
.vz-case-signal {
  margin:0 0 .5rem;
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.68rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  opacity:.6;
}
.vz-case-side strong { display:block; font-size:1.15rem; line-height:1.25; max-width:15ch; }
.vz-case-main > .vz-h2 { max-width:17ch; }
.vz-case-story {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:3.5rem;
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
}
.vz-section--light .vz-case-story { border-color:var(--vz-line-light); }
.vz-section--dark .vz-case-story,
.vz-section--charcoal .vz-case-story { border-color:var(--vz-line-dark); }
.vz-case-story > div {
  padding:2rem;
  border-left:1px solid currentColor;
}
.vz-section--light .vz-case-story > div { border-color:var(--vz-line-light); }
.vz-section--dark .vz-case-story > div,
.vz-section--charcoal .vz-case-story > div { border-color:var(--vz-line-dark); }
.vz-case-story > div:first-child { border-left:0; padding-left:0; }
.vz-case-story h3 { margin-top:0; font-size:1rem; }
.vz-case-story p { margin-bottom:0; line-height:1.6; opacity:.82; }
.vz-case-proof {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:2rem;
}
.vz-case-proof span {
  padding:.55rem .75rem;
  border:1px solid currentColor;
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.65rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.vz-section--light .vz-case-proof span { border-color:var(--vz-line-light); }
.vz-section--dark .vz-case-proof span,
.vz-section--charcoal .vz-case-proof span { border-color:var(--vz-line-dark); }
.vz-case-links {
  display:flex;
  flex-wrap:wrap;
  gap:1rem 2rem;
  margin-top:2rem;
  padding-top:1.5rem;
}
.vz-case-links a {
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.7rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  font-weight:650;
}
.vz-section--dark .vz-case-links a,
.vz-section--charcoal .vz-case-links a { color:var(--vz-mint-soft); }
.vz-case-pattern-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(3rem,7vw,7rem);
  align-items:end;
}
.vz-case-pattern .vz-h2 { max-width:14ch; margin-bottom:0; }

@media (max-width:900px) {
  .vz-case-detail-grid,
  .vz-case-story,
  .vz-case-pattern-grid { grid-template-columns:1fr; }
  .vz-case-story > div { border-left:0; border-top:1px solid var(--vz-line-light); padding-inline:0; }
  .vz-section--dark .vz-case-story > div,
  .vz-section--charcoal .vz-case-story > div { border-color:var(--vz-line-dark); }
  .vz-case-story > div:first-child { border-top:0; }
}


/* v0.9 guided contact and lead qualification */
.vz-contact-hero .vz-lead { max-width:50rem; }
.vz-contact-grid--guided {
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(4rem,8vw,9rem);
}
.vz-contact-form { margin-top:2.5rem; }
.vz-form-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.vz-contact-form select {
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--vz-line-light);
  background:#fff;
  color:var(--vz-near-black);
  padding:.9rem 1rem;
  font:inherit;
  border-radius:0;
}
.vz-contact-form select:focus {
  outline:2px solid var(--vz-mint);
  outline-offset:2px;
}
.vz-form-optional {
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.62rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  opacity:.55;
  margin-left:.4rem;
}
.vz-form-status--success { background:rgba(21,198,174,.08); }
.vz-form-status--error { border-left-color:#a63d3d; background:rgba(166,61,61,.06); }
.vz-form-status a { color:inherit; }
.vz-contact-next {
  border-top:1px solid var(--vz-line-light);
  border-bottom:1px solid var(--vz-line-light);
  padding:2rem 0;
  align-self:start;
}
.vz-contact-next > h2 {
  margin:.4rem 0 2.5rem;
  font-size:clamp(1.8rem,3vw,2.6rem);
  line-height:1.05;
  max-width:11ch;
}
.vz-contact-step {
  display:grid;
  grid-template-columns:42px 1fr;
  gap:1rem;
  padding:1.35rem 0;
  border-top:1px solid var(--vz-line-light);
}
.vz-contact-step > span {
  font-family:var(--wp--preset--font-family--geist-mono);
  font-size:.7rem;
  color:var(--vz-mint-dark);
}
.vz-contact-step strong { display:block; margin-bottom:.35rem; }
.vz-contact-step p { margin:0; line-height:1.5; opacity:.75; }
.vz-contact-fit {
  margin-top:2rem;
  padding-top:2rem;
  border-top:1px solid var(--vz-line-light);
}
.vz-contact-fit ul { margin:0; padding-left:1.1rem; }
.vz-contact-fit li { line-height:1.5; }
.vz-contact-fit li + li { margin-top:.6rem; }
.vz-contact-close .vz-h2 { max-width:15ch; }

@media (max-width:900px) {
  .vz-contact-grid--guided,
  .vz-form-row { grid-template-columns:1fr; }
  .vz-contact-next { margin-top:1rem; }
}