/* Successium: consolidated site-wide editorial typography and rhythm, October 2026 */
:root{--type-body:1.0625rem;--type-lead:1.1875rem;--type-section:clamp(3.1rem,4.15vw,4.25rem);--section-space:clamp(96px,9vw,144px)}
html{font-size:16px}body{line-height:1.68}
.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.section h2{font-size:var(--type-section);line-height:1.12;letter-spacing:-.043em}
.section .eyebrow{font-size:.75rem;letter-spacing:.17em;line-height:1.5}
.section p:not(.eyebrow):not(.logo-note){line-height:1.72}
/* Deliberate variations: the hero and commercial proposition remain signature moments. */
.hero h1{font-size:clamp(4rem,5.25vw,5.6rem);line-height:1.06;letter-spacing:-.05em}
.hero .hero-lede{font-size:var(--type-lead);line-height:1.58}
.gap h2,.occasions h2,.principles h2,.journey h2,.experience h2{font-size:var(--type-section)}
.economics.economics-feature h2{font-size:clamp(3.7rem,5.5vw,5.5rem);line-height:1.09}
.discovery h2{font-size:clamp(2.85rem,3.85vw,4rem)}
.contact h2{font-size:clamp(3.25rem,4.55vw,4.7rem)}
/* Consistent subheading and supporting copy, without changing diagram labels. */
.principle-grid h3{font-size:1.6rem;line-height:1.3}
.steps h3{font-size:1.55rem;line-height:1.3}
.principle-grid p,.steps p,.occasion-list p,.discovery-copy>p,.experience-intro{font-size:var(--type-body);line-height:1.72}
.solution-heading>p,.relationship-head>p,.experience-top>p{font-size:var(--type-lead);line-height:1.6}
/* Experience: continuous paragraph; section boundary and restrained five-column gallery retained. */
.section.experience{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.experience .experience-top{margin-bottom:28px}
.experience .experience-intro{columns:auto!important;column-count:1!important;column-width:auto!important;width:100%!important;max-width:none!important;font-size:var(--type-body);line-height:1.75;margin-bottom:58px}
.experience .experience-gallery-label{margin-bottom:25px}
/* Responsive type and spacing: avoid oversized headings and cramped paragraphs. */
@media(max-width:1000px){:root{--type-section:clamp(2.9rem,5.2vw,3.85rem);--section-space:clamp(82px,9vw,112px)}.hero h1{font-size:clamp(3.4rem,6.1vw,4.8rem)}}
@media(max-width:760px){:root{--type-section:clamp(2.5rem,8vw,3.45rem);--section-space:76px;--type-body:1rem;--type-lead:1.1rem}.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.section h2,.gap h2,.occasions h2,.principles h2,.journey h2,.experience h2{font-size:var(--type-section);line-height:1.13}.hero h1{font-size:clamp(2.85rem,10vw,4.2rem)}.economics.economics-feature h2{font-size:clamp(3rem,8.5vw,4.25rem)}.discovery h2{font-size:var(--type-section)}.contact h2{font-size:clamp(2.85rem,8.5vw,3.8rem)}.experience .experience-intro{margin-bottom:42px}}
@media(max-width:440px){:root{--section-space:66px}.section .eyebrow{font-size:.69rem}.hero h1{font-size:clamp(2.65rem,10.3vw,3.5rem)}}