/* Editorial direction: forest, parchment and aged brass. */
:root { --ink-950:#101c19; --ink-900:#172722; --ink-800:#23362e; --paper:#f3efe5; --text-dark:#1c2923; --gray-400:#b9c3b8; --gold:#c5a16a; --radius-md:4px; }
html { scroll-padding-top:6rem; }
.site-header { background:#101c19f5; border-bottom-color:#c5a16a33; }
.wordmark strong, .eyebrow { color:var(--gold); }
.eyebrow--dark { color:#786039; }
.button { border-radius:3px; gap:1.2rem; min-height:3.5rem; }
.button--light { background:#d1b17e; color:#13221b; }
.button--light:hover { background:#e6c99d; }
.header-cta { border-color:#c5a16a77; color:#e4c89c; }
.section-paper { background:linear-gradient(125deg,#f6f2e9,#ece7da); }
.page-intro { background:radial-gradient(ellipse at 90% 0,#334639,transparent 65%),#101c19; }
.hero { background:radial-gradient(ellipse at 5% 30%,#304337,transparent 65%),#101c19; }
.hero-art { min-height:36rem; border-color:#c5a16a55; box-shadow:0 25px 70px #0004; }
.hero-art__line,.hero-art__caption { margin:1.4rem; }
.credibility strong { color:#dcc08e; }
.statement blockquote p { color:#344b3c; }
.products-grid { gap:1.5rem; border:0; }
.product-card { overflow:hidden; position:relative; border:1px solid #b9ac922e; padding:2rem; background:#fff9; box-shadow:0 12px 30px #15251b08; }
.product-card__scene { width:calc(100% + 4rem); max-width:none; height:16rem; margin:-2rem -2rem 1.75rem; object-fit:cover; transition:transform .6s ease; }
.product-card:hover .product-card__scene { transform:scale(1.035); }
.product-card h3 { margin-top:2rem; }
.product-card:nth-child(5) { grid-column:auto; }
.product-card .text-link { margin-top:auto; align-self:flex-start; }
.product-card__duration { font-size:.72rem; color:#746440; }
.cinematic-hero { position:relative; isolation:isolate; min-height:760px; display:grid; align-items:center; padding:6rem 0; background:#0b1713; }
.cinematic-hero__scene { position:absolute; z-index:-2; inset:-8% 0; height:116%; width:100%; object-fit:cover; object-position:65% center; }
.cinematic-hero::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#07120ef2 0%,#0a1711c9 38%,#10191120 82%),linear-gradient(0deg,#101c19,transparent 45%); }
.cinematic-hero .sales-hero__grid { grid-template-columns:minmax(0,1fr) 15rem; gap:4rem; align-items:end; }
.cinematic-hero h1 { font-size:clamp(3.4rem,6vw,5.7rem); max-width:18ch; line-height:1.02; color:#faf5e9; }
.cinematic-hero .sales-hero__lead { max-width:36rem; color:#e1e2d7; font-size:clamp(1.1rem,1.7vw,1.35rem); }
.cinematic-hero .course-meta { color:#dac59e; max-width:38rem; }
.formation-seal { border-top:1px solid #e1bd7888; padding-top:1rem; text-align:right; }
.formation-seal span { display:block; font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:#e3c99f; }
.formation-seal strong { font-family:var(--font-display); font-size:8rem; font-weight:500; line-height:1.2; color:#f4eee0aa; }
.formation-nav { background:#172722; border-block:1px solid #c5a16a33; }
.formation-nav .container { display:flex; align-items:center; gap:2rem; min-height:5rem; flex-wrap:wrap; padding-block:1rem; }
.formation-nav span { margin-right:auto; color:var(--gold); font-family:var(--font-display); font-size:1.3rem; }
.formation-nav a { font-size:.75rem; text-decoration:none; color:#e0e1d4; }
.formation-nav a:hover { color:#edc68c; }
.sales-audience { position:relative; }
.sales-audience .check-list li { padding-block:1.7rem; }
.learning-outcomes { background:#20372b; }
.sales-pillars { background:#15261f; }
.pillar-grid { border:0; gap:1rem; }
.pillar { background:linear-gradient(135deg,#ffffff09,transparent); border:1px solid #c5a16a44; min-height:20rem; }
.pillar > span { color:var(--gold); font-family:var(--font-display); font-size:2rem; }
.pillar h3 { color:#e5c898; }
.formation-interlude { position:relative; isolation:isolate; overflow:hidden; display:grid; align-items:center; min-height:31rem; padding:5rem 0; }
.formation-interlude > img { position:absolute; z-index:-2; top:-15%; width:100%; height:130%; object-fit:cover; }
.formation-interlude::after { content:""; position:absolute; z-index:-1; inset:0; background:#0b1715b8; }
.formation-interlude h2 { font-size:clamp(3rem,6vw,5.6rem); max-width:16ch; color:#fff7e9; margin:0; }
.curriculum-module { padding:2.5rem; margin-bottom:1rem; background:#fff8; border:1px solid #a3997d44; border-left:3px solid #ab8957; }
.curriculum-list { border:0; }
.curriculum-module h3 { color:#314737; }
.course-method { background:#172722; }
.course-method__lists h3 { color:#dfbf8c; }
.authority-portrait { box-shadow:1rem 1rem 0 #c5a16a35; }
.authority-portrait img { filter:none; }
.sales-closing { background:radial-gradient(ellipse at 100% 100%,#47604a,#14271e 75%); border-top:1px solid #c5a16a55; }
.sales-closing__inner { margin-inline:auto; text-align:center; }
.sales-closing__inner .eyebrow { justify-content:center; }
.sales-closing h2,.sales-closing p { margin-inline:auto; }
.content-card__image { filter:none; }
.content-card { grid-template-columns:3rem 8rem minmax(0,1fr) auto; }
.contact-visual img { filter:none; height:auto; max-height:34rem; }
.catalog-visual { display:none; }
.site-footer { background:#0b1511; border-top:1px solid #c5a16a33; }
@media(max-width:62rem) {
  .cinematic-hero { min-height:680px; padding:5rem 0; }
  .cinematic-hero .sales-hero__grid { grid-template-columns:1fr; }
  .formation-seal { display:none; }
  .cinematic-hero::after { background:linear-gradient(90deg,#07120eef,#0a171197),linear-gradient(0deg,#101c19,transparent); }
  .content-card { grid-template-columns:6rem minmax(0,1fr); gap:1.3rem; }
  .content-card__number { display:none; }
  .content-card__image { width:6rem; height:7rem; grid-column:1; grid-row:1 / 3; }
  .content-card .status-chip { grid-column:2; justify-self:start; }
}
@media(max-width:46rem) {
  .cinematic-hero { min-height:660px; padding:4.5rem 0; }
  .cinematic-hero h1 { font-size:clamp(3.3rem,14vw,5rem); }
  .formation-nav .container { gap:1rem 1.3rem; }
  .formation-nav span { flex-basis:100%; }
  .formation-nav a { font-size:.7rem; }
  .curriculum-module { padding:1.5rem; }
  .formation-interlude { min-height:24rem; }
  .hero-art { min-height:29rem; }
  .content-card h2 { font-size:1.6rem; }
}
@media(prefers-reduced-motion:reduce) { [data-parallax-image] { transform:none !important; } }
