:root{--navy:#2E276D;--gold:#B69F42;--gold-ink:#8A7530;--cream:#F5F4F2;--ink:#1F1D2B;--white:#FFFFFF;
--display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--body:"Source Sans 3", "Segoe UI", Helvetica, Arial, sans-serif;--measure:64ch;--pad:clamp(1rem,4vw,3rem)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--body);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--ink);background:var(--white)}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;color:var(--navy);margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.4rem,1.6rem + 3.2vw,4.2rem)}
h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);margin-top:1.4em}
h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}
p{margin:0 0 1em;max-width:var(--measure)}
a{color:var(--navy);text-decoration-thickness:.08em;text-underline-offset:.15em}
a:hover{color:var(--gold-ink)}
:focus-visible{outline:3px solid var(--gold-ink);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:72rem;margin:0 auto;padding:0 var(--pad)}
mark.todo{background:#fff3b0;color:#4a3d00;padding:0 .25em;border-radius:2px;font-weight:600}
/* header */
.site-head{border-bottom:2px solid var(--gold);background:var(--white)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-top:.9rem;padding-bottom:.9rem}
.site-head .brand img{display:block;height:clamp(48px,6vw,72px);width:auto}
.site-head nav{flex:1 1 20rem}
.site-head nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .35rem}
.site-head nav a{display:inline-block;padding:.45rem .6rem;text-decoration:none;font-weight:600;border-bottom:2px solid transparent}
.site-head nav a[aria-current=page]{border-bottom-color:var(--gold-ink)}
.btn{display:inline-block;padding:.75rem 1.25rem;border-radius:3px;font-weight:600;text-decoration:none;border:2px solid var(--navy);line-height:1.2}
.btn-solid{background:var(--navy);color:#fff}
.btn-solid:hover{background:#1f1a4f;color:#fff}
.btn-ghost{background:transparent;color:var(--navy)}
.btn-ghost:hover{background:var(--cream);color:var(--navy)}
.on-navy a:not(.btn),.hero a:not(.btn){color:#fff}
.on-navy .btn-ghost{color:#fff;border-color:#fff}
.on-navy .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.on-navy .btn-solid{background:#fff;color:var(--navy);border-color:#fff}
/* hero */
.hero{background:var(--navy);color:#fff}
.hero .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:2rem clamp(2rem,6vw,5rem);padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(2.5rem,6vw,5rem)}
.hero h1{color:#fff}
.hero .copy{flex:1 1 22rem}
.hero .copy p{font-size:clamp(1.15rem,1rem + .6vw,1.4rem);color:#e8e5f3}
.hero .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.arch{flex:0 1 22rem;margin:0 auto}
.arch img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:top;border-radius:999px 999px 6px 6px;border:3px solid var(--gold);box-shadow:0 0 0 12px rgba(255,255,255,.06)}
/* sections */
section.band{padding:clamp(2rem,5vw,4rem) 0}
.cream{background:var(--cream)}
.brand-strip{text-align:center}
.brand-strip .logo{width:min(100%,240px);height:auto;margin:0 auto 1rem;display:block}
.brand-strip .tagline{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.8rem,1.3rem + 2.4vw,3rem);margin:0 0 1rem;color:var(--navy)}
.brand-strip hr{width:min(100%,200px);height:2px;background:var(--gold);border:0;margin:1rem auto 1.25rem}
.values{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem clamp(1rem,3vw,2.5rem)}
.values li{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:600;color:var(--navy)}
.values svg{width:1.3em;height:1.3em;color:var(--gold-ink);flex:0 0 auto}
.proof{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;justify-content:center;text-align:center;list-style:none;padding:0;margin:0}
.proof li{flex:1 1 9rem}
.proof b{display:block;font-family:var(--display);font-size:clamp(2.2rem,1.6rem + 2vw,3.4rem);color:var(--navy);line-height:1}
.proof small{display:block;font-size:.95rem;margin-top:.3rem}
.grid{display:flex;flex-wrap:wrap;gap:1.5rem}
.grid>*{flex:1 1 17rem;min-width:0}
.card{border-top:3px solid var(--gold);padding-top:1rem}
.card h3{margin-top:0}
.cta{background:var(--navy);color:#fff;text-align:center}
.cta h2{color:#fff}
.cta p{margin-left:auto;margin-right:auto;color:#e8e5f3}
.cta .actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem}
/* content pages */
.page-head{border-bottom:2px solid var(--gold);padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.5rem,3vw,2.5rem)}
.page-head p{font-size:clamp(1.15rem,1rem + .5vw,1.35rem)}
.prose{padding:clamp(1.5rem,4vw,3rem) 0}
ol.steps{list-style:none;counter-reset:s;padding:0;margin:0 0 1.5rem;max-width:var(--measure)}
ol.steps li{counter-increment:s;position:relative;padding:0 0 1.1rem 3.2rem}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:-.15rem;width:2.3rem;height:2.3rem;border:2px solid var(--gold-ink);border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:600;color:var(--gold-ink)}
ol.steps b{font-family:var(--display);font-size:1.25em;color:var(--navy)}
.facts{list-style:none;padding:0;margin:0 0 1.5rem;max-width:var(--measure)}
.facts li{display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding:.55rem 0;border-bottom:1px solid #e6e3da}
.facts li b{flex:0 0 11rem;color:var(--navy)}
.facts li span{flex:1 1 15rem}
details{border-bottom:1px solid #e6e3da;padding:.6rem 0;max-width:var(--measure)}
summary{cursor:pointer;font-weight:600;font-size:1.05em;color:var(--navy);list-style:none;display:flex;gap:.6rem;align-items:baseline}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";color:var(--gold-ink);font-family:var(--display);font-size:1.4em;line-height:1}
details[open] summary::before{content:"–"}
details p{margin:.6rem 0 .4rem 1.5rem}
.updated{font-size:.9rem;color:#4a4757;margin-top:2rem}
table{border-collapse:collapse;width:100%;max-width:56rem;margin:0 0 1.5rem}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid #e6e3da;vertical-align:top}
th{color:var(--navy);font-family:var(--display);font-size:1.1em}
.listing{border-top:3px solid var(--gold);padding-top:.75rem}
.listing b{font-family:var(--display);font-size:1.3em;color:var(--navy);display:block}
.listing .price{font-weight:600;font-size:1.15em}
.town h2{margin-top:1.2em}
/* forms */
form{max-width:38rem}
label{display:block;font-weight:600;margin:1rem 0 .3rem}
input,textarea{width:100%;font:inherit;padding:.65rem .75rem;border:2px solid #9c98b3;border-radius:3px;background:#fff;color:var(--ink)}
input:focus,textarea:focus{border-color:var(--navy)}
.hp{position:absolute;left:-9999px}
button{font:inherit}
form .btn{margin-top:1.25rem;cursor:pointer}
.fine{font-size:.9rem;color:#4a4757}
/* footer */
.site-foot{background:var(--navy);color:#e8e5f3;margin-top:3rem;padding:2.5rem 0}
.site-foot a{color:#fff}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:2rem 4rem}
.site-foot .wrap>div{flex:1 1 18rem}
.site-foot p{margin:0 0 .5rem;max-width:none}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li{margin:.25rem 0}
.site-foot .eho{display:flex;align-items:center;gap:.6rem;margin-top:1rem}
.site-foot .eho svg{width:2.2rem;height:2.2rem;flex:0 0 auto}
.site-foot mark.todo{background:#fff3b0;color:#4a3d00}