@layer base,components,responsive;
@layer base{
:root{--ink:#183f39;--muted:#54645e;--paper:#f8f5ed;--white:#fffdf8;--line:#d3d9cd;--accent:#b04b38;--sage:#e7ecdf;--gold:#ead49e;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.7;font-size:17px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;font-weight:400;letter-spacing:-.035em}h1,h2{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(2.7rem,5.6vw,5.6rem);max-width:17ch;margin-bottom:.35em}h2{font-size:clamp(1.85rem,3.2vw,3rem);margin-bottom:.65em}h3{font-size:1.3rem;line-height:1.3;font-weight:600}p{margin-bottom:1.2em}ul,ol{padding-left:1.4em}li{margin-bottom:.6em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}section,aside{scroll-margin-top:1.5rem}[hidden]{display:none!important}::selection{background:var(--gold);color:var(--ink)}
}
@layer components{
.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:10px}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:.9rem;line-height:1.2;white-space:nowrap}.brand b{font-size:1.05rem}.brand-icon{display:flex;width:51px;height:51px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:50%;font-family:Georgia,serif;font-size:2.8rem;line-height:1;padding-bottom:8px}header nav{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-end;font-size:.78rem}header nav a{text-decoration:none;border-bottom:1px solid transparent}header nav a:hover{border-color:var(--accent)}header nav a span{display:none}main{max-width:1320px;margin:auto;padding:30px 5% 100px}.glance{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:140px 1fr 180px;gap:24px;align-items:center;font-size:.82rem;padding:15px 0}.glance strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.glance-note{font-size:.7rem;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.page-head{padding:55px 0 45px;max-width:990px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-size:.67rem;display:block;margin-bottom:18px;color:var(--accent)}.lead{font-size:clamp(1.08rem,1.6vw,1.4rem);max-width:780px;color:var(--muted);line-height:1.6;margin-bottom:0}.opening{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:25px 0 70px}.opening h2{font-size:clamp(2rem,3.4vw,3.4rem)}.opening p{max-width:650px}.promise{background:var(--sage);border-radius:140px 140px 8px 8px;padding:80px 40px 40px;align-self:start}.promise ol{list-style:none;padding:0;counter-reset:care}.promise li{counter-increment:care;border-top:1px solid #b9c7b6;padding:22px 0 5px}.promise li:before{content:'0' counter(care);color:var(--accent);font-size:.7rem;letter-spacing:.1em;display:block;margin-bottom:6px}.promise b{display:block;font-size:1.2rem}.promise li span{display:block;font-size:.9rem;color:var(--muted);margin-top:5px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--white);border-radius:4px;text-decoration:none;font-size:.88rem;line-height:1.5;font-weight:600;max-width:100%}.button:hover{background:#25564e;color:white}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--sage)}.cards,.area-cards,.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.card{padding:27px;background:var(--white);border:1px solid var(--line);min-width:0;transition:background .15s}.card:hover{background:#f0eee3}.card h3{margin-bottom:5px;letter-spacing:-.02em}.card h3 a{text-decoration:none}.card .eyebrow{font-size:.6rem}.card p{font-size:.9rem;color:var(--muted);margin:15px 0 0}.section-band{border-block:1px solid var(--line);padding:55px 0;margin-bottom:65px}.section-intro{max-width:780px}.section-intro p{max-width:650px}.wide-prose{max-width:830px;margin:70px auto}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-block:1px solid var(--line);padding:65px 0;margin-top:65px}.feature-links .cards{grid-template-columns:1fr 1fr;margin:0}.text-link{font-weight:600}.reading-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:55px;align-items:start}.toc{border-top:1px solid var(--line);padding-top:20px;display:grid;font-size:.78rem;gap:12px}.toc strong{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}.prose{max-width:780px}.prose>section{margin-bottom:42px}.prose h2{font-size:2rem;letter-spacing:-.025em}.prose p{color:#344d44}.prose li{color:#344d44}.prose>h2{margin-top:42px}.prose>h2:first-child{margin-top:0}.example{background:var(--sage);padding:28px;margin:45px 0;border-left:3px solid var(--ink)}.example h2{font-size:1.6rem}.example p{margin-bottom:0}.sources{margin-top:45px;border-top:1px solid var(--line);padding-top:26px;font-size:.78rem;color:var(--muted)}.sources h2{font-family:Arial,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:0}.sources p{color:var(--muted)}.related{margin-top:80px;border-top:1px solid var(--line);padding-top:35px}.related h2{font-size:2.3rem}.related .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.home-return{margin:65px 0 0;border-top:1px solid var(--line);padding-top:26px;max-width:780px;font-size:.9rem}.home-return a{font-weight:600}footer{padding:55px max(5%,calc((100vw - 1188px)/2)) 110px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:.85rem}footer h2{font-family:Arial,sans-serif;letter-spacing:0;font-size:.8rem;text-transform:uppercase;margin-bottom:20px}footer a{color:var(--paper)}footer>div>a{display:block;margin-bottom:12px}.footer-brand{font-family:Georgia,serif;font-size:2rem;line-height:1.2;text-decoration:none}footer p{color:#c3d1c4}.footer-bottom{grid-column:1/-1;border-top:1px solid #4c6a5f;padding-top:20px;font-size:.7rem;margin-bottom:0}.floating{position:fixed;bottom:max(15px,env(safe-area-inset-bottom));right:24px;z-index:5;padding:13px 20px;border-radius:40px;background:var(--gold);box-shadow:0 4px 18px #153f3a22;color:var(--ink);font-weight:600;font-size:.8rem;text-decoration:none;border:1px solid #cab576}.floating span{padding-left:15px}.commercial-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;margin-bottom:65px}.listing-status{background:var(--sage);padding:35px;align-self:start;border-top:3px solid var(--accent)}.listing-status h2{font-size:2.2rem}.contact-email{overflow-wrap:anywhere;font-size:.88rem}.note{padding:25px;background:var(--sage);margin:25px 0}.note h3{font-size:1.2rem}.note p:last-child{margin-bottom:0}.area-prose{margin:auto}.map-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.map-frame{background:#f1f0e8;border:1px solid var(--line);padding:22px}.map-frame p{font-size:.65rem;margin:10px 0 0;color:var(--muted)}.area-map{display:block;width:100%}.area-map circle{fill:var(--ink);stroke:var(--white);stroke-width:3}.area-map a:hover circle,.area-map a:focus circle{fill:var(--accent)}.area-map text{font:600 15px Arial;fill:white;pointer-events:none}.area-map .map-edge{font:12px Arial;fill:var(--muted)}.area-cards{grid-template-columns:1fr 1fr}#area-list{margin-top:75px}#area-go{margin-top:20px}.map-layout h3{margin-top:35px}.search-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;max-width:940px}.search-controls label{margin:0}.catalogue-grid .card h3{font-size:1.15rem}.catalogue-grid .card{padding:22px}.catalogue{margin-bottom:75px}#result-count{font-size:.8rem;color:var(--muted);margin:18px 0}.notes-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;border-top:2px solid var(--ink);padding-top:60px}.notes-layout form{min-width:0;background:var(--white);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:22px}label{display:block;min-width:0;font-size:.88rem;font-weight:600;line-height:1.5}input,select,textarea{display:block;width:100%;min-width:0;max-width:100%;background:white;color:var(--ink);border:1px solid #a4b4a8;border-radius:4px;padding:13px;margin-top:9px;font-weight:400;line-height:1.5}select{padding-right:32px;white-space:normal}textarea{resize:vertical}input[type=date],input[type=time]{min-height:54px;-webkit-appearance:none;appearance:none;max-width:100%;width:100%;box-sizing:border-box}input::-webkit-date-and-time-value{text-align:left}label.full-row{width:100%;flex:0 0 auto;clear:both}.notes-layout .button{align-self:flex-start}.small{font-size:.75rem;color:var(--muted);margin:0}#notes-output{border-top:1px solid var(--line);padding-top:25px}#notes-status{font-size:.8rem;margin:12px 0 0}#notes-text{font-size:.85rem}.searchable{scroll-margin-top:30px}
}
@layer responsive{
@media(min-width:1450px){main{padding-left:0;padding-right:0;max-width:1188px}}
@media(max-width:1050px){header{align-items:flex-start}header nav{gap:10px 18px;max-width:510px}.opening,.split-feature{gap:35px}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.cards,.catalogue-grid{grid-template-columns:1fr 1fr}.commercial-intro{gap:30px}.notes-layout{gap:30px}.map-layout{gap:30px}.promise{padding:65px 30px 30px}.glance{grid-template-columns:110px 1fr 150px;gap:15px}}
@media(max-width:740px){:root{font-size:16px}header{display:block;padding:20px 6%}.brand{font-size:.8rem}header nav{justify-content:flex-start;max-width:none;margin-top:22px;gap:9px 18px;font-size:.78rem}main{padding:22px 6% 75px}.glance{grid-template-columns:1fr;gap:7px;padding:15px 0}.glance-note{display:none}.glance strong{font-size:.65rem}.glance span{font-size:.8rem}.page-head{padding:36px 0 30px}h1{font-size:clamp(2.5rem,8.2vw,4rem);max-width:18ch}.eyebrow{font-size:.62rem;margin-bottom:14px}.opening,.split-feature,.commercial-intro,.map-layout,.notes-layout{grid-template-columns:1fr;gap:30px}.opening{padding:10px 0 40px}.promise{border-radius:75px 75px 6px 6px;padding:50px 28px 25px}.promise li{padding:17px 0 5px}.section-band{padding:35px 0;margin-bottom:40px}.wide-prose{margin:45px 0}.split-feature{padding:40px 0;margin-top:40px}.reading-layout{display:block}.toc{margin-bottom:35px;gap:10px}.toc a{font-size:.8rem}.prose h2{font-size:1.8rem}.prose>section{margin-bottom:33px}.related{margin-top:50px}.related .cards{grid-template-columns:1fr 1fr}.card{padding:22px}.commercial-intro{margin-bottom:40px}.listing-status{padding:28px}.area-cards{grid-template-columns:1fr}.map-frame{padding:10px}.search-controls{grid-template-columns:1fr;gap:18px}.notes-layout{padding-top:40px}.notes-layout form{padding:22px;gap:24px}.notes-layout .button{width:100%;align-self:stretch}.notes-layout .actions .button{width:auto}.floating{right:15px;bottom:max(12px,env(safe-area-inset-bottom));font-size:.76rem;padding:12px 17px}footer{grid-template-columns:1fr;padding:40px 6% 100px;gap:25px}.footer-bottom{grid-column:auto}.note{padding:20px}}
@media(max-width:440px){.cards,.catalogue-grid,.related .cards{grid-template-columns:1fr}.feature-links .cards{grid-template-columns:1fr 1fr;gap:10px}.feature-links .card{padding:16px}.feature-links h3{font-size:1rem}.feature-links .eyebrow{font-size:.55rem}.actions .button{width:100%}.notes-layout form{padding:18px}.contact-email{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{header nav,.floating,.actions,.toc,footer,.search-controls,#notes-form>button{display:none}body{background:white;font-size:11pt}main{max-width:none;padding:0}.reading-layout{display:block}.glance,.page-head{padding:15px 0}.page-head h1{font-size:32pt}.cards{display:block}.card{break-inside:avoid}.prose{max-width:none}a{color:inherit}.notes-layout{display:block}}
}
