:root{
  --paper:#f4f0e7;--paper-2:#f8f5ee;--ink:#1f211f;--soft:#6e6a62;
  --stone:#d8d2c8;--stone-2:#e8e1d6;--vermilion:#c64a32;--relational:#a99b87;
  --dark:#202521;--serif:"EB Garamond",Georgia,serif;--sans:"Inter",Arial,sans-serif;
  --edge:clamp(22px,5.4vw,88px);--header:76px;--max:1180px
}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}
a{color:inherit}
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:20;height:var(--header);
  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;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)),var(--max));margin:auto}
.eyebrow{margin:0;color:var(--vermilion);text-transform:uppercase;font:600 8px/1.45 var(--sans);letter-spacing:.18em}
.access-hero{padding:clamp(74px,9vw,128px) 0 56px;border-bottom:1px solid var(--stone)}
.access-hero h1{margin:22px 0 22px;max-width:850px;font-size:clamp(48px,5.5vw,86px);line-height:.9;font-weight:500;letter-spacing:-.028em}
.access-hero p:last-child{max-width:760px;margin:0;color:var(--soft);font-size:clamp(18px,1.35vw,22px);line-height:1.25}
.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:56px 0 96px}
.access-card{
  min-height:360px;padding:32px;border:1px solid var(--stone-2);background:var(--paper-2);
  display:flex;flex-direction:column
}
.access-card .number{color:var(--vermilion);font:600 8px var(--sans);letter-spacing:.14em}
.access-card h2{margin:48px 0 16px;font-size:31px;line-height:1;font-weight:500}
.access-card p{margin:0;color:var(--soft);font:400 13px/1.5 var(--sans)}
.access-card .action{
  margin:auto 0 0;display:inline-flex;width:max-content;align-items:center;gap:12px;
  color:var(--vermilion);text-decoration:none;text-transform:uppercase;
  font:600 8px var(--sans);letter-spacing:.13em
}
.access-card .quiet{margin-top:13px;color:#8a847a;font:400 9px/1.45 var(--sans)}
.access-form{max-width:620px;padding:58px 0 100px}
.access-form h1{margin:22px 0 18px;font-size:clamp(44px,5vw,72px);line-height:.92;font-weight:500}
.access-form>p{color:var(--soft);font-size:17px;line-height:1.35}
.form-block{margin-top:42px;padding:30px;border:1px solid var(--stone);background:var(--paper-2)}
.form-block label{display:block;margin-bottom:9px;text-transform:uppercase;font:600 7px var(--sans);letter-spacing:.13em;color:#777269}
.form-block input{
  width:100%;min-height:50px;padding:0 14px;border:1px solid var(--stone);background:#fffdf8;
  font:400 15px var(--sans);color:var(--ink)
}
.form-block button{
  width:100%;min-height:50px;margin-top:14px;border:1px solid var(--ink);background:var(--ink);
  color:var(--paper-2);text-transform:uppercase;font:600 8px var(--sans);letter-spacing:.13em;cursor:pointer
}
.form-block button.secondary{background:transparent;color:var(--vermilion);border-color:var(--vermilion)}
.form-note{margin-top:18px;color:#8a847a;font:400 9px/1.5 var(--sans)}
.footer{
  padding:30px var(--edge);border-top:1px solid var(--stone);
  color:#8a847a;font:400 8px var(--sans);text-transform:uppercase;letter-spacing:.1em
}
@media(max-width:800px){.access-grid{grid-template-columns:1fr}.access-card{min-height:280px}}
@media(max-width:560px){
  :root{--header:66px}.site-header{padding-inline:20px}.brand span{display:none}
  .shell{width:calc(100% - 40px)}.access-grid{padding-top:38px}
}

.access-notice{margin-top:38px;padding:24px 0;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}
.access-notice p{margin:0;color:var(--soft);font:400 13px/1.55 var(--sans)}
.access-contact{display:inline-flex;margin-top:22px;color:var(--vermilion);text-decoration:none;text-transform:uppercase;font:600 8px var(--sans);letter-spacing:.13em}


.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;
  }
}