/* MCR website / navy reading palette. Print masters retain their own white paper design. */
@media screen {
  :root {
    color-scheme: dark;
    --paper:#0C1D2B;
    --white:#142D40;
    --ink:#D2DDE3;
    --muted:#ACBEC9;
    --line:#304B5D;
    --mint:#142D40;
    --teal:#91C9C2;
    --heading:#E2EBEE;
    --surface:#112737;
    --action:#AFD6CF;
  }
  body { background:var(--paper);color:var(--ink); }
  h1,h2,h3,h4,.price,summary,.text-link,.brand,#max,.print { color:var(--heading); }
  h1,h2 { font-weight:500; }
  a { color:var(--teal); }
  .button,nav .button {
    color:#102837;background:var(--action);border-color:var(--action);
  }
  .button:hover,nav .button:hover { color:#102837;background:#C2E0DA;border-color:#C2E0DA; }
  .text-link:hover { color:#B6DCD6; }
  .site-header {
    color-scheme:light;
    --heading:#142D40;--ink:#223645;--muted:#526675;
    --line:#DCE5E9;--teal:#087D83;
    background:#FFFFFF;color:var(--ink);
  }
  .site-header .mcr-logo-frame { background:transparent;border-radius:0; }
  .site-header nav .button { background:#142D40;border-color:#142D40;color:#FFFFFF; }
  .site-header nav .button:hover { background:#24485D;border-color:#24485D;color:#FFFFFF; }
  .brand { gap:12px; }
  .mcr-logo-frame { background:#D5DFE0;border-radius:3px; }
  nav>a { color:var(--ink); }
  nav>a:hover { color:var(--teal); }
  .hero {
    width:100%;max-width:1536px;grid-template-columns:1.1fr 1fr;
    gap:0;padding:0;background:#102B3E;align-items:stretch;
  }
  .hero-copy { padding:72px 9% 48px; }
  .hero h1 { font-size:clamp(46px,5.2vw,76px);letter-spacing:-2.6px;line-height:1.08; }
  .hero .lead { color:#D7E2E7;max-width:460px; }
  .hero-copy>p:not(.lead):not(.eyebrow) { color:#AEC2CE;max-width:460px; }
  .hero .eyebrow { color:#ABD4CD; }
  .hero .actions { margin-top:32px;gap:18px 24px; }
  .hero-note { border-top:1px solid #365367;padding-top:22px;margin-top:36px; }
  .hero-image { height:auto;min-height:560px; }
  .hero-image img { position:absolute;inset:0;height:100%;object-position:50% 50%;filter:brightness(.82); }
  .hero-image figcaption { background:#0D2434;color:#CBDDE5; }
  .product {
    color-scheme:light;
    --heading:#142D40;--ink:#223645;--muted:#526675;
    --line:#CED9DE;--teal:#087D83;
    background:#FAFAF8;color:var(--ink);border-top-color:var(--teal);
  }
  .product .button { background:#142D40;border-color:#142D40;color:#F4F8F7; }
  .product .button:hover { background:#24485D;border-color:#24485D;color:#F4F8F7; }
  .product details p { color:var(--muted); }
  .sample { background:#102535; }
  .sample .eyebrow,.sample figcaption>span,.contact .eyebrow { color:var(--teal); }
  .preview-grid img { border-color:#4B6271;filter:brightness(.82); }
  .preview-grid a:hover img,.preview-grid a:focus-visible img { filter:brightness(.92); }
  .calculator { border-top-color:var(--line); }
  .report { background:var(--paper); }
  .results { background:#173444; }
  .result-row { border-top-color:#3F5C6B; }
  .contact { background:#102B3C; }
  input,select,textarea {
    color:var(--ink);background:#0D2130;border-color:#6E899A;
  }
  input::placeholder,textarea::placeholder { color:#A1B5C2;opacity:1; }
  .site-footer { background:var(--paper); }
  .whatsapp-floating { box-shadow:0 3px 16px #0004;border:1px solid #64B5A9; }
  .skip { background:var(--action);color:#102837; }
}
@media screen and (max-width:1000px) {
  .hero-copy { padding:56px 8% 40px; }
  .hero h1 { font-size:52px; }
  .hero-image { min-height:580px; }
  .brand { gap:8px; }
}
@media screen and (max-width:780px) {
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:48px 32px 40px; }
  .hero h1 { font-size:54px;max-width:620px; }
  .hero-copy>p,.hero .lead { max-width:600px; }
  .hero-image { height:340px;min-height:0; }
  .hero-image img { object-position:50% 48%; }
}
@media screen and (max-width:600px) {
  .hero-copy { padding:40px 24px 32px; }
  .hero h1 { font-size:42px;letter-spacing:-1.5px; }
  .hero .lead { font-size:18px; }
  .hero .actions { margin-top:24px; }
  .hero-note { margin-top:28px; }
  .hero-image { height:280px; }
  .hero-image figcaption { padding:16px 24px; }
  .brand { gap:8px; }
  .mcr-logo-frame { width:94px;height:42px; }
}
/* Booking content shares the product-card contrast. */
.booking-panel{padding:28px;color:#142d40}
.booking-panel h2{color:#142d40;font-size:32px;line-height:1.2;margin:12px 0}
.booking-panel p,.booking-panel .note{color:#42576a}
.booking-panel .eyebrow,.booking-panel a{color:#21686c}
.booking-panel .booking-frame{display:block;margin-top:24px}
@media(max-width:700px){.booking-panel{padding:20px 12px}.booking-panel h2{font-size:28px}.booking-panel .booking-frame{height:1000px}}