
    :root{
      /* Navy + Seafoam + Sand (editorial/lifestyle) */
      --ytr-navy: #0B1F33;
      --ytr-ocean: #0F3A57;

      --ytr-seafoam: #CFEAE6;
      --ytr-seafoam-2: #A7DCD6;

      --ytr-sand: #E8DFCF;
      --ytr-sand-2: #D9CBB3;

      --ytr-foam: #F2FBFA;
      --ytr-gold: #CBA135;

      --ytr-ink: #0C1116;
      --ytr-muted: #4A5A6A;
      --ytr-line: rgba(12,17,22,0.12);
      --ytr-card: #FFFFFF;
      --ytr-shadow: 0 10px 30px rgba(11,31,51,0.12);

      --ytr-radius-xl: 22px;
      --ytr-radius-lg: 16px;
      --ytr-radius-md: 12px;

      --ytr-max: 1180px;
      --ytr-pad: 18px;

      --ytr-font-brand: "Cinzel", serif;
      --ytr-font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }

    body{
      margin:0;
      color:var(--ytr-ink);
      font-family:var(--ytr-font-body);

      /* Darker, moodier base background (less bright than prior) */
      background:
        radial-gradient(900px 520px at 12% -10%, rgba(167,220,214,0.26), transparent 60%),
        radial-gradient(900px 520px at 95% 0%, rgba(232,223,207,0.28), transparent 60%),
        radial-gradient(900px 520px at 65% 110%, rgba(11,31,51,0.12), transparent 58%),
        linear-gradient(180deg, #E8EEF1 0%, #F1F4F6 45%, #E9EEF1 100%);
    }

    a{ color:inherit; text-decoration:none; }
    a:hover{ text-decoration:underline; }
    img{ max-width:100%; height:auto; display:block; }

    .ytr-container{
      width:100%;
      max-width:var(--ytr-max);
      margin:0 auto;
      padding:0 var(--ytr-pad);
    }

    .ytr-sr-only{
      position:absolute!important;
      width:1px;height:1px;
      padding:0;margin:-1px;
      overflow:hidden;clip:rect(0,0,0,0);
      white-space:nowrap;border:0;
    }

    .ytr-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border-radius:999px;
      padding:12px 16px;
      font-weight:600;
      border:1px solid transparent;
      cursor:pointer;
      transition:transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
      text-decoration:none!important;
      user-select:none;
      -webkit-tap-highlight-color: transparent;
    }
    .ytr-btn:active{ transform:translateY(1px); }
    .ytr-btn-primary{
      background:linear-gradient(135deg, var(--ytr-ocean), var(--ytr-navy));
      color:#fff;
      box-shadow:0 10px 24px rgba(11,31,51,0.18);
    }
    .ytr-btn-primary:hover{ box-shadow:0 14px 34px rgba(11,31,51,0.22); }
    .ytr-btn-secondary{
      background:#fff;
      border-color:var(--ytr-line);
      color:var(--ytr-ink);
    }
    .ytr-btn-secondary:hover{ box-shadow:0 10px 22px rgba(11,31,51,0.10); }
    .ytr-btn-link{
      padding:10px 0;
      border:none;
      background:transparent;
      color:var(--ytr-ocean);
      font-weight:700;
    }

    /* ----------------------------
       Sitewide Header + Nav
    ---------------------------- */
    .ytr-header{
      position:sticky;
      top:0;
      z-index:50;
      backdrop-filter:saturate(160%) blur(12px);
      background:rgba(241,244,246,0.82);
      border-bottom:1px solid rgba(12,17,22,0.10);
    }
    .ytr-header__inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:12px 0;
    }
    .ytr-brand{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }
    .ytr-brand__mark{
      width:34px;height:34px;
      border-radius:10px;
      background:
        radial-gradient(18px 18px at 35% 30%, rgba(242,251,250,0.90), rgba(242,251,250,0.0)),
        linear-gradient(135deg, var(--ytr-seafoam-2), var(--ytr-navy));
      box-shadow:0 10px 20px rgba(11,31,51,0.16);
      flex:0 0 auto;
    }
    .ytr-brand__name{
      font-family:var(--ytr-font-brand);
      font-weight:700;
      letter-spacing:0.02em;
      font-size:18px;
      line-height:1.1;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .ytr-brand__tag{
      font-size:12px;
      color:var(--ytr-muted);
      margin-top:2px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .ytr-nav{
      display:flex;
      align-items:center;
      gap:18px;
    }
    .ytr-nav__links{
      display:flex;
      align-items:center;
      gap:14px;
    }
    .ytr-nav__link{
      font-weight:800;
      font-size:14px;
      color:rgba(12,17,22,0.82);
      padding:10px 10px;
      border-radius:999px;
      text-decoration:none!important;
    }
    .ytr-nav__link:hover{
      background:rgba(167,220,214,0.22);
    }
    .ytr-nav__link.is-active{
      background:rgba(232,223,207,0.70);
      color:var(--ytr-ink);
      border:1px solid rgba(12,17,22,0.12);
    }

    .ytr-nav__actions{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .ytr-nav__hamburger{
      display:none;
      width:42px;height:42px;
      border-radius:999px;
      border:1px solid rgba(12,17,22,0.16);
      background:#fff;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }
    .ytr-nav__hamburger svg{ width:20px;height:20px; }

    /* Mobile drawer */
    .ytr-drawer{
      position:fixed;
      inset:0;
      z-index:80;
      display:none;
    }
    .ytr-drawer.is-open{ display:block; }
    .ytr-drawer__backdrop{
      position:absolute; inset:0;
      background:rgba(11,31,51,0.45);
    }
    .ytr-drawer__panel{
      position:absolute;
      top:0; right:0;
      width:min(380px, 92vw);
      height:100%;
      background:#fff;
      border-left:1px solid rgba(12,17,22,0.10);
      box-shadow: var(--ytr-shadow);
      display:flex;
      flex-direction:column;
    }
    .ytr-drawer__top{
      padding:14px 14px 10px 14px;
      border-bottom:1px solid rgba(12,17,22,0.08);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }
    .ytr-drawer__close{
      width:42px;height:42px;
      border-radius:999px;
      border:1px solid rgba(12,17,22,0.14);
      background:#fff;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .ytr-drawer__content{
      padding:14px;
      overflow:auto;
    }
    .ytr-drawer__section{
      padding:10px 0 14px 0;
      border-bottom:1px solid rgba(12,17,22,0.08);
    }
    .ytr-drawer__label{
      font-size:12px;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:var(--ytr-muted);
      margin:0 0 8px 0;
      font-weight:900;
    }
    .ytr-drawer__link{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 10px;
      border-radius:14px;
      font-weight:800;
      text-decoration:none!important;
    }
    .ytr-drawer__link:hover{ background:rgba(167,220,214,0.22); }
    .ytr-drawer__link.is-active{ background:rgba(232,223,207,0.70); border:1px solid rgba(12,17,22,0.12); }

    /* ----------------------------
       Hero
    ---------------------------- */
    .ytr-hero{
      padding:34px 0 20px 0;
    }
    .ytr-hero__grid{
      display:grid;
      grid-template-columns: 1.25fr 0.75fr;
      gap:18px;
      align-items:stretch;
    }
    .ytr-hero__card{
      background:
        radial-gradient(520px 320px at 20% 20%, rgba(167,220,214,0.30), transparent 60%),
        radial-gradient(520px 320px at 90% 20%, rgba(232,223,207,0.34), transparent 60%),
        linear-gradient(135deg, rgba(15,58,87,0.06), rgba(11,31,51,0.03));
      border:1px solid rgba(12,17,22,0.12);
      border-radius:var(--ytr-radius-xl);
      padding:22px;
      box-shadow:0 14px 36px rgba(11,31,51,0.10);
      overflow:hidden;
      position:relative;
    }
    .ytr-hero__kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-weight:900;
      font-size:12px;
      letter-spacing:0.10em;
      text-transform:uppercase;
      color:var(--ytr-ocean);
      margin-bottom:10px;
    }
    .ytr-hero__title{
      font-size: clamp(28px, 4.2vw, 44px);
      line-height:1.08;
      margin:0 0 12px 0;
      letter-spacing:-0.02em;
    }
    .ytr-hero__lead{
      margin:0 0 18px 0;
      color:rgba(12,17,22,0.76);
      font-size:16px;
      line-height:1.55;
      max-width:66ch;
    }
    .ytr-hero__cta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }

    .ytr-hero__side{
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .ytr-mini{
      background:#fff;
      border:1px solid rgba(12,17,22,0.12);
      border-radius:var(--ytr-radius-lg);
      padding:16px;
      box-shadow:0 12px 28px rgba(11,31,51,0.08);
    }
    .ytr-mini__title{
      margin:0 0 6px 0;
      font-weight:900;
      letter-spacing:-0.01em;
    }
    .ytr-mini__text{
      margin:0 0 12px 0;
      color:rgba(12,17,22,0.72);
      font-size:14px;
      line-height:1.5;
    }
    .ytr-mini__meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      color:var(--ytr-muted);
      font-size:12px;
      font-weight:800;
    }

    /* ----------------------------
       Homepage Sections
    ---------------------------- */
    .ytr-section{
      padding:18px 0 10px 0;
    }
    .ytr-section__head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:14px;
      margin-bottom:12px;
    }
    .ytr-section__title{
      margin:0;
      font-size:18px;
      letter-spacing:-0.01em;
      font-weight:900;
    }
    .ytr-section__desc{
      margin:0;
      color:rgba(12,17,22,0.68);
      font-size:14px;
      line-height:1.5;
      max-width:78ch;
    }
    .ytr-grid{
      display:grid;
      grid-template-columns: repeat(12, 1fr);
      gap:14px;
    }

    .ytr-card{
      background:var(--ytr-card);
      border:1px solid rgba(12,17,22,0.12);
      border-radius:var(--ytr-radius-lg);
      overflow:hidden;
      box-shadow:0 12px 30px rgba(11,31,51,0.08);
      min-height:100%;
    }
    .ytr-card__media{
      height:160px;
      background:
        radial-gradient(320px 200px at 20% 20%, rgba(167,220,214,0.52), transparent 62%),
        radial-gradient(320px 200px at 80% 25%, rgba(232,223,207,0.56), transparent 62%),
        linear-gradient(135deg, rgba(11,31,51,0.85), rgba(15,58,87,0.70));
    }
    .ytr-card__body{
      padding:14px;
    }
    .ytr-card__eyebrow{
      display:flex;
      gap:8px;
      align-items:center;
      margin-bottom:8px;
      color:var(--ytr-muted);
      font-size:12px;
      font-weight:900;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }
    .ytr-card__title{
      margin:0 0 8px 0;
      font-size:16px;
      line-height:1.25;
      letter-spacing:-0.01em;
      font-weight:900;
    }
    .ytr-card__text{
      margin:0 0 12px 0;
      color:rgba(12,17,22,0.72);
      font-size:14px;
      line-height:1.55;
    }
    .ytr-card__meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      color:var(--ytr-muted);
      font-size:12px;
      font-weight:800;
    }

    .ytr-col-4{ grid-column: span 4; }
    .ytr-col-6{ grid-column: span 6; }
    .ytr-col-12{ grid-column: span 12; }

    .ytr-pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(12,17,22,0.12);
      background:rgba(242,251,250,0.88);
      font-weight:900;
      font-size:12px;
      color:rgba(12,17,22,0.74);
    }

    /* Newsletter / CTA band */
    .ytr-band{
      margin:18px 0 4px 0;
      border-radius:var(--ytr-radius-xl);
      background:
        radial-gradient(520px 320px at 18% 20%, rgba(167,220,214,0.24), transparent 60%),
        radial-gradient(520px 320px at 90% 25%, rgba(232,223,207,0.22), transparent 60%),
        linear-gradient(135deg, rgba(11,31,51,0.92), rgba(15,58,87,0.92));
      color:#fff;
      padding:18px;
      border:1px solid rgba(255,255,255,0.12);
      box-shadow:0 18px 44px rgba(11,31,51,0.20);
    }
    .ytr-band__grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      align-items:center;
    }
    .ytr-band__title{
      margin:0 0 6px 0;
      font-size:18px;
      letter-spacing:-0.01em;
      font-weight:900;
    }
    .ytr-band__text{
      margin:0;
      color:rgba(255,255,255,0.84);
      line-height:1.55;
      font-size:14px;
    }
    .ytr-form{
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
    }
    .ytr-input{
      width:min(320px, 100%);
      padding:12px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,0.18);
      background:rgba(255,255,255,0.10);
      color:#fff;
      outline:none;
    }
    .ytr-input::placeholder{ color:rgba(255,255,255,0.70); }
    .ytr-btn-on-dark{
      background:linear-gradient(135deg, var(--ytr-sand), var(--ytr-sand-2));
      color:#1A1406;
      border:1px solid rgba(255,255,255,0.16);
      font-weight:900;
    }

    /* ----------------------------
       Footer (Sitemap-style, nav in 2 columns)
    ---------------------------- */
    .ytr-footer{
      margin-top:28px;
      border-top:1px solid rgba(12,17,22,0.12);
      background:
        radial-gradient(900px 520px at 10% 110%, rgba(167,220,214,0.14), transparent 60%),
        linear-gradient(180deg, rgba(11,31,51,0.04) 0%, rgba(241,244,246,1) 55%);
    }
    .ytr-footer__top{
      padding:26px 0 18px 0;
    }
    .ytr-footer__grid{
      display:grid;
      grid-template-columns: 1.2fr 1.8fr;
      gap:18px;
      align-items:start;
    }
    .ytr-footer__brand{
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .ytr-footer__headline{
      font-family:var(--ytr-font-brand);
      font-size:18px;
      margin:0;
      letter-spacing:0.02em;
    }
    .ytr-footer__blurb{
      margin:0;
      color:rgba(12,17,22,0.70);
      line-height:1.6;
      font-size:14px;
      max-width:52ch;
    }
    .ytr-footer__meta{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      align-items:center;
    }
    .ytr-footer__meta a{
      color:rgba(12,17,22,0.72);
      font-weight:900;
      text-decoration:none!important;
    }
    .ytr-footer__meta a:hover{ text-decoration:underline!important; }

    .ytr-footer__navgrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:16px;
    }
    .ytr-footer__col h4{
      margin:0 0 10px 0;
      font-size:13px;
      letter-spacing:0.10em;
      text-transform:uppercase;
      color:rgba(12,17,22,0.62);
      font-weight:900;
    }
    .ytr-footer__links{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .ytr-footer__links a{
      color:rgba(12,17,22,0.82);
      font-weight:800;
      font-size:14px;
      text-decoration:none!important;
    }
    .ytr-footer__links a:hover{ text-decoration:underline!important; }

    .ytr-footer__bottom{
      border-top:1px solid rgba(12,17,22,0.12);
      padding:14px 0;
      color:rgba(12,17,22,0.62);
      font-size:12px;
    }
    .ytr-footer__bottomInner{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      justify-content:space-between;
    }

    /* ----------------------------
       Responsive
    ---------------------------- */
    @media (max-width: 980px){
      .ytr-hero__grid{ grid-template-columns: 1fr; }
      .ytr-band__grid{ grid-template-columns: 1fr; }
      .ytr-form{ justify-content:flex-start; }
      .ytr-col-4{ grid-column: span 6; }
      .ytr-col-6{ grid-column: span 12; }
      .ytr-footer__grid{ grid-template-columns: 1fr; }
    }
    @media (max-width: 720px){
      .ytr-nav__links{ display:none; }
      .ytr-nav__hamburger{ display:inline-flex; }

      /* Hide Contact button on mobile header (per your requirement) */
      .ytr-nav__actions .ytr-btn-secondary{ display:none; }

      .ytr-col-4{ grid-column: span 12; }
      .ytr-footer__navgrid{ grid-template-columns: 1fr; }
      .ytr-hero{ padding-top:22px; }
    }
.ytr-alert{
  max-width: 1180px;
  margin: 18px auto 0 auto;
  padding: 0 18px;
}

.ytr-alert__inner{
  border: 1px solid rgba(12,17,22,0.12);
  background: rgba(167,220,214,0.35);
  border-radius: 16px;
  padding: 14px 16px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color: rgba(12,17,22,0.85);
  font-weight:600;
}

.ytr-alert__dismiss{
  font-weight:900;
  text-decoration:none;
}

.ytr-alert__dismiss:hover{
  text-decoration:underline;
}

