:root {
      --ink:#151515;
      --gold:#cdb890;
      --header-h:53px;
    }

    * { box-sizing:border-box; }
    html,body { margin:0; padding:0; width:100%; min-height:100%; }
    html { scroll-behavior:smooth; }
    body {
      background:#fff;
      color:var(--ink);
      font-family:"IBM Plex Sans",Arial,sans-serif;
      font-weight:300;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a { color:inherit; text-decoration:none; }
    button,input,textarea { font:inherit; }

    .page { width:100%; min-height:100vh; background:#fff; }

    .site-header {
      height:var(--header-h);
      width:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      position:relative;
      z-index:20;
    }
    .nav {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:26px;
      list-style:none;
      margin:0;
      padding:0;
    }
    .nav a {
      display:inline-flex;
      align-items:center;
      padding:0;
      font-family:"Roboto Mono",monospace;
      font-size:12.65px;
      line-height:1;
      font-weight:500;
      letter-spacing:2px;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .nav .active a { color:#9a8561; }
    .menu-toggle { display:none; }

    /* Clayton contact layout without the original featured image. */
    .contact-main {
      width:100%;
      padding:78px 24px 0;
    }
    .contact-inner {
      width:100%;
      max-width:700px;
      margin:0 auto;
      text-align:center;
    }
    .contact-rule {
      width:2px;
      height:58px;
      margin:0 auto 50px;
      background:var(--gold);
    }
    .contact-title {
      margin:0 0 22px;
      font-family:"IBM Plex Sans",Arial,sans-serif;
      font-size:36px;
      line-height:1.25;
      font-weight:300;
      letter-spacing:0;
      color:#111;
    }
    .contact-copy {
      max-width:650px;
      margin:0 auto 54px;
      font-size:16px;
      line-height:24px;
      font-weight:300;
      color:#151515;
    }

    .contact-form {
      width:100%;
      max-width:610px;
      margin:0 auto;
      text-align:left;
    }
    .field {
      margin:0 0 28px;
    }
    .field label {
      display:block;
      margin:0 0 10px;
      font-size:15px;
      line-height:22px;
      font-weight:300;
      color:#111;
    }
    .field input,
    .field select,
    .field textarea {
      width:100%;
      display:block;
      border:1px solid #d9d9d9;
      border-radius:0;
      background:#fff;
      color:#111;
      outline:none;
      transition:border-color .2s ease;
    }
    .field input,
    .field select,
    .field textarea { appearance:none; }
    .field input {
      height:48px;
      padding:0 14px;
      font-size:16px;
    }
    .field select {
      height:48px;
      padding:0 14px;
      font-size:16px;
      font-family:"IBM Plex Sans",Arial,sans-serif;
      font-weight:300;
      cursor:pointer;
      background-image:linear-gradient(45deg,transparent 50%,#a99671 50%),linear-gradient(135deg,#a99671 50%,transparent 50%);
      background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;
      background-size:5px 5px,5px 5px;
      background-repeat:no-repeat;
    }
    .field textarea {
      min-height:168px;
      resize:vertical;
      padding:13px 14px;
      font-size:16px;
      line-height:24px;
    }
    .field input:focus,
    .field select:focus,
    .field textarea:focus { border-color:#a99671; }

    .form-actions {
      display:flex;
      justify-content:flex-start;
      margin-top:2px;
    }
    .send-button {
      min-width:116px;
      height:43px;
      padding:0 24px;
      border:1px solid #111;
      border-radius:0;
      background:#111;
      color:#fff;
      font-family:"Roboto Mono",monospace;
      font-size:11px;
      line-height:1;
      font-weight:500;
      letter-spacing:2px;
      text-transform:uppercase;
      cursor:pointer;
      transition:background .2s ease,border-color .2s ease,color .2s ease;
    }
    @media (hover:hover) and (pointer:fine) {
      .send-button:hover {
        background:var(--gold);
        border-color:var(--gold);
        color:#fff;
      }
    }

    .form-note {
      min-height:24px;
      margin:15px 0 0;
      font-size:16px;
      line-height:25px;
      color:#777;
    }

    .instagram {
      padding-top:126px;
      text-align:center;
    }
    .instagram-title {
      margin:0 auto;
      font-family:"Roboto Mono",monospace;
      font-size:12px;
      line-height:1;
      font-weight:500;
      letter-spacing:4px;
      text-transform:uppercase;
      color:var(--gold);
    }
    .social-icons {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:20px;
      margin:78px 0 35px;
    }
    .social-icons a {
      width:25px;
      height:25px;
      display:grid;
      place-items:center;
      color:#000;
    }
    .social-icons svg { width:23px; height:23px; display:block; fill:currentColor; }
    .social-icons .stroke-icon {
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .footer {
      display:flex;
      align-items:center;
      justify-content:center;
      padding:0 30px 28px;
      font-size:14px;
      line-height:20px;
      font-weight:300;
      text-align:center;
      color:#000;
    }
    .footer strong { font-weight:400; }
    .footer a { color:inherit; font-weight:400; text-decoration:none; }

    .chat-panel-wrap {
      --panel-w:310px;
      position:fixed;
      z-index:60;
      top:0;
      right:0;
      width:var(--panel-w);
      height:100vh;
      transform:translateX(100%);
      transition:transform .42s cubic-bezier(.22,.61,.36,1);
      will-change:transform;
    }
    .chat-panel-wrap.open { transform:translateX(0); }
    .chat-launcher {
      position:absolute;
      left:-60px;
      top:31.2vh;
      width:60px;
      height:60px;
      display:grid;
      place-items:center;
      background:#fff;
      border:0;
      padding:0;
      cursor:pointer;
      box-shadow:-4px 2px 10px rgba(0,0,0,.08);
    }
    .chat-launcher svg {
      width:27px;
      height:27px;
      fill:none;
      stroke:#050505;
      stroke-width:1.8;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .chat-panel {
      width:100%;
      height:100%;
      overflow-y:auto;
      background:#fff;
      box-shadow:-7px 0 18px rgba(0,0,0,.10);
      padding:28px 30px 34px;
    }
    .chat-panel-title {
      margin:0 0 16px;
      font-size:15px;
      line-height:22px;
      font-weight:400;
      text-transform:uppercase;
      letter-spacing:.3px;
    }
    .chat-placeholder {
      min-height:250px;
      display:flex;
      align-items:center;
      justify-content:center;
      border:1px solid #e4e4e4;
      background:#f7f7f7;
      color:#929292;
      font-size:15px;
      margin-bottom:26px;
    }
    .chat-panel-actions { display:flex; gap:10px; }
    .chat-panel-actions button {
      min-height:40px;
      padding:0 18px;
      border-radius:2px;
      font-size:14px;
      font-weight:400;
      cursor:pointer;
    }
    .chat-panel-actions .primary { border:1px solid #55bf84; background:#55bf84; color:#fff; }
    .chat-panel-actions .secondary { border:1px solid #cfcfcf; background:#fff; color:#777; }

    @media (max-width:900px) {
      :root { --header-h:58px; }
      .nav { gap:16px; }
      .nav a { font-size:11.385px; letter-spacing:1.4px; }
      .contact-main { padding-top:62px; }
      .contact-title { font-size:34px; }
      .contact-inner { max-width:680px; }
    }

    @media (max-width:720px) {
      :root { --header-h:62px; }
      .site-header { justify-content:flex-end; padding:0 14px; }
      .menu-toggle {
        display:block;
        width:38px;
        height:38px;
        border:0;
        background:transparent;
        position:relative;
      }
      .menu-toggle::before,.menu-toggle::after,.menu-toggle span {
        content:"";
        position:absolute;
        left:8px;
        width:22px;
        height:1px;
        background:#111;
      }
      .menu-toggle::before { top:12px; }
      .menu-toggle span { top:19px; }
      .menu-toggle::after { top:26px; }
      .nav {
        position:absolute;
        top:var(--header-h);
        left:0;
        right:0;
        display:none;
        padding:18px 24px 24px;
        background:#fff;
      }
      .nav.open { display:block; }
      .nav li { margin:0 0 17px; }
      .nav a { font-size:12.65px; }

      .contact-main { padding:48px var(--mobile-content-inset) 0; }
      .contact-rule { height:42px; margin-bottom:36px; }
      .contact-title { font-size:30px; line-height:38px; margin-bottom:18px; }
      .contact-copy { font-size:16px; line-height:24px; margin-bottom:42px; }
      .contact-form { max-width:none; }
      .field { margin-bottom:24px; }
      .field input,
      .field select { height:46px; }
      .field textarea { min-height:150px; }
      .send-button { width:100%; }

      .chat-panel-wrap { display:none; }
      .instagram { padding-top:100px; }
      .social-icons { margin-top:64px; }
      .footer { padding-left:20px; padding-right:20px; }
    }
  

    /* v19 — shared content typography */
    .contact-title {
      font-family:"Roboto Condensed",Arial,sans-serif;
      font-size:46px;
      line-height:1;
      font-weight:700;
      letter-spacing:1.5px;
      text-transform:uppercase;
      color:#111;
    }
    .contact-copy,
    .field label,
    .field input,
    .field select,
    .field textarea {
      font-size:16px;
      line-height:25px;
      font-weight:300;
      color:#151515;
    }
    @media (max-width:700px){
      .contact-title{font-size:38px;line-height:1.04}
      .contact-copy,.field label,.field input,.field select,.field textarea{font-size:16px;line-height:25px}
    }

.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-note.is-success{color:#55765f}.form-note.is-error{color:#8a3b3b}