* {
        box-sizing:border-box
      }
      body {
        margin:0;
        background:#f7f5ec;
        color:#202821;
        font:16px/1.7 'DM Sans',Arial,sans-serif
      }
      .top {
        height:8px;
        background:#123d31
      }
      header {
        position:sticky;
        top:0;
        background:#111514;
        z-index:3;
        box-shadow:0 3px 12px #1112
      }
      .head {
        max-width:1320px;
        height:54px;
        margin:auto;
        padding:0 18px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px
      }
      .brand {
        display:flex;
        align-items:center;
        gap:10px;
        flex:0 0 auto;
        color:#fff;
        font:500 15px 'Playfair Display',Georgia,serif;
        text-decoration:none;
        white-space:nowrap
      }
      .brand-mark {
        width:32px;
        height:32px;
        flex:0 0 32px;
        border-radius:50%;
        display:block;
        object-fit:contain;
        background:#fff
      }
      .brand small {
        display:block;
        margin-top:1px;
        color:#bdc4bd;
        font:9px 'DM Sans',Arial,sans-serif;
        letter-spacing:.14em;
        text-transform:uppercase
      }
      nav {
        display:flex;
        align-items:stretch;
        overflow-x:auto;
        scrollbar-width:none;
        white-space:nowrap
      }
      nav::-webkit-scrollbar {
        display:none
      }
      nav a {
        color:#f2f3ef;
        text-decoration:none;
        padding:18px 10px;
        font-size:12px
      }
      nav a:hover,nav a.active {
        background:#303431;
        color:white
      }
      .wrap {
        max-width:1180px;
        margin:26px auto 76px;
        padding:0 24px
      }
      .cover {
        min-height:260px;
        padding:46px;
        border-radius:18px;
        background:linear-gradient(90deg,#102a22e8,#102a2250),url('../Photos/WhatsApp%20Image%202026-10-08%20at%2023.00.12.jpeg') center 30%/cover;
        display:flex;
        align-items:end;
        color:white
      }
      .cover h1 {
        font:600 clamp(36px,6vw,58px)/1.12 'Playfair Display',Georgia,serif;
        margin:0
      }
      .kicker {
        color:#b89952;
        text-transform:uppercase;
        letter-spacing:.18em;
        font-size:11px;
        font-weight:700
      }

      body {
        min-height:100vh;
        display:flex;
        flex-direction:column
      }
      main.wrap {
        width:100%;
        flex:1
      }
      @media (max-width:900px) {
        .head { gap:8px }
        .brand { font-size:13px }
        .brand small { display:none }
        nav a { padding:18px 7px; font-size:11px }
      }
      @media (max-width:767px) {
        .head {
          height:auto;
          min-height:54px;
          padding-top:8px;
          padding-bottom:8px;
          flex-direction:column;
          align-items:stretch;
          gap:4px
        }
        .brand { font-size:15px }
        nav { width:100%; max-width:100% }
        nav a { padding:12px 10px; font-size:12px }
        .wrap { padding:0 14px; margin-top:18px }
        .cover { min-height:220px; padding:25px }
      }
      @media (max-width:380px) {
        .wrap { padding:0 12px }
        .cover { padding:22px 18px }
      }