/* The original new-site page system: display headings, split stories, product scenes and information cards. */
:root[data-theme] .brand-content-page {width:100%;max-width:none;margin:0;padding:0;}
.brand-content-page .brand-page-hero {padding:64px 0 32px;text-align:center;}
.brand-content-page .brand-breadcrumb {display:inline-block;color:var(--muted);font-size:14px;margin-bottom:24px;text-decoration:underline;text-underline-offset:5px;}
:root[data-theme] .brand-content-page .brand-page-hero h1 {font-size:clamp(2.7rem,5.7vw,5.8rem);font-weight:800;line-height:1.08;letter-spacing:0;color:var(--text);margin:0 auto;}
:root[data-theme] .brand-content-page .brand-page-hero p {max-width:52ch;margin:24px auto 0;font-size:18px;line-height:1.8;color:var(--muted);}
:root[data-theme] .brand-content-page .section {padding:56px 0;}
:root[data-theme] .brand-content-page .section-dark {background:var(--bg-soft);border-block:1px solid var(--line-soft);}
:root[data-theme] .brand-content-page .section-heading {margin-bottom:28px;}
:root[data-theme] .brand-content-page .section-heading h2 {font-size:clamp(2rem,3vw,3.1rem);font-weight:800;line-height:1.2;letter-spacing:0;max-width:20ch;}
:root[data-theme] .brand-content-page .section-heading:not(.align-left) h2 {margin-inline:auto;}
.brand-content-page .section-heading h2::before {content:"";display:block;width:48px;height:3px;background:#ffcc00;margin-bottom:20px;}
.brand-content-page .section-heading:not(.align-left) h2::before {margin-inline:auto;}
:root[data-theme] .brand-content-page .split-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}
:root[data-theme] .brand-content-page .story-block {max-width:none;min-width:0;}
:root[data-theme] .brand-content-page :is(.story-block,.brand-team-story,.brand-policy-copy) p {font-size:17px;line-height:1.9;color:var(--muted);max-width:65ch;margin:0 0 24px;}
:root[data-theme] .brand-content-page .brand-page-photo {position:relative;aspect-ratio:1;min-height:0;margin:0;overflow:hidden;border:1px solid var(--line-soft);border-radius:20px;background:#080d13;}
.brand-content-page .brand-page-photo::before,.brand-content-page .brand-page-photo::after {display:none;}
.brand-content-page .brand-page-photo img {display:block;width:100%;height:100%;object-fit:cover;}
:root[data-theme] .brand-content-page .brand-page-photo-wide {aspect-ratio:5/4;}
.brand-content-page .brand-page-photo-wide img[src*="controller"] {object-fit:contain;}
:root[data-theme] .brand-content-page .values-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
:root[data-theme] .brand-content-page :is(.value-card,.contact-card,.timeline-panel) {padding:32px;border:1px solid var(--line-soft);border-radius:16px;background:var(--bg);box-shadow:none;min-width:0;}
:root[data-theme="dark"] .brand-content-page :is(.value-card,.contact-card,.timeline-panel) {background:linear-gradient(150deg,#202224,#121416);}
.brand-content-page .value-card::before,.brand-content-page .contact-card::before {display:none;}
.brand-feature-icon {display:block;width:32px;height:32px;color:var(--link);margin-bottom:24px;}
:root[data-theme] .brand-content-page :is(.value-card h3,.contact-card h2) {font-size:26px;font-weight:700;margin:0 0 14px;color:var(--text);}
:root[data-theme] .brand-content-page :is(.value-card p,.contact-card p) {font-size:16px;line-height:1.8;color:var(--muted);margin:0;}
:root[data-theme] .brand-content-page .oem-values {grid-template-columns:repeat(3,minmax(0,1fr));}
:root[data-theme] .brand-content-page .values-layout {display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
:root[data-theme] .brand-content-page .timeline {border-left-color:var(--line-soft);margin:24px 0 0;padding-left:18px;}
:root[data-theme] .brand-content-page .timeline strong {color:var(--text);font-size:22px;line-height:1.4;}
:root[data-theme] .brand-content-page .timeline span {font-size:15px;line-height:1.75;color:var(--muted);}
.brand-content-page .timeline li {margin-bottom:28px;}
.brand-content-page .timeline li:last-child {margin-bottom:0;}
:root[data-theme] .brand-content-page .brand-team-story p.brand-signature {font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.5rem,4vw,4rem);font-weight:800;font-style:italic;color:var(--text);line-height:1.1;}
:root[data-theme] .brand-content-page .brand-page-cta {display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:20px;border:1px solid var(--line-soft);background:var(--bg-soft);}
:root[data-theme] .brand-page-cta h2 {font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 12px;line-height:1.25;}
.brand-page-cta p {margin:0;color:var(--muted);font-size:16px;line-height:1.7;}
.brand-page-cta .button {flex:none;}
:root[data-theme] .brand-content-page .contact-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.brand-content-page .contact-card {display:flex;flex-direction:column;align-items:flex-start;}
.brand-content-page .contact-card a {margin-top:auto;padding-top:20px;overflow-wrap:anywhere;color:var(--link);text-decoration:underline;text-underline-offset:5px;}
:root[data-theme] .brand-content-page .support-layout {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:start;}
.brand-content-page .support-side .button {margin-top:32px;}
.brand-content-page .brand-policy-copy p:last-child {margin-bottom:0;}
:root[data-theme] .brand-content-page .button {letter-spacing:0;white-space:normal;min-height:46px;}
@media(max-width:1000px) {
 :root[data-theme] .brand-content-page :is(.split-grid,.values-layout,.support-layout) {gap:32px;}
 :root[data-theme] .brand-content-page :is(.value-card,.contact-card,.timeline-panel) {padding:24px;}
}
@media(max-width:700px) {
 .brand-content-page .brand-page-hero {padding:36px 0 8px;}
 :root[data-theme] .brand-content-page .brand-page-hero p {font-size:16px;margin-top:18px;}
 :root[data-theme] .brand-content-page .section {padding:36px 0;}
 :root[data-theme] .brand-content-page :is(.split-grid,.values-layout,.support-layout,.contact-grid,.oem-values) {grid-template-columns:minmax(0,1fr);gap:28px;}
 :root[data-theme] .brand-content-page .values-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
 :root[data-theme] .brand-content-page :is(.story-block,.brand-team-story,.brand-policy-copy) p {font-size:16px;line-height:1.85;}
 :root[data-theme] .brand-content-page .brand-page-photo {aspect-ratio:6/5;}
 :root[data-theme] .brand-content-page .brand-page-cta {align-items:flex-start;flex-direction:column;padding:28px;gap:24px;}
 .brand-page-cta .button {width:100%;}
 .brand-feature-icon {width:28px;height:28px;margin-bottom:18px;}
}

.brand-content-page [data-cms-text] {white-space:pre-line;}