:root{
      --ink:#1d1a16;
      --ink-2:#2a251f;
      --paper:#f4efe5;
      --paper-2:#e9dfcf;
      --gold:#a9823e;
      --gold-2:#c5a45f;
      --line:rgba(169,130,62,.35);
      --shadow:0 24px 70px rgba(25,20,14,.14);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 15% 20%, rgba(197,164,95,.10), transparent 30%),
        linear-gradient(135deg,var(--paper),#f8f4ec 45%,var(--paper-2));
      min-height:100vh;
    }
    a{color:inherit}
    .shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
    header{
      width:min(1180px,calc(100% - 36px));
      margin:0 auto;
      padding:28px 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }
    .brand-mini{display:flex;align-items:center;gap:14px;text-decoration:none}
    .brand-mini img{width:48px;height:48px;object-fit:contain}
    .brand-mini strong{font-family:Georgia,"Times New Roman",serif;letter-spacing:.12em;font-size:15px}
    .brand-mini span{display:block;margin-top:3px;font-size:11px;letter-spacing:.18em;color:#6d5d46}
    .top-cta{
      text-decoration:none;
      padding:12px 18px;
      border:1px solid var(--line);
      border-radius:999px;
      background:rgba(255,255,255,.45);
      backdrop-filter:blur(10px);
      font-size:14px;
    }
    main{display:grid;place-items:center;padding:36px 18px 70px}
    .card{
      width:min(1080px,100%);
      display:grid;
      grid-template-columns:1.05fr .95fr;
      overflow:hidden;
      border-radius:30px;
      background:rgba(255,255,255,.58);
      border:1px solid rgba(255,255,255,.75);
      box-shadow:var(--shadow);
      backdrop-filter:blur(16px);
    }
    .left{padding:72px 72px 64px}
    .logo{width:min(430px,100%);height:auto;display:block;margin-bottom:42px}
    .eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#8c6d35;margin-bottom:14px}
    h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0 0 18px;letter-spacing:-.02em}
    .lead{font-size:18px;line-height:1.75;color:#544b40;max-width:620px;margin:0 0 34px}
    .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      text-decoration:none;font-weight:650;font-size:15px;
      padding:14px 18px;border-radius:14px;border:1px solid transparent;transition:.18s ease;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn.primary{background:var(--ink);color:white;box-shadow:0 12px 28px rgba(0,0,0,.14)}
    .btn.gold{background:var(--gold);color:white}
    .btn.ghost{border-color:var(--line);background:rgba(255,255,255,.55)}
    .right{
      position:relative;
      background:
        linear-gradient(rgba(24,21,18,.90),rgba(24,21,18,.92)),
        radial-gradient(circle at 80% 10%,rgba(197,164,95,.35),transparent 36%);
      color:#f8f4ec;
      padding:72px 52px 54px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height:620px;
    }
    .right:before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(135deg,transparent 0 58%,rgba(197,164,95,.06) 58% 59%,transparent 59% 100%);
      pointer-events:none;
    }
    .contact-title{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500;margin:0 0 28px}
    .contact-list{display:grid;gap:20px;position:relative;z-index:1}
    .item{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
    .item small{display:block;color:#cdbb9a;letter-spacing:.18em;text-transform:uppercase;font-size:10px;margin-bottom:7px}
    .item a,.item div{font-size:16px;line-height:1.55;text-decoration:none}
    .note{margin-top:34px;font-size:13px;line-height:1.7;color:#cfc6b8;position:relative;z-index:1}
    .signature{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.08em;color:#d6b66d;position:relative;z-index:1}
    footer{padding:0 18px 30px;text-align:center;font-size:12px;color:#766b5d}
    @media(max-width:860px){
      header{padding-top:20px}.brand-mini span{display:none}
      .card{grid-template-columns:1fr;border-radius:24px}
      .left{padding:46px 28px 38px}
      .right{padding:42px 28px;min-height:auto}
      .logo{width:min(360px,90%);margin-bottom:32px}
      .actions{display:grid;grid-template-columns:1fr 1fr}
      .btn{width:100%}
    }
    @media(max-width:520px){
      header{width:min(100% - 24px,1180px)}
      .top-cta{padding:10px 13px;font-size:13px}
      main{padding:18px 12px 42px}
      .card{border-radius:20px}
      .left,.right{padding-left:22px;padding-right:22px}
      .actions{grid-template-columns:1fr}
      .lead{font-size:16px}
      .brand-mini strong{font-size:13px}
    }
  
.wordmark{margin:0 0 42px;color:#80602c;font-family:Georgia,serif;letter-spacing:.13em;font-size:clamp(28px,5vw,44px)}
.wordmark small{display:block;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.22em;margin-top:12px}
.item a{overflow-wrap:anywhere}
a:focus-visible{outline:3px solid #a9823e;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}