:root {
  --page-ink: #0a2c53;
  --page-ink-soft: #405b74;
  --page-paper: #fffdf8;
  --page-ivory: #f3f7fa;
  --page-mist: #e8f1f6;
  --page-sand: #d8e6ef;
  --page-blue: #1766ad;
  --page-gold: #6f9fc5;
  --page-line: rgba(10, 44, 83, 0.16);
}

body { background: var(--page-ivory); }
.pdp-header-link { display: inline-flex; padding: 10px 0; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 600; }
.pdp-actions { margin-top: 30px; display: flex; gap: 24px; flex-wrap: wrap; }
.pdp-actions a { padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 600; }
.global-main { overflow: clip; background: var(--page-ivory); }
.global-wrap { width: min(100% - 68px, var(--v3-page)); margin-inline: auto; }
.global-kicker { margin: 0 0 18px; color: var(--page-gold); font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.global-display { margin: 0; max-width: 900px; font-family: var(--v3-serif); font-size: clamp(58px, 7vw, 108px); font-weight: 400; line-height: .92; letter-spacing: -.04em; }
.global-title { margin: 0; max-width: 760px; font-family: var(--v3-serif); font-size: clamp(44px, 5vw, 72px); font-weight: 400; line-height: .96; letter-spacing: -.03em; }
.global-lede { max-width: 720px; margin: 28px 0 0; color: var(--page-ink-soft); font-size: 17px; line-height: 1.75; }
.global-link { display: inline-flex; margin-top: 28px; padding: 0 0 7px; border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 600; }

.global-hero { min-height: 680px; position: relative; display: grid; align-items: end; background: var(--page-ink); color: #fff; border-bottom: 4px solid var(--page-gold); }
.global-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.global-hero--story .global-hero__media { object-position: 50% 27%; }
.global-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,24,44,.72), rgba(4,24,44,.18) 62%, rgba(4,24,44,.08)); }
.global-hero__content { position: relative; z-index: 1; padding: 100px 0 86px; }
.global-hero .global-display { max-width: 790px; }
.global-hero .global-lede { max-width: 610px; color: rgba(255,255,255,.86); }

.global-intro { padding: 100px 0; background: var(--page-paper); }
.global-intro__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: start; }
.global-copy p { margin: 0 0 22px; color: var(--page-ink-soft); font-size: 16px; line-height: 1.8; }

.global-image-story { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 620px; background: var(--page-paper); border-top: 1px solid var(--page-line); }
.global-image-story--reverse { grid-template-columns: .92fr 1.08fr; }
.global-image-story__media { min-height: 620px; }
.global-image-story__media img { width: 100%; height: 100%; object-fit: cover; }
.global-image-story__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(56px, 8vw, 126px); }

.standards-visual { min-height: 590px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr); background: var(--page-ink); color: #fff; border-top: 1px solid var(--page-line); }
.standards-visual--reverse { grid-template-columns: minmax(360px, .65fr) minmax(0, 1.35fr); }
.standards-visual--light { background: var(--page-paper); color: var(--page-ink); }
.standards-visual__media { min-height: 590px; margin: 0; overflow: hidden; }
.standards-visual__media img { width: 100%; height: 100%; object-fit: cover; }
.standards-visual__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(54px, 6.5vw, 104px); }
.standards-visual:not(.standards-visual--light) .global-kicker { color: #9bc0dd; }
.standards-visual:not(.standards-visual--light) .global-lede { color: rgba(255,255,255,.78); }
.standards-visual__note { margin: 32px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.24); color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.65; }
.standards-visual--light .standards-visual__note { border-color: var(--page-line); color: var(--page-ink-soft); }

.global-section { padding: 96px 0; border-top: 1px solid var(--page-line); }
.global-section--mist { background: var(--page-mist); }
.global-section--paper { background: var(--page-paper); }
.global-section__head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; margin-bottom: 52px; }
.global-section__head .global-lede { margin: 0; }

.global-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.global-card { min-height: 300px; padding: 34px; background: var(--page-paper); border: 1px solid var(--page-line); }
.global-card__number { display: block; margin-bottom: 58px; color: var(--page-gold); font-size: 11px; font-weight: 600; letter-spacing: .14em; }
.global-card h3 { margin: 0 0 14px; font-family: var(--v3-serif); font-size: 34px; font-weight: 400; line-height: 1; }
.global-card p { margin: 0; color: var(--page-ink-soft); font-size: 14px; line-height: 1.7; }

