/* Generated from contact.html <style> by build-wp-page.py */

  :root{--paper:#F3EEE1;--paper-raise:#FAF5EA;--ink:#17140F;--ink-soft:#6F6353;--gold:#B08D3E;--gold-bright:#CDA85A;--fig:#5A2330;--pistachio:#7C8A4E;--hairline:rgba(23,20,15,.12)}
  *{box-sizing:border-box}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3{font-family:'Cormorant',serif;font-weight:600;letter-spacing:-.01em;line-height:1.05;margin:0}
  html.no-js .reveal{opacity:1;transform:none}
  .wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}@media(min-width:768px){.wrap{padding-left:40px;padding-right:40px}}
  .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
  .ulink{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .4s cubic-bezier(.22,1,.36,1)}
.ulink:hover{text-decoration-color:var(--gold)}
/* Primary nav: a hairline of gold drawn under the word, not a browser underline.
   It grows from the left on hover and retracts to the right on leave, and the
   current page keeps its own drawn, so "here" and "going here" speak the same
   language instead of two. */
.nav nav a.ulink{position:relative}
.nav nav a.ulink,.nav nav a.ulink:hover{text-decoration-color:transparent}
.nav nav a.ulink::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1.5px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold-bright));
  transform:scaleX(0);transform-origin:right center;
  transition:transform .42s cubic-bezier(.22,1,.36,1)}
.nav nav a.ulink:hover::after,.nav nav a.ulink:focus-visible::after,.nav nav a.ulink.active::after{
  transform:scaleX(1);transform-origin:left center}
.nav nav a.ulink:focus-visible{outline:2px solid var(--fig);outline-offset:6px;border-radius:3px}
@media(prefers-reduced-motion:reduce){
  .nav nav a.ulink::after{transform:scaleX(1);opacity:0;transition:opacity .2s}
  .nav nav a.ulink:hover::after,.nav nav a.ulink:focus-visible::after,.nav nav a.ulink.active::after{opacity:1}}
  .nav{position:sticky;top:0;z-index:50;background:rgba(243,238,225,.85);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hairline)}
  .nav a.active{color:var(--gold)}
  .grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}
  /* contact methods */
  .method{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--hairline)}
  .method .mi{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--cs,rgba(176,141,62,.14));color:var(--c,var(--gold))}
  .method .mi svg{width:22px;height:22px}
  .method h3{font-family:'Hanken Grotesk',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}
  .method .mv{font-size:18px;font-weight:600;color:var(--ink);margin-top:3px;display:inline-block}
  .method a.mv:hover{color:var(--gold)}
  .method .ms{font-size:13.5px;color:var(--ink-soft);margin-top:3px}
  /* form */
  .cform{background:var(--paper-raise);border:1px solid var(--hairline);border-radius:18px;padding:clamp(22px,3vw,34px);
    box-shadow:0 40px 70px -40px rgba(90,35,48,.3)}
  .field{margin-bottom:18px}
  .field label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--ink-soft);margin-bottom:7px}
  .field input,.field textarea{width:100%;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;
    padding:13px 15px;font-family:inherit;font-size:15px;color:var(--ink);transition:border-color .25s,box-shadow .25s}
  .field input::placeholder,.field textarea::placeholder{color:var(--ink-soft);opacity:.7}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(176,141,62,.15)}
  .topics{display:flex;flex-wrap:wrap;gap:8px}
  .topic{border:1px solid var(--hairline);background:var(--paper);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;
    color:var(--ink-soft);cursor:pointer;transition:.25s}
  .topic:hover{border-color:var(--ink)}
  .topic.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .topic:focus-visible{outline:2px solid var(--fig);outline-offset:2px}
  .send{display:inline-flex;align-items:center;justify-content:center;gap:.6em;width:100%;background:var(--ink);color:var(--paper);
    border:0;border-radius:999px;padding:16px 26px;font-weight:600;font-size:14.5px;cursor:pointer;transition:background .3s,color .3s,transform .3s}
  .send:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}
  .send:active{transform:translateY(0) scale(.99)}