/* Additive V2 theme: original page styles and content remain the baseline. */
.version-switch[hidden] { display:none; }
.version-switch { position:fixed; right:24px; bottom:24px; z-index:1100; display:flex; gap:3px; padding:5px; background:#fff; border:1px solid #bfcbd3; border-radius:999px; box-shadow:0 4px 24px #07131d26; }
.version-switch button { appearance:none; border:0; background:transparent; color:#07131d; font:700 13px/1 Arial,sans-serif; min-height:40px; min-width:68px; padding:12px 16px; border-radius:999px; cursor:pointer; }
.version-switch button[aria-pressed="true"] { background:#07131d; color:#fff; }
.version-switch button:focus-visible { outline:3px solid #2581ac; outline-offset:2px; }
.logo-v2 { display:none; }
html:is([data-version="v2"],[data-version="v3"]) {
 --primary:#64b5de; --secondary:#07131d; --accent-1:#bfcbd3; --accent-2:#f3f0e9;
 --lead:var(--primary); --on-lead:var(--secondary); --deep:var(--secondary); --on-deep:#fff;
 --soft:var(--accent-1); --pop:var(--primary); --on-pop:var(--secondary);
 --page:var(--accent-2); --surface:#fff; --ink:var(--secondary); --muted:#465963;
 --wash:#ecf6fb; --hairline:#d6dfe3; --link:#216487;
 --radius:12px; --radius-sm:6px; --radius-pill:999px;
 --black:var(--deep); --black-soft:#102432; --blue:var(--link); --blue-light:var(--lead); --blue-dark:#184e69;
 --gray-50:var(--page); --gray-100:#edf0ef; --gray-200:var(--hairline); --gray-400:#82949d; --gray-500:#5d707a; --gray-600:var(--muted); --gray-700:#30434d; --gray-800:var(--ink);
 --shadow-sm:0 2px 12px #07131d0a; --shadow-md:0 12px 32px #07131d0d; --shadow-lg:0 18px 48px #07131d14;
 color-scheme:light;
}
html:is([data-version="v2"],[data-version="v3"]) body { background:var(--page); color:var(--ink); font-family:Inter,Arial,sans-serif; }
html:is([data-version="v2"],[data-version="v3"]) :is(h1,h2,.section-title,.story-text h2,.family-text h2,.about-text h2,.cta-section h2,.form-container h2) { font-family:'Arial Black',Inter,Arial,sans-serif; font-weight:900; font-style:italic; text-transform:uppercase; letter-spacing:-.04em; line-height:1.08; text-wrap:balance; }
html:is([data-version="v2"],[data-version="v3"]) :is(h3,.pkg-name,.note-card h3,.team-card h3,.promise-card h3,.contact-card h3,.zoom-card h3) { font-family:Inter,Arial,sans-serif; font-weight:800; font-style:normal; letter-spacing:-.025em; }
html:is([data-version="v2"],[data-version="v3"]) :is(.section-label,.hero-badge,.stat-label,.pkg-badge) { font-family:'Courier New',monospace; font-weight:700; letter-spacing:.12em; }
html:is([data-version="v2"],[data-version="v3"]) :is(.section-title,.story-text h2,.family-text h2,.about-text h2) { font-size:clamp(1.9rem,3.3vw,3rem); }
html:is([data-version="v2"],[data-version="v3"]) :is(a,button,input,select,textarea):focus-visible { outline:3px solid var(--lead); outline-offset:4px; }
html:is([data-version="v2"],[data-version="v3"]) nav { background:var(--page); padding:8px 32px; border-bottom:1px solid var(--hairline); }
html:is([data-version="v2"],[data-version="v3"]) nav.scrolled { padding:8px 32px; }
html:is([data-version="v2"],[data-version="v3"]) .nav-container { min-height:84px; }
html:is([data-version="v2"],[data-version="v3"]) .nav-links { gap:1.8rem; }
html:is([data-version="v2"],[data-version="v3"]) .nav-links a { font-size:.84rem; font-weight:700; }
html:is([data-version="v2"],[data-version="v3"]) .logo > picture { display:none; }
html:is([data-version="v2"],[data-version="v3"]) .logo-v2 { display:block; position:relative; width:116px; height:84px; overflow:hidden; background:var(--page); border-radius:var(--radius-sm); }
html:is([data-version="v2"],[data-version="v3"]) .logo .logo-v2 img { position:absolute; width:154px; height:154px; max-width:none; left:-19px; top:-29px; margin:0; filter:none; }
html:is([data-version="v2"],[data-version="v3"]) footer .logo-v2 { margin-bottom:1.2rem; }
html:is([data-version="v2"],[data-version="v3"]) :is(.nav-cta,.btn-primary,.pkg-cta,.form-submit) { background:var(--lead)!important; color:var(--on-lead)!important; border-radius:var(--radius-sm); font-weight:800; box-shadow:none; }
html:is([data-version="v2"],[data-version="v3"]) :is(.nav-cta,.btn-primary,.pkg-cta,.form-submit):hover { background:var(--deep)!important; color:var(--on-deep)!important; box-shadow:inset 0 0 0 1px var(--lead); }
html:is([data-version="v2"],[data-version="v3"]) .btn-secondary { border-radius:var(--radius-sm); border:1px solid var(--soft); }
html:is([data-version="v2"],[data-version="v3"]) .btn-white { border-radius:var(--radius-sm); background:var(--deep); color:var(--on-deep); }
html:is([data-version="v2"],[data-version="v3"]) .hero { margin-top:100px; padding:90px max(32px,calc((100vw - 1200px)/2)) 80px; min-height:650px; text-align:left; justify-content:flex-start; }
html:is([data-version="v2"],[data-version="v3"]) .hero::before { opacity:1; left:50%; background-image:url('../images/hero.webp'); background-position:center 35%; }
html:is([data-version="v2"],[data-version="v3"]) .hero::after { background:linear-gradient(90deg,var(--deep) 0%,var(--deep) 42%,#07131db3 61%,#07131d08 100%); }
html:is([data-version="v2"],[data-version="v3"]) .hero-content { max-width:760px; margin:0; padding-right:50px; }
html:is([data-version="v2"],[data-version="v3"]) .hero h1 { font-size:clamp(2.7rem,4.2vw,4rem); max-width:760px; line-height:1.03; }
html:is([data-version="v2"],[data-version="v3"]) .hero h1 span { display:block; color:var(--lead); }
html:is([data-version="v2"],[data-version="v3"]) .hero p { margin-left:0; max-width:480px; }
html:is([data-version="v2"],[data-version="v3"]) .hero-badge { background:transparent; border-left:3px solid var(--lead); border-radius:0; padding:0 0 0 12px; font-size:.73rem; color:var(--lead); }
html:is([data-version="v2"],[data-version="v3"]) .hero-tagline { color:var(--on-deep); font-style:normal; }
html:is([data-version="v2"],[data-version="v3"]) .hero-btns { justify-content:flex-start; }
html:is([data-version="v2"],[data-version="v3"]) .stats-bar { background:var(--lead); color:var(--ink); padding:30px 24px; }
html:is([data-version="v2"],[data-version="v3"]) .stat-num { font-family:'Arial Black',Inter,Arial,sans-serif; font-weight:900; font-style:italic; color:var(--ink); }
html:is([data-version="v2"],[data-version="v3"]) .stat-label { color:var(--ink); font-size:.7rem; }
html:is([data-version="v2"],[data-version="v3"]) .page-hero { margin-top:100px; padding:78px 24px 64px; background:var(--page); border-bottom:1px solid var(--hairline); }
html:is([data-version="v2"],[data-version="v3"]) .page-hero h1 { font-size:clamp(2.6rem,5vw,4.3rem); max-width:1100px; margin-left:auto; margin-right:auto; }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.packages,.story,.team-section,.contact-info,.zoom-callout,.gallery,.filter-bar) { background:var(--surface); }
html:is([data-version="v2"],[data-version="v3"]) :is(.about-teaser,.venue-feature,.family,.promise-deep,.notes-section,.contact-form-section) { background:var(--page); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise-card,.contact-card,.pkg-card,.note-card,.zoom-card,.form-container) { border-radius:var(--radius); box-shadow:none; }
html:is([data-version="v2"],[data-version="v3"]) .pkg-card.featured { background:var(--wash); border-color:var(--lead); }
html:is([data-version="v2"],[data-version="v3"]) .pkg-badge { background:var(--lead); color:var(--on-lead); border-radius:var(--radius-sm); }
html:is([data-version="v2"],[data-version="v3"]) .pkg-price { font-family:'Arial Black',Inter,Arial,sans-serif; font-style:italic; color:var(--deep); font-weight:900; }
html:is([data-version="v2"],[data-version="v3"]) .zoom-card { background:var(--wash); border-color:var(--soft); }
html:is([data-version="v2"],[data-version="v3"]) .filter-bar { top:100px; }
html:is([data-version="v2"],[data-version="v3"]) .filter-btn.active { background:var(--deep); border-color:var(--deep); color:var(--on-deep); }
html:is([data-version="v2"],[data-version="v3"]) .cta-section { background:var(--lead); color:var(--ink); }
html:is([data-version="v2"],[data-version="v3"]) .cta-section h2 { font-size:clamp(2rem,4vw,3.4rem); }
html:is([data-version="v2"],[data-version="v3"]) .testimonials { background:var(--deep); }
html:is([data-version="v2"],[data-version="v3"]) .testimonials .section-title { color:var(--on-deep); }
html:is([data-version="v2"],[data-version="v3"]) .review-card { border-color:#405360; }
html:is([data-version="v2"],[data-version="v3"]) .footer-bottom { color:var(--soft); padding-bottom:65px; }
html:is([data-version="v2"],[data-version="v3"]) .social-link:hover { background:var(--lead); color:var(--on-lead); }
@media(max-width:900px) {
 html:is([data-version="v2"],[data-version="v3"]) .nav-links { gap:1rem; }
 html:is([data-version="v2"],[data-version="v3"]) .hero-content { max-width:660px; padding-right:0; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::before { left:35%; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::after { background:linear-gradient(90deg,var(--deep),#07131dcc 60%,#07131d55); }
}
@media(max-width:768px) {
 .version-switch { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); }
 html:is([data-version="v2"],[data-version="v3"]) :is(nav,nav.scrolled) { padding:6px 24px; }
 html:is([data-version="v2"],[data-version="v3"]) .nav-container { min-height:72px; }
 html:is([data-version="v2"],[data-version="v3"]) .logo-v2 { width:100px; height:72px; }
 html:is([data-version="v2"],[data-version="v3"]) .logo .logo-v2 img { width:132px; height:132px; left:-16px; top:-25px; }
 html:is([data-version="v2"],[data-version="v3"]) nav.menu-open .nav-links { background:var(--page); gap:1.3rem; padding:24px; }
 html:is([data-version="v2"],[data-version="v3"]) .hero { margin-top:84px; min-height:670px; padding:70px 24px 56px; }
 html:is([data-version="v2"],[data-version="v3"]) .hero h1 { font-size:clamp(2.05rem,6.7vw,3.1rem); overflow-wrap:normal; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::before { left:0; background-position:62% center; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::after { background:linear-gradient(90deg,#07131df0,#07131dbd); }
 html:is([data-version="v2"],[data-version="v3"]) .hero-btns { align-items:flex-start; }
 html:is([data-version="v2"],[data-version="v3"]) .hero p { font-size:1rem; }
 html:is([data-version="v2"],[data-version="v3"]) .page-hero { margin-top:84px; padding:56px 24px 46px; }
 html:is([data-version="v2"],[data-version="v3"]) .filter-bar { top:84px; }
 html:is([data-version="v2"],[data-version="v3"]) .form-container { padding:28px 20px; }
 html:is([data-version="v2"],[data-version="v3"]) .form-container h2 { font-size:1.65rem; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 html:is([data-version="v2"],[data-version="v3"]) *,html:is([data-version="v2"],[data-version="v3"]) *::before,html:is([data-version="v2"],[data-version="v3"]) *::after { transition:none!important; animation:none!important; }
}
/* Give all five packages balanced space rather than a four-plus-one layout. */
@media(min-width:1001px) {
 html:is([data-version="v2"],[data-version="v3"]) .packages-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px; }
 html:is([data-version="v2"],[data-version="v3"]) .pkg-card { grid-column:span 2; }
 html:is([data-version="v2"],[data-version="v3"]) .pkg-card:nth-child(4) { grid-column:2 / span 2; }
 html:is([data-version="v2"],[data-version="v3"]) .pkg-card:nth-child(5) { grid-column:4 / span 2; }
}
/* Preserve the full record silhouette, including the lowest drip. */
html:is([data-version="v2"],[data-version="v3"]) .logo .logo-v2 img { width:128px; height:128px; left:-7px; top:-23px; }
/* Gallery's original CTA uses inline styles; override only within V2. */
html:is([data-version="v2"],[data-version="v3"]) .cta-section[style] { background:var(--lead)!important; color:var(--ink)!important; }
html:is([data-version="v2"],[data-version="v3"]) .cta-section h2[style] { font-family:'Arial Black',Inter,Arial,sans-serif!important; font-size:clamp(2rem,4vw,3.4rem)!important; }
@media(max-width:768px) {
 html:is([data-version="v2"],[data-version="v3"]) .logo .logo-v2 img { width:110px; height:110px; left:-7px; top:-20px; }
}

/* Focused cleanup of the approved V2: retain layout and photograph sizes. */
.v2-copy { display:none!important; }
html:is([data-version="v2"],[data-version="v3"]) .original-copy { display:none!important; }
html:is([data-version="v2"],[data-version="v3"]) .v2-copy { display:inline!important; }
html:is([data-version="v2"],[data-version="v3"]) .hero h1 .hero-new-copy { color:#fff; font-style:normal; }
html:is([data-version="v2"],[data-version="v3"]) .hero-new-copy em { color:var(--lead); font-style:italic; }
html[data-version="original"] .hero h1 > .original-copy { color:inherit; }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise-icon,.pkg-emoji,.contact-icon) { display:none; }
/* Shared light 4E treatment: white canvas, sky cards, midnight text. */
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) { background:#fff; color:var(--deep); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .section-label { color:var(--link); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .section-title { color:var(--deep); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .section-subtitle { color:var(--muted); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-grid { counter-reset:four-e; }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card {
 counter-increment:four-e; background:var(--lead); border:1px solid var(--lead);
 border-top:3px solid var(--deep); box-shadow:none; text-align:left;
 transition:transform .2s ease,border-color .2s ease;
}
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card::before {
 content:'0' counter(four-e); display:block; color:var(--deep);
 font:900 clamp(56px,4.45vw,64px)/1 'Arial Black',Inter,Arial,sans-serif; letter-spacing:-.055em; margin-bottom:20px;
}
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card h3 { color:var(--deep); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card p { color:var(--deep); }
html:is([data-version="v2"],[data-version="v3"]) .promise-deep .promise-card { display:block; }
html:is([data-version="v2"],[data-version="v3"]) .about-teaser { background:#fff; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card:hover { transform:translateY(-3px); border-color:var(--deep); box-shadow:none; }
}
@media(hover:none), (prefers-reduced-motion:reduce) {
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card:hover { transform:none; box-shadow:none; }
}

html:is([data-version="v2"],[data-version="v3"]) #four-e { scroll-margin-top:100px; }
/* Compact white V2 navigation and transparent logo presentation. */
html:is([data-version="v2"],[data-version="v3"]) :is(nav,nav.scrolled) { background:#fff; padding:8px 32px; }
html:is([data-version="v2"],[data-version="v3"]) .nav-container { min-height:68px; }
html:is([data-version="v2"],[data-version="v3"]) .logo-v2 { width:100px; height:68px; background:transparent; border-radius:0; overflow:visible; }
html:is([data-version="v2"],[data-version="v3"]) .logo .logo-v2 img { position:static; display:block; width:100%; height:100%; max-width:100%; object-fit:contain; margin:0; }
html:is([data-version="v2"],[data-version="v3"]) footer .logo-v2 { width:132px; height:108px; }
html:is([data-version="v2"],[data-version="v3"]) footer .logo .logo-v2 img { filter:brightness(0) invert(1); }
html:is([data-version="v2"],[data-version="v3"]) :is(.hero,.page-hero) { margin-top:84px; }
html:is([data-version="v2"],[data-version="v3"]) .filter-bar { top:84px; }
html:is([data-version="v2"],[data-version="v3"]) #four-e { scroll-margin-top:84px; }
@media(max-width:768px) {
 html:is([data-version="v2"],[data-version="v3"]) :is(nav,nav.scrolled) { padding:6px 24px; }
 html:is([data-version="v2"],[data-version="v3"]) .nav-container { min-height:60px; }
 html:is([data-version="v2"],[data-version="v3"]) nav .logo-v2 { width:88px; height:60px; }
 html:is([data-version="v2"],[data-version="v3"]) nav.menu-open .nav-links { background:#fff; }
 html:is([data-version="v2"],[data-version="v3"]) :is(.hero,.page-hero) { margin-top:72px; }
 html:is([data-version="v2"],[data-version="v3"]) .filter-bar { top:72px; }
 html:is([data-version="v2"],[data-version="v3"]) #four-e { scroll-margin-top:72px; }
}
html:is([data-version="v2"],[data-version="v3"]) :is(nav,nav.scrolled) { border-bottom:0; }

/* V3 uses the original periwinkle palette on the shared V2 layout. */
html[data-version="v3"] {
 --primary:#5b7fcc; --lead:var(--primary); --pop:var(--primary);
 --link:#3a5ba0; --wash:#edf1fa; --blue-dark:#3a5ba0;
}
html[data-version="v3"] nav .logo .logo-v2 img { filter:hue-rotate(28deg) saturate(.8); }
html[data-version="v3"] :is(.hero-badge,.hero-new-copy em,.testimonials .section-label) { color:#7b9be0; }
/* Compact closing CTA cards share the selected V2/V3 accent. */
html:is([data-version="v2"],[data-version="v3"]) .cta-section { background:#fff!important; padding:56px 32px!important; color:var(--deep); }
html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content { max-width:1100px; margin:0 auto; padding:40px 44px; background:var(--lead); color:var(--deep); border-radius:12px; display:grid; grid-template-columns:minmax(0,1fr); gap:18px; justify-items:center; align-items:center; text-align:center; }
html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content h2 { grid-column:1; margin:0!important; font-size:clamp(2rem,3.5vw,3.25rem)!important; text-wrap:balance; }
html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content p { grid-column:1; margin:0!important; max-width:660px!important; font-size:1rem!important; line-height:1.6; opacity:1!important; }
html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content .btn-white { grid-column:1; grid-row:auto; white-space:nowrap; background:var(--deep); color:#fff; padding:16px 28px; }
html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content .btn-white:hover { background:#fff; color:var(--deep); }
@media(max-width:768px) {
 html:is([data-version="v2"],[data-version="v3"]) .cta-section { padding:36px 24px!important; }
 html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content { padding:28px 24px; grid-template-columns:minmax(0,1fr); gap:16px; }
 html:is([data-version="v2"],[data-version="v3"]) .cta-section .cta-content .btn-white { grid-column:1; grid-row:auto; justify-self:center; white-space:normal; }
}
/* Center the quote above its text on mobile/tablet; desktop stays side-by-side. */
@media(max-width:1024px) {
 html:is([data-version="v2"],[data-version="v3"]) .venue-card { flex-direction:column; text-align:center; }
 html:is([data-version="v2"],[data-version="v3"]) .venue-quote-icon { align-self:center; text-align:center; }
}
/* Clear fill feedback for every CTA; keyboard focus receives the same treatment. */
html:is([data-version="v2"],[data-version="v3"]) :is(.nav-cta,.btn-primary,.btn-secondary,.btn-white,.pkg-cta,.form-submit,.about-cta,.gallery-strip-cta a) {
 transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html:is([data-version="v2"],[data-version="v3"]) :is(.nav-cta,.btn-primary,.pkg-cta,.form-submit):is(:hover,:focus-visible) {
 background:var(--deep)!important; color:#fff!important; box-shadow:inset 0 0 0 1px var(--lead);
}
html:is([data-version="v2"],[data-version="v3"]) .hero .btn-primary:is(:hover,:focus-visible) {
 background:#fff!important; color:var(--deep)!important; box-shadow:none;
}
html:is([data-version="v2"],[data-version="v3"]) .btn-secondary:is(:hover,:focus-visible) {
 background:var(--lead)!important; color:var(--deep)!important; border-color:var(--lead);
}
html:is([data-version="v2"],[data-version="v3"]) .btn-white:is(:hover,:focus-visible) {
 background:#fff!important; color:var(--deep)!important; box-shadow:inset 0 0 0 1px var(--deep);
}
html:is([data-version="v2"],[data-version="v3"]) :is(.about-cta,.gallery-strip-cta a):is(:hover,:focus-visible) {
 background:var(--lead); color:var(--deep); border-color:var(--deep); box-shadow:0 0 0 6px var(--lead);
}
@media(prefers-reduced-motion:reduce) {
 html:is([data-version="v2"],[data-version="v3"]) :is(.nav-cta,.btn-primary,.btn-secondary,.btn-white,.pkg-cta,.form-submit,.about-cta,.gallery-strip-cta a) { transition:none!important; }
}
/* Mobile/tablet hero preview: action photograph and the approved bold treatment. */
@media(max-width:1024px) {
 html:is([data-version="v2"],[data-version="v3"]) .hero { padding:64px 32px 56px; min-height:650px; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::before { left:0; background-image:url('../images/matt-lauren-action-1.webp'); background-position:center 40%; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::after { background:linear-gradient(90deg,#07131d99,#07131d40),linear-gradient(0deg,#07131df2 0%,#07131d45 100%); }
 html:is([data-version="v2"],[data-version="v3"]) .hero-content { width:100%; max-width:none; padding-right:0; }
 html:is([data-version="v2"],[data-version="v3"]) .hero h1 { font-size:clamp(36px,10.8vw,88px); line-height:1.02; letter-spacing:-.055em; max-width:none; }
 html:is([data-version="v2"],[data-version="v3"]) .hero-badge { font-family:Inter,Arial,sans-serif; font-size:clamp(9px,1.4vw,12px); color:#d6dfe3; border:0; padding:0; letter-spacing:.15em; }
}
@media(max-width:600px) {
 html:is([data-version="v2"],[data-version="v3"]) .hero { padding:58px 24px 48px; }
 html:is([data-version="v2"],[data-version="v3"]) .hero::before { background-position:60% center; }
 html:is([data-version="v2"],[data-version="v3"]) .hero h1 { font-size:clamp(32px,10.8vw,64px); }
}
/* Wider 4E cards with prominent right-aligned numbers. */
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card { position:relative; padding:30px 112px 30px 30px; border-top-width:1px; border-color:var(--lead); }
html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card::before { content:counter(four-e); position:absolute; top:24px; right:26px; margin:0; font-size:88px; line-height:1; letter-spacing:-.04em; color:rgba(255,255,255,.9); pointer-events:none; }
@media(max-width:700px) {
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card { padding:24px; }
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card::before { top:18px; right:22px; font-size:56px; }
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card h3 { padding-right:52px; font-size:20px; margin-bottom:26px; }
}
@media(min-width:701px) and (max-width:1000px) {
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card { padding:24px; }
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card::before { font-size:56px; top:18px; right:22px; }
 html:is([data-version="v2"],[data-version="v3"]) :is(.promise,.promise-deep) .promise-card h3 { padding-right:50px; font-size:20px; margin-bottom:26px; }
}