.inner-page-video{height: 100vh; max-height: 1000px; overflow: hidden;}
.inner-page-video::after {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 30, 40, 0.50) 0%, rgba(0, 30, 40, 0.20) 35%, rgba(0, 30, 40, 0.55) 100%);}

.inner-page-video p.eyebrow,
.inner-page-video h1{color:#ffffff;}

.about-article {max-width: 1100px; margin: 0px auto 4rem; padding: 9rem var(--pad-x) 0;}
.about-header {margin-bottom: 3.5rem;}
.about-header .eyebrow {color: var(--ink-deep); margin-bottom: 1rem;}
.about-title {font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.05;}
.about-body {max-width: 720px; margin: 0px auto 5rem;}
.about-body p {font-size: 1.05rem; line-height: 1.75; color: var(--ink-deep); margin: 0px 0px 1.4rem;}
.about-lede {font-style: italic; color: var(--ink-deep); font-size: clamp(1.2rem, 1.6vw, 1.4rem) !important; line-height: 1.55 !important;}

.about-pillars {grid-template-columns: repeat(3, 1fr); margin-bottom: 5rem;}
.about-pillar {border: 1px solid var(--rule); padding: 2rem;}
.about-pillar-eyebrow {margin: 0 0 0.6rem; font-size: 0.65rem; letter-spacing: 0.24em; color: var(--ink-deep);}
.about-pillar-title {margin: 0 0 1rem; font-family: var(--font-display); font-size: 1.6rem; color: var(--ink-deep); line-height: 1.2;}
.about-pillar-title em {color: var(--accent); font-style: italic;}

.about-pillar-body {margin: 0 0 1.4rem; font-family: var(--font-body); font-size: 0.92rem; line-height: 1.6; color: var(--ink-mute); flex: 1;}
.about-pillar-link {font-family: var(--font-body); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-deep);
text-decoration: none; border-bottom: 1.5px solid var(--ink-deep); align-self: flex-start; padding-bottom: 0.2rem;}
.about-pillar-link:hover {color: var(--ink-deep-hi);}

.about-cta-band {background: rgba(0, 62, 81, 0.05); padding: clamp(2.5rem, 5vw, 4rem);}
.about-cta-band .display {margin: 0 0 1rem; font-size: clamp(1.8rem, 3vw, 2.4rem);}
.about-cta-band .display em {color: var(--accent);}
.about-cta-band .body {max-width: 38rem; margin: 0 auto 2rem; color: var(--ink-mute);}
.about-cta-actions {gap: 1rem 2rem;}
.about-cta-actions .btn-primary {padding: 1rem 1.8rem; font-size: 0.78rem; letter-spacing: 0.2em;}

@media (max-width: 880px) {
    .about-pillars {
        grid-template-columns: 1fr;
    }
}



/* TNC Page */

.legal-article {max-width: 760px; margin: 0 auto 4rem; padding: 9rem var(--pad-x) 0;}
.legal-header {margin-bottom: 2.5rem;}

.legal-title {margin: 0 0 0.6rem; font-size: clamp(2.2rem, 4vw, 3.4rem);}
.legal-meta {margin: 0; font-size: 0.82rem; color: var(--ink-mute); align-items: baseline; gap: 0.5rem 0.7rem;}

.legal-toc {background: rgba(0, 62, 81, 0.04); border-left: 3px solid var(--ink-deep); padding: 1.4rem 1.6rem; margin: 0 0 3rem; border-radius: 0 4px 4px 0;}
.legal-toc-title {margin: 0 0 0.7rem; font-size: 0.65rem; letter-spacing: 0.22em; color: var(--ink-soft);}
.legal-toc ul {grid-template-columns: repeat(2, 1fr); gap: 0.5rem 1.5rem;}
.legal-toc a {font-size: 0.88rem; color: var(--ink-deep);}
.legal-toc a:hover {text-decoration: underline;}

.legal-section {margin: 0 0 3rem; scroll-margin-top: 7rem;}
.legal-section h2 {font-family: var(--font-display); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 400; margin: 0 0 1.2rem; padding-bottom: 0.7rem;
border-bottom: 1px solid var(--rule); color: var(--ink-deep);}
.legal-section h3 {font-family: var(--font-body); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-deep); margin: 1.6rem 0 0.7rem;}
.legal-section p {font-size: 0.95rem; line-height: 1.7; color: var(--ink-deep); margin: 0 0 1.1rem;}
.legal-list {font-family: var(--font-body); font-size: 0.92rem; line-height: 1.7; color: var(--ink-deep); margin: 0 0 1.4rem 0px; padding-left: 15px;}
.legal-list li {margin-bottom: 0.45rem;}
.legal-section a {color: var(--ink-deep); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px;}


@media (max-width: 900px) {
    .legal-article{padding: 6rem var(--pad-x) 0;}
}