/* Shared styles for the landing and policy pages (the editor and the invitation carry their own). */
:root{
  --paper:#f5eee1; --paper-2:#efe6d4; --card:#fbf7ef;
  --ink:#2a1912; --ink-2:#5e4a3c; --ink-3:#8c7766;
  --line:rgba(42,25,18,.14); --line-2:rgba(42,25,18,.28);
  --maroon:#5a1420; --maroon-2:#7a1f2e;
  --gold:#a9823a; --gold-2:#d4b06a; --gold-3:#f1dfab;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Jost','Helvetica Neue',Arial,sans-serif;
  --gutter:clamp(16px,4vw,48px);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{min-height:100vh;color:var(--ink);font:400 18px/1.6 var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden;
     background-color:var(--paper);
     background-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
       radial-gradient(ellipse 80% 50% at 50% -10%, #fffaf0 0%, transparent 70%);}
::selection{background:var(--gold-3);color:var(--ink)}
:focus-visible{outline:1.5px solid var(--gold);outline-offset:4px}
a{color:var(--maroon);text-decoration-color:var(--gold-2);text-underline-offset:3px}
em{font-style:italic}
img,svg{display:block}

/* ---------- masthead ---------- */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;
     padding:12px var(--gutter);background:rgba(245,238,225,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
     border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand svg{width:34px;height:34px;flex:none;color:var(--gold)}
.brand b{display:block;font:500 15px/1 var(--serif);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.brand small{display:block;font:400 10px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-top:5px}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.nav a:hover{color:var(--maroon)}
.nav .btn{color:#f8ecd2}
@media (max-width:900px){ .nav a:not(.btn){display:none} }
@media (max-width:560px){ .brand small{font-size:8.5px;letter-spacing:.26em;margin-top:4px} .brand b{font-size:13px;letter-spacing:.18em} .brand svg{width:28px;height:28px} }
@media (max-width:400px){ .nav .btn{padding:0 14px;letter-spacing:.14em} }

/* ---------- type ---------- */
.eyebrow{font:500 11px/1.4 var(--sans);letter-spacing:.38em;text-transform:uppercase;color:var(--gold)}
.display{font:300 clamp(44px,6.6vw,84px)/1.02 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.display em{font-weight:400;color:var(--maroon)}
.h2{font:300 clamp(34px,4.4vw,54px)/1.06 var(--serif);color:var(--ink)}
.h2 em{color:var(--maroon);font-weight:400}
.lead{font:italic 400 clamp(18px,2vw,21px)/1.55 var(--serif);color:var(--ink-2)}
.center{text-align:center}
.flourish{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold)}
.flourish::before,.flourish::after{content:"";width:min(110px,22vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold-2))}
.flourish::after{transform:scaleX(-1)}
.flourish svg{width:18px;height:18px}

/* ---------- buttons ---------- */
.btn{position:relative;font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;
     min-height:54px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;
     border:0;border-radius:2px;color:#f8ecd2;background:linear-gradient(180deg,var(--maroon-2),var(--maroon));
     box-shadow:0 14px 30px -14px rgba(90,20,32,.7);overflow:hidden;transition:transform .2s,box-shadow .2s}
.btn::before{content:"";position:absolute;inset:4px;border:1px solid rgba(241,223,171,.45);pointer-events:none}
.btn::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,240,200,.28),transparent);
            transform:skewX(-20deg);transition:left .7s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px -14px rgba(90,20,32,.8)}
.btn:hover::after{left:120%}
.btn.ghost{color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.ghost::before{display:none}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--gold);color:var(--maroon)}
.btn.small{min-height:42px;padding:0 20px;font-size:10.5px}
.btn.gold{color:var(--ink);background:linear-gradient(180deg,#f3dfa6,#d4b06a 60%,#b8913f);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.btn.gold::before{border-color:rgba(90,20,32,.25)}
.btn .price{font:500 15px/1 var(--serif);letter-spacing:.04em;padding-left:14px;border-left:1px solid currentColor;border-left-color:rgba(241,223,171,.35)}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:48px var(--gutter) 36px;margin-top:40px}
.foot-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.foot p{font:italic 400 16px/1.55 var(--serif);color:var(--ink-3);margin-top:14px;max-width:34ch}
.foot h4{font:500 10.5px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.foot ul{list-style:none;display:grid;gap:8px}
.foot li a,.foot li{font:400 17px/1.4 var(--serif);color:var(--ink-2);text-decoration:none}
.foot li a:hover{color:var(--maroon)}
.foot .legal{max-width:1180px;margin:36px auto 0;padding-top:20px;border-top:1px solid var(--line);
             font:500 10px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media (max-width:760px){ .foot-in{grid-template-columns:1fr 1fr} .foot-in > :first-child{grid-column:1/-1} }

/* ---------- policy pages ---------- */
.doc{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,84px) var(--gutter) 40px}
.doc-head{text-align:center;margin-bottom:48px}
.doc-head .display{font-size:clamp(40px,6vw,64px);margin:18px 0 14px}
.doc-head .updated{font:500 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}
.prose{background:var(--card);border:1px solid var(--line);padding:clamp(24px,5vw,56px);position:relative;
       box-shadow:0 30px 60px -44px rgba(60,30,10,.45)}
.prose::before{content:"";position:absolute;inset:6px;border:1px solid rgba(169,130,58,.25);pointer-events:none}
.prose > *{position:relative}
.prose h2{font:400 28px/1.2 var(--serif);color:var(--ink);margin:38px 0 12px}
.prose h2:first-child{margin-top:0}
.prose h2 span{font-style:italic;color:var(--gold);margin-right:10px;font-weight:300}
.prose p,.prose li{color:var(--ink-2);font-size:18.5px}
.prose p + p{margin-top:12px}
.prose ul{margin:10px 0 0 22px;display:grid;gap:6px}
.prose strong{color:var(--ink);font-weight:600}
.prose .summary{border-left:2px solid var(--gold);padding:4px 0 4px 18px;margin-bottom:30px;font-style:italic;color:var(--ink-2)}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:8px}
.contact-card{border:1px solid var(--line);background:var(--paper);padding:22px}
.contact-card h3{font:500 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.contact-card p,.contact-card a{font:400 20px/1.4 var(--serif);color:var(--ink);word-break:break-word}

@media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none !important;transition:none !important} html{scroll-behavior:auto} }
