/* Fonts */
  @font-face{font-family:"Euclid Circular A";src:url("../font/EuclidCircularA-Medium.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
  @font-face{font-family:"Euclid Circular A";src:url("../font/EuclidCircularA-SemiBold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap;}
  @font-face{font-family:"Baskerville Custom";src:url("../font/baskervi.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap;}
  @font-face{font-family:"Baskerville Custom";src:url("../font/BaskervilleBoldItalicBT.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap;}

  :root{
    --page-bg:#fffbf5;
    --brand:#c79a5a;
    --theme:#a95917;
    --text:#1d1d1f;
    --muted:#6a6a6a;

    --side-gap: clamp(16px, 6vw, 5rem);
    --nav-h:88px;
    --ease:cubic-bezier(.22,1,.36,1);
  }

  *,*::before,*::after{ box-sizing:border-box; }
  html,body{ height:100%; overflow-x:hidden; }
  body{
    margin:0;
    background:var(--page-bg);
    color:var(--text);
    font-family:"Euclid Circular A", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }

  /* Header */
  .page-header{
    padding: calc(var(--nav-h) * 0.35) var(--side-gap) 8px;
  }

  .animate-title {
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: titleFadeUp 1.3s var(--ease) forwards;
  }

  @keyframes titleFadeUp {
    0% { opacity: 0; transform: translateY(20px); letter-spacing: 0.04em; }
    60% { opacity: 1; transform: translateY(0); letter-spacing: 0.02em; }
    100% { opacity: 1; transform: translateY(0); letter-spacing: normal; }
  }

  .animate-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, var(--brand), #e8c08f);
    animation: underlineSlide 1.8s 0.8s ease-out forwards;
    border-radius: 999px;
  }
  @keyframes underlineSlide { to { width: 100%; } }
  
  .brand-title{
    font-family:"Libre Baskerville", Georgia, serif;
    font-weight:700;
    color:var(--theme);
    font-size: clamp(28px, 4vw, 44px);
    margin:0 0 6px;
    font-style: italic;
  }
  .subnote{ margin:0; color:var(--muted); font-size:12px; letter-spacing:.02em; }

  /* Content area */
  .wrap{
    width:min(1200px, 100%);
    margin:0 auto;
    padding:18px var(--side-gap) 72px;
    font-family: "Euclid Circular A";
  }

  /* Headings */
  h2{
    font-family:"Euclid Circular A";
    font-weight:500;
    letter-spacing:.01em;
    font-size: clamp(20px, 2.6vw, 32px);
    margin: 30px 0 8px;
    color:var(--theme);
  }
  h3{
    font-weight:700;
    font-size: clamp(14px, 2vw, 18px);
    margin: 16px 0 4px;
    color:var(--theme);
  }
  strong{
    font-size: 20px;
    color: var(--muted);
  }

  /* Text & lists */
  p, li{
    font-family: "Euclid Circular A";
    color:#a0a0a0;
    font-size:16px;
    font-weight:400;
    letter-spacing:.02em;
    line-height:1.8;
  }
  ol, ul{ margin:6px 0 14px 1.2rem; }
  li{ margin:4px 0; }

  .rule{ height:1px; background:#efd9bd; border:0; margin:24px 0; }

  footer{
    padding:16px var(--side-gap);
    text-align:center;
    font-size:12px;
    color:#fff;
    background:var(--brand);
  }

  /* WhatsApp Button */
  .fab-wrap{
    position:fixed; right:clamp(30px, 2vw, 20px); bottom:clamp(14px, 2vw, 20px);
    z-index:9999; display:flex; flex-direction:column; gap:14px; pointer-events:none;
  }
  .fab-btn{
    width:70px; height:70px; border-radius:50%; background:#25D366;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 26px rgba(0,0,0,.25);
    transition:transform .25s var(--ease), box-shadow .25s var(--ease);
    pointer-events:auto; color:#fff; text-decoration:none;
  }
  .fab-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(0,0,0,.33); }
  .fab-btn i{ font-size:30px; }
  @media (max-width:600px){ .fab-btn{ width:50px; height:50px; } .fab-btn i{ font-size:22px; } }