:root{
  --ink:#0E0D0B;--ink2:#161411;--ink3:#1d1a16;--line:rgba(236,226,206,.14);
  --ivory:#ECE2CE;--mute:#A89F8C;--gold:#C9A25B;--gold2:#E3C58A;--red:#d9826e;--green:#7fc79a;
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--ivory);font-family:var(--sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--ink)}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.eyebrow{font:400 .72rem/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:.01em;line-height:1.05}
nav.top{position:sticky;top:0;z-index:50;background:rgba(14,13,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:16px 0}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{font:300 1.4rem var(--serif);letter-spacing:.42em;text-transform:uppercase}
.navl{display:flex;gap:28px;align-items:center}
.navl a{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);transition:color .3s}
.navl a:hover,.navl a.on{color:var(--ivory)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 30px;border:1px solid var(--gold);color:var(--gold2);font:400 .72rem var(--sans);letter-spacing:.26em;text-transform:uppercase;cursor:pointer;background:transparent;position:relative;overflow:hidden;transition:color .5s var(--ease);min-height:48px;isolation:isolate}
.btn::before{content:"";position:absolute;inset:0;background:var(--gold);transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover{color:var(--ink)}.btn:hover::before{transform:none}
.btn.fill{background:var(--gold);color:var(--ink)}.btn.fill::before{background:var(--gold2)}
.btn[disabled]{opacity:.5;cursor:wait}
.f{position:relative;margin-bottom:22px}
.f input,.f select,.f textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ivory);font:300 1.02rem var(--sans);padding:24px 0 10px;outline:0;border-radius:0;transition:border-color .4s;min-height:52px;appearance:none;-webkit-appearance:none}
.f textarea{min-height:90px;resize:vertical}
.f select option{background:var(--ink2);color:var(--ivory)}
.f label{position:absolute;left:0;top:24px;color:var(--mute);font-size:.95rem;pointer-events:none;transition:all .35s var(--ease)}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--gold)}
.f input:focus+label,.f input:not(:placeholder-shown)+label,.f textarea:focus+label,.f textarea:not(:placeholder-shown)+label,.f select+label{top:2px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.hp{position:absolute;left:-9999px}
.msg{min-height:1.6em;font-size:.95rem;color:var(--gold2)}
.msg.bad{color:var(--red)}
.note{color:var(--mute);font-size:.8rem}
footer.ft{padding:50px 0;border-top:1px solid var(--line);color:var(--mute);font-size:.82rem;margin-top:90px}
footer.ft .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center}
.pill{display:inline-block;font:400 .66rem var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--line);color:var(--mute)}
@media(max-width:760px){.navl a:not(.keep){display:none}.logo{font-size:1.15rem;letter-spacing:.3em}.wrap{padding:0 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
