:root{--ink:#23262b;--paper:#fafafa;--line:#d9dbde;--orange:#e85d06;--muted:#585d65}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px;padding-top:18px;padding-bottom:18px}
.mark{font:700 30px/1 'Cormorant Garamond',Georgia,serif;text-decoration:none}
.mark b{color:var(--orange)}
nav a{margin-left:22px;text-decoration:none;font-size:16px}
nav a:hover,nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:6px}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;line-height:1.08;margin:0}
h1{font-size:clamp(38px,6vw,64px);max-width:15em}
h2{font-size:32px;margin-bottom:10px}
h3{font-size:18px;margin:0 0 4px}
.lead{font-size:20px;color:var(--muted);max-width:36em;margin:18px 0 0}
.hero{padding:64px 0 48px}
.doors{display:grid;grid-template-columns:1fr 1fr}
.door{display:block;padding:44px 32px 48px;text-decoration:none;color:#fff;background:var(--ink)}
.door.alt{background:var(--orange);color:#1a1a1a}
.door h2{font-size:40px}
.door p{max-width:22em;margin:0 0 20px}
.door span{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.door:hover span{text-decoration-thickness:3px}
section{padding:40px 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:20px}
.grid p,section p{margin:0;max-width:34em}
.note{border-left:6px solid var(--orange);padding:4px 0 4px 20px;max-width:36em}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:13px 22px;text-decoration:none;font-weight:700;margin-top:18px}
.btn:hover{background:var(--orange);color:#1a1a1a}
footer{background:var(--ink);color:#d9dbde;padding:28px 0;font-size:15px;margin-top:40px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
@media(max-width:700px){.doors,.grid{grid-template-columns:1fr}nav a{margin:0 18px 0 0}}