.global-ledger { border-top: 1px solid var(--page-line); }
.global-ledger__row { min-height: 78px; display: grid; grid-template-columns: .9fr 1.5fr auto; gap: 36px; align-items: center; border-bottom: 1px solid var(--page-line); }
.global-ledger__row strong { font-family: var(--v3-serif); font-size: 24px; font-weight: 400; }
.global-ledger__row p { margin: 0; color: var(--page-ink-soft); font-size: 14px; line-height: 1.55; }
.global-ledger__status { color: var(--page-blue); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }

.global-products { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.global-product { display: flex; min-width: 0; flex-direction: column; background: var(--page-paper); border: 1px solid var(--page-line); color: inherit; }
.global-product__media { height: 300px; display: grid; place-items: end center; overflow: hidden; background: var(--product-paper, #edf4f8); border-top: 3px solid var(--product-accent, #1766ad); }
.global-product__media img { width: auto; max-width: 72%; height: 260px; max-height: calc(100% - 24px); object-fit: contain; object-position: center bottom; }
.global-product__body { padding: 24px 20px 26px; }
.global-product__body small { display: block; color: var(--product-accent, #1766ad); font-size: 9px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.global-product__body h3 { min-height: 62px; margin: 12px 0 10px; font-family: var(--v3-serif); font-size: 29px; font-weight: 400; line-height: 1; }
.global-product__body p { min-height: 44px; margin: 0; color: var(--page-ink-soft); font-size: 12px; line-height: 1.55; }
.global-product__body span { display: inline-flex; margin-top: 25px; padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: 11px; font-weight: 600; }
.v3-article__body { padding: 18px 0 0; }
.v3-article__body > p { margin: 0 0 10px; color: var(--page-ink-soft); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.v3-article__body h3 { margin: 0; }
.v3-article__body span { display: inline-flex; margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: 11px; }

.global-cta { padding: 82px 0; background: var(--page-ink); color: #fff; }
.global-cta__grid { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center; }
.global-cta .global-title { max-width: 800px; }
.global-cta__links { display: flex; gap: 16px; flex-wrap: wrap; }
.global-button { display: inline-flex; justify-content: center; padding: 14px 20px; border: 1px solid rgba(255,255,255,.55); color: #fff; font-size: 12px; font-weight: 600; }
.v3-site .global-button--light { background: #fff; color: var(--page-ink); }

.global-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.global-form__full { grid-column: 1 / -1; }
.global-field { display: grid; gap: 9px; }
.global-field label { font-size: 12px; font-weight: 600; }
.global-field input, .global-field select, .global-field textarea { width: 100%; padding: 14px; border: 1px solid var(--page-line); border-radius: 0; background: #fff; color: var(--page-ink); font: inherit; }
.global-form button { justify-self: start; padding: 14px 22px; border: 1px solid var(--page-ink); background: var(--page-ink); color: #fff; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.global-form__status { margin: 0; color: var(--page-ink-soft); font-size: 12px; line-height: 1.6; }
.global-contact-options { display: grid; gap: 16px; margin-top: 36px; }
.global-contact-option { padding: 20px 0; border-top: 1px solid var(--page-line); }
.global-contact-option strong { display: block; font-family: var(--v3-serif); font-size: 26px; font-weight: 400; }
.global-contact-option span { display: block; margin-top: 7px; color: var(--page-ink-soft); font-size: 13px; }

.legal-shell { padding: 92px 0 110px; background: var(--page-paper); }
.legal-layout { display: grid; grid-template-columns: 280px minmax(0, 760px); gap: 100px; align-items: start; }
.legal-nav { position: sticky; top: 30px; display: grid; gap: 12px; font-size: 12px; }
.legal-nav a { padding-bottom: 8px; border-bottom: 1px solid var(--page-line); }
.legal-content h1 { margin: 0 0 22px; font-family: var(--v3-serif); font-size: clamp(52px, 7vw, 84px); font-weight: 400; line-height: .95; }
.legal-content h2 { margin: 52px 0 16px; font-family: var(--v3-serif); font-size: 38px; font-weight: 400; line-height: 1; }
.legal-content p, .legal-content li { color: var(--page-ink-soft); font-size: 15px; line-height: 1.78; }
.legal-content ul { padding-left: 20px; }
.legal-updated { color: var(--page-gold) !important; font-size: 11px !important; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

.not-found { min-height: calc(100vh - 82px); display: grid; place-items: center; padding: 80px 34px; text-align: center; background: var(--page-mist); }
.not-found strong { display: block; color: var(--page-gold); font-family: var(--v3-serif); font-size: 120px; font-weight: 400; line-height: 1; }

.heritage {
  padding: 100px 0;
  background: var(--page-paper);
  border-top: 1px solid var(--page-line);
  border-bottom: 1px solid var(--page-line);
}
.heritage__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 92px; align-items: center; }
.heritage__seal { min-height: 430px; display: grid; place-items: center; background: transparent; border: 0; }
.heritage__seal img { width: min(74%, 320px); height: auto; object-fit: contain; }
.heritage__title { max-width: 780px; margin: 0; font-family: var(--v3-serif); font-size: clamp(54px, 6.3vw, 92px); font-weight: 400; line-height: .92; letter-spacing: -.04em; }
.heritage__copy { max-width: 680px; margin: 30px 0 0; color: var(--page-ink-soft); font-size: 16px; line-height: 1.78; }
.heritage__stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 42px; border-top: 1px solid var(--page-line); }
.heritage__stat { padding: 24px 22px 0 0; }
.heritage__stat strong { display: block; color: var(--page-gold); font-family: var(--v3-serif); font-size: 38px; font-weight: 500; line-height: 1; }
.heritage__stat span { display: block; margin-top: 9px; color: var(--page-ink-soft); font-size: 11px; line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; }
.brand-concept { padding: 96px 0; background: var(--page-ink); color: #fff; }
.brand-concept__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }
.brand-concept__formula { display: grid; grid-template-columns: 1fr auto 1fr; gap: 22px; align-items: center; }
.brand-concept__formula div { padding: 28px; border: 1px solid rgba(255,255,255,.22); }
.brand-concept__formula strong { display: block; color: #d8e8f3; font-family: var(--v3-serif); font-size: 46px; font-weight: 400; }
.brand-concept__formula span { display: block; margin-top: 8px; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.5; }
.brand-concept__plus { color: var(--page-gold); font-family: var(--v3-serif); font-size: 40px; }
.brand-concept .global-title { color: #fff; }
.brand-concept .global-lede { color: rgba(255,255,255,.76); }
.heritage-note { margin-top: 28px; padding: 18px 20px; border-left: 3px solid var(--page-gold); background: rgba(111,159,197,.12); color: var(--page-ink-soft); font-size: 13px; line-height: 1.65; }

@media (max-width: 1100px) {
  .global-products { grid-template-columns: repeat(2, 1fr); }
  .global-products .global-product:last-child { grid-column: 1 / -1; width: calc(50% - 7px); }
  .global-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 800px) {
  .global-wrap { width: min(100% - 40px, var(--v3-page)); }
  .global-hero { min-height: 690px; }
  .global-hero::after { background: linear-gradient(180deg, rgba(4,24,44,.16), rgba(4,24,44,.78)); }
  .global-hero__content { padding: 140px 0 58px; }
  .global-intro { padding: 72px 0; }
  .global-intro__grid, .global-section__head, .global-cta__grid, .legal-layout { grid-template-columns: 1fr; gap: 36px; }
  .global-image-story, .global-image-story--reverse { grid-template-columns: 1fr; }
  .global-image-story--reverse .global-image-story__media { order: -1; }
  .global-image-story__media { min-height: 430px; }
  .global-image-story__content { padding: 64px 24px 72px; }
  .standards-visual, .standards-visual--reverse { min-height: 0; grid-template-columns: 1fr; }
  .standards-visual--reverse .standards-visual__media { order: -1; }
  .standards-visual__media { min-height: 430px; }
  .standards-visual__content { padding: 64px 24px 72px; }
  .global-section { padding: 72px 0; }
  .global-cards { grid-template-columns: 1fr; }
  .global-ledger__row { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .global-ledger__status { white-space: normal; }
  .legal-nav { position: static; grid-template-columns: repeat(3, 1fr); }
  .pdp-header-link { display: none; }
  .heritage { padding: 72px 0; }
  .heritage__grid, .brand-concept__grid { grid-template-columns: 1fr; gap: 46px; }
  .heritage__seal { min-height: 300px; }
  .heritage__stats { grid-template-columns: 1fr; }
  .heritage__stat { padding: 20px 0; border-bottom: 1px solid var(--page-line); }
  .brand-concept__formula { grid-template-columns: 1fr; }
  .brand-concept__plus { text-align: center; }
}

@media (max-width: 560px) {
  .global-display { font-size: 56px; }
  .global-products { grid-template-columns: 1fr; }
  .global-products .global-product:last-child { grid-column: auto; width: auto; }
  .global-product__media { height: 270px; }
  .global-product__media img { width: auto; max-width: 68%; height: 220px; max-height: 220px; }
  .global-form { grid-template-columns: 1fr; }
  .global-form__full { grid-column: auto; }
  .global-cta__links { flex-direction: column; }
  .legal-nav { grid-template-columns: 1fr; }
  .global-hero--story .global-hero__media { object-position: 66% 26%; }
  .standards-visual__media { min-height: 330px; }
}
