:root{
  --paper:#f3efe6;--paper-2:#f8f5ee;--ink:#1f211f;--soft:#6f6a62;
  --stone:#d8d2c8;--stone-2:#e8e1d6;--vermilion:#a94a35;
  --serif:"EB Garamond",Georgia,serif;--sans:"Inter",Arial,sans-serif;
  --edge:clamp(22px,5.4vw,88px);--header:76px
}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}
.site-header{
  position:fixed;inset:0 0 auto;height:var(--header);z-index:20;
  display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);
  background:color-mix(in srgb,var(--paper) 95%,transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid color-mix(in srgb,var(--stone) 72%,transparent)
}
.brand{display:grid;gap:6px;text-decoration:none;color:inherit;line-height:1}
.brand strong{font:600 clamp(15px,1vw,19px) var(--serif)}
.brand span{color:var(--vermilion);font:600 7px var(--sans);text-transform:uppercase;letter-spacing:.18em}
.back-link{color:var(--vermilion);text-decoration:none;text-transform:uppercase;font:600 8px var(--sans);letter-spacing:.13em}
main{padding-top:var(--header)}
.shell{width:min(calc(100% - (var(--edge)*2)),1040px);margin:auto}
.eyebrow{margin:0;color:var(--vermilion);text-transform:uppercase;font:600 8px/1.45 var(--sans);letter-spacing:.18em}
.interest-hero{padding:clamp(68px,8vw,112px) 0 42px;border-bottom:1px solid var(--stone)}
.interest-hero h1{max-width:840px;margin:20px 0 18px;font-size:clamp(52px,6vw,88px);line-height:.91;font-weight:500;letter-spacing:-.028em}
.interest-hero .deck{max-width:720px;margin:0;color:var(--soft);font-size:clamp(18px,1.4vw,22px);line-height:1.3}
.interest-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.8fr);gap:clamp(48px,7vw,100px);padding:clamp(52px,6vw,84px) 0 96px}
.form-panel{max-width:620px}
.form-panel h2{margin:0 0 24px;font-size:clamp(30px,3vw,44px);line-height:1;font-weight:500}
.field{display:grid;gap:7px;margin:0 0 18px}
.field label{font:600 8px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--soft)}
.field input,.field select{
  width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--stone);
  background:transparent;color:var(--ink);font:400 17px/1.25 var(--serif);border-radius:0;outline:none
}
.field input:focus,.field select:focus{border-bottom-color:var(--vermilion)}
.consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin:26px 0 22px;color:var(--soft);font:400 11px/1.5 var(--sans)}
.consent input{margin-top:3px;accent-color:var(--vermilion)}
.submit{
  appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper-2);
  padding:12px 17px;border-radius:999px;cursor:pointer;
  font:600 8px/1 var(--sans);text-transform:uppercase;letter-spacing:.13em
}
.submit:disabled{opacity:.48;cursor:default}
.form-note{max-width:540px;margin:18px 0 0;color:#8d877e;font:400 9px/1.55 var(--sans)}
.form-status{margin:20px 0 0;font-size:15px;line-height:1.4;min-height:22px}
.form-status[data-state="success"]{color:var(--vermilion)}
.side-note{padding-top:4px;border-top:1px solid var(--stone)}
.side-note h3{margin:18px 0 12px;font-size:24px;font-weight:500}
.side-note p{margin:0 0 14px;color:var(--soft);font-size:16px;line-height:1.42}
.mini-motif{width:min(260px,80%);margin:26px auto 20px;display:block;color:var(--ink)}
.mini-motif .dotted{stroke:var(--vermilion);stroke-dasharray:1.2 3;opacity:.58}
.mini-motif .region{fill:var(--paper);stroke:currentColor;stroke-width:.65}
.mini-motif .core{fill:var(--vermilion)}
.footer{padding:28px var(--edge);border-top:1px solid var(--stone);color:#8a847a;font:400 8px var(--sans);text-transform:uppercase;letter-spacing:.1em}
@media(max-width:760px){.interest-grid{grid-template-columns:1fr}.side-note{max-width:580px}}
@media(max-width:520px){:root{--header:66px}.site-header{padding-inline:20px}.brand span{display:none}.shell{width:calc(100% - 40px)}}


.legal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.legal-footer nav{
  display:flex;
  gap:18px;
  align-items:center;
}
.legal-footer a{
  color:inherit;
  text-decoration:none;
}
.legal-footer a:hover,
.legal-footer a:focus-visible{
  color:var(--vermilion);
  outline:none;
}
@media(max-width:640px){
  .legal-footer{
    display:grid;
    gap:10px;
  }
}

.form-note a{color:var(--vermilion);text-decoration:none}