/* Metal Stairs and Balustrade, East Grinstead. Published as /assets/mb.css.
   Order: tokens, base, type, layout, controls, masthead, page heads, content blocks, forms, closing and footer, motion.
   Breakpoints (rem): 40 small tablet, 48 tablet, 56 two-column, 60 sidebar, 64 desktop menu, 80 wide. */

/* ---------- tokens ---------- */
:root{
  --mb-night:#0B1F3A;
  --mb-night-soft:#173257;
  --mb-rust:#C8552D;
  --mb-rust-dark:#A3411C;
  --mb-rust-pale:#EDB89F;
  --mb-sand:#F5EFE6;
  --mb-sand-deep:#ECE3D4;
  --mb-chalk:#FFFDF9;
  --mb-text:#17202B;
  --mb-text-soft:#3D4755;
  --mb-mute:#69717E;
  --mb-hair:#E2DACC;
  --mb-hair-pale:rgba(245,239,230,.16);
  --mb-on-night:rgba(245,239,230,.78);
  --mb-ok:#1E6B3B;
  --mb-bad:#A3411C;
  --mb-display:"Fraunces",Georgia,"Times New Roman",serif;
  --mb-body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mb-max:74rem;
  --mb-gutter:clamp(1rem,3.5vw,2.25rem);
  --mb-band-y:clamp(3.25rem,7.5vw,6.25rem);
  --mb-mast-h:4.25rem;
  --mb-glide:cubic-bezier(.2,.7,.25,1);
  --mb-drop:0 1.75rem 3.5rem -2rem rgba(11,31,58,.5);
  --mb-step:polygon(0 100%,0 72%,28% 72%,28% 48%,52% 48%,52% 24%,76% 24%,76% 0,100% 0,100% 100%);
}
@media (min-width:64rem){:root{--mb-mast-h:5.25rem}}

/* ---------- base ---------- */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:calc(var(--mb-mast-h) + 1rem)}
*,::before,::after{box-sizing:inherit}
[hidden]{display:none!important}
body{margin:0;min-block-size:100vh;background:var(--mb-chalk);color:var(--mb-text);font:400 1rem/1.68 var(--mb-body);overflow-x:clip;padding-block-end:4.5rem}
@media (min-width:64rem){body{padding-block-end:0}}
:where(img,iframe){display:block;max-inline-size:100%}
:where(img){block-size:auto}
picture{display:contents}   /* the WebP <picture> wrapper adds no box, so every img rule applies as before */
:where(a){color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
:where(h1,h2,h3,h4){margin:0 0 .45em;font-family:var(--mb-display);font-weight:400;line-height:1.1;letter-spacing:-.018em;text-wrap:balance}
:where(h1){font-size:clamp(2.25rem,1.55rem + 3.2vw,4.25rem);font-weight:300}
:where(h2){font-size:clamp(1.7rem,1.3rem + 1.8vw,2.7rem);font-weight:300}
:where(h3){font-size:1.28rem;font-weight:500}
:where(h1,h2) em{font-style:italic;color:var(--mb-rust)}
:where(p){margin:0 0 1em}
:where(ul,ol)[class]{margin:0;padding:0;list-style:none}
:where(button,input,select,textarea){font:inherit}
:focus-visible{outline:2px solid var(--mb-rust);outline-offset:3px}
.mb-skip{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:200;padding:.6rem 1rem;background:var(--mb-night);color:var(--mb-chalk);font-weight:600;translate:0 -300%}
.mb-skip:focus{translate:none}

/* ---------- type helpers ---------- */
.mb-kicker{display:flex;align-items:center;gap:.65rem;margin:0 0 1.1rem;color:var(--mb-rust);font:600 .7rem/1.25 var(--mb-body);letter-spacing:.22em;text-transform:uppercase}
.mb-kicker::before{content:"";flex:none;inline-size:.5rem;block-size:.5rem;background:currentColor;rotate:45deg}
.mb-kicker--pale{color:var(--mb-rust-pale)}
.mb-standfirst{max-inline-size:60ch;color:var(--mb-text-soft);font-size:clamp(1.04rem,.98rem + .3vw,1.17rem);line-height:1.72}
.mb-trail{margin:0 0 1.2rem;color:var(--mb-mute);font-size:.8rem;letter-spacing:.02em}
.mb-trail a{text-decoration-color:var(--mb-hair)}
.mb-trail a:hover{color:var(--mb-rust-dark)}

/* ---------- layout ---------- */
.mb-wrap{inline-size:100%;max-inline-size:calc(var(--mb-max) + 2 * var(--mb-gutter));margin-inline:auto;padding-inline:var(--mb-gutter)}
.mb-band{padding-block:var(--mb-band-y)}
.mb-band--sand{background:var(--mb-sand)}
.mb-band--night{background:var(--mb-night);color:var(--mb-sand)}
.mb-band--night :is(h2,h3){color:var(--mb-chalk)}
.mb-band--night p{color:var(--mb-on-night)}
.mb-head{max-inline-size:46rem;margin-block-end:clamp(2rem,4vw,3rem)}
.mb-head--split{display:grid;gap:.25rem 4rem;max-inline-size:none}
@media (min-width:56rem){.mb-head--split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end}.mb-head--split .mb-standfirst{margin-block-end:.7rem}}
.mb-duo{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(2rem,5vw,4.5rem)}
.mb-duo>*{flex:1 1 20rem;min-inline-size:0}
.mb-duo>:last-child{flex-grow:1.6}
.mb-duo--media{align-items:center}
.mb-duo--media>:first-child{flex-grow:1.2}
.mb-duo--media>:last-child{flex-grow:1}
@media (min-width:56rem){.mb-pin{position:sticky;inset-block-start:calc(var(--mb-mast-h) + 2rem)}}
.mb-article{display:grid;gap:3rem}
@media (min-width:60rem){
  .mb-article{grid-template-columns:minmax(0,44rem) 21rem;justify-content:space-between;gap:clamp(3rem,5vw,5rem);align-items:start}
  .mb-article>.mb-copy{max-inline-size:none;font-size:1.04rem}
  .mb-article__side{position:sticky;inset-block-start:calc(var(--mb-mast-h) + 2rem)}
}
@media (max-width:59.99rem){.mb-article__side--lead{display:none}}
.mb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1.6rem 0}

/* ---------- controls ---------- */
.mb-btn{--fill:var(--mb-rust);--ink:#fff;--edge:var(--fill);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:3rem;padding:.85rem 1.35rem;border:1px solid var(--edge);background:var(--fill);color:var(--ink);font:600 .8rem/1.15 var(--mb-body);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.mb-btn--rust{--fill:var(--mb-rust)}
.mb-btn:hover{--fill:var(--mb-rust-dark);box-shadow:inset 0 -3px 0 rgba(0,0,0,.16)}
.mb-btn--ink{--fill:var(--mb-night);--ink:var(--mb-sand)}
.mb-btn--ink:hover{--fill:var(--mb-night-soft)}
.mb-btn--line{--fill:transparent;--ink:var(--mb-night);--edge:var(--mb-night)}
.mb-btn--line:hover{--fill:var(--mb-night);--ink:var(--mb-sand)}
.mb-btn--lg{min-block-size:3.5rem;padding-inline:2rem;font-size:.86rem}
.mb-btn--full{display:flex;inline-size:100%}
.mb-btn:disabled{opacity:.6;cursor:progress}
.mb-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.mb-tag{display:inline-block;padding:.35rem .7rem;border:1px solid var(--mb-hair);border-radius:3px;background:var(--mb-chalk);color:inherit;font-size:.84rem;line-height:1.3;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
a.mb-tag:hover{background:var(--mb-night);border-color:var(--mb-night);color:var(--mb-sand)}
.mb-tags--sm .mb-tag{padding:.25rem .55rem;font-size:.76rem}
.mb-tags--plain{margin-block-start:1.25rem}
.mb-tags--plain .mb-tag{background:transparent;border-color:#D8CEBE}
.mb-tags--after{margin-block-start:1.75rem}

/* ---------- masthead, menus, ribbon ---------- */
.mb-mast{position:sticky;inset-block-start:0;z-index:80;background:#fffdf9f2;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 1px 0 var(--mb-hair)}
.mb-mast__bar{display:flex;align-items:center;gap:1.25rem;min-block-size:var(--mb-mast-h)}
.mb-brand{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:.7rem;flex:none;color:var(--mb-night);text-decoration:none}
.mb-brand::before{content:"";grid-row:1/3;inline-size:1.85rem;aspect-ratio:1;background:var(--mb-rust);clip-path:var(--mb-step)}
.mb-brand__name{font:500 clamp(1.08rem,.95rem + .5vw,1.3rem)/1.05 var(--mb-display);letter-spacing:-.01em;white-space:nowrap}
.mb-brand__name em{font-style:italic;color:var(--mb-rust)}
.mb-brand__tag{margin-block-start:.22rem;color:var(--mb-mute);font:500 .56rem/1.3 var(--mb-body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
@media (min-width:40rem){.mb-brand__tag{font-size:.6rem;letter-spacing:.19em}.mb-brand::before{inline-size:2.1rem}}
.mb-nav,.mb-mast__call{display:none}
.mb-nav__list{display:flex;align-items:center;gap:.15rem}
.mb-nav__item{position:relative}
.mb-nav__link,.mb-nav__toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .6rem .55rem;border:0;border-block-end:2px solid transparent;background:none;color:var(--mb-text);font:500 .87rem/1 var(--mb-body);text-decoration:none;white-space:nowrap;cursor:pointer}
.mb-nav__toggle::after{content:"";inline-size:.38rem;block-size:.38rem;border:solid currentColor;border-width:0 1.5px 1.5px 0;rotate:45deg;translate:0 -.15rem;transition:rotate .2s,translate .2s}
.mb-nav__toggle[aria-expanded=true]::after{rotate:225deg;translate:0 .1rem}
.mb-nav__link:hover,.mb-nav__toggle:hover,.mb-nav__link[aria-current],.mb-nav__item[data-here]>.mb-nav__toggle{border-block-end-color:var(--mb-rust)}
.mb-nav__menu{position:absolute;inset-block-start:calc(100% + .55rem);inset-inline-start:-.4rem;z-index:5;display:grid;min-inline-size:15rem;padding:.45rem;background:var(--mb-chalk);border:1px solid var(--mb-hair);border-block-start:2px solid var(--mb-rust);box-shadow:var(--mb-drop);opacity:0;visibility:hidden;translate:0 .4rem;transition:opacity .18s,translate .2s var(--mb-glide),visibility .18s}
.mb-nav__menu::before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:.7rem}
.mb-nav__menu--cols{grid-template-columns:1fr 1fr;min-inline-size:31rem}
.mb-nav__toggle[aria-expanded=true]+.mb-nav__menu,.mb-nav__item:hover>.mb-nav__menu,.mb-nav__item:focus-within>.mb-nav__menu{opacity:1;visibility:visible;translate:none}
.mb-nav__menu a{display:block;padding:.45rem .7rem;font-size:.88rem;line-height:1.3;text-decoration:none}
.mb-nav__menu a:hover,.mb-nav__menu a[aria-current]{background:var(--mb-sand);color:var(--mb-rust-dark)}
.mb-mast__tel{display:none;color:var(--mb-night);font:500 1.15rem/1 var(--mb-display);text-decoration:none;white-space:nowrap}
.mb-menu-btn{display:grid;place-items:center;flex:none;margin-inline-start:auto;inline-size:2.75rem;block-size:2.75rem;padding:0;border:0;background:var(--mb-night);color:var(--mb-sand);cursor:pointer}
.mb-menu-btn__bars,.mb-menu-btn__bars::before,.mb-menu-btn__bars::after{display:block;inline-size:1.15rem;block-size:2px;background:currentColor;transition:rotate .25s,translate .25s,background-color .2s}
.mb-menu-btn__bars{position:relative}
.mb-menu-btn__bars::before,.mb-menu-btn__bars::after{content:"";position:absolute;inset-inline-start:0}
.mb-menu-btn__bars::before{translate:0 -6px}
.mb-menu-btn__bars::after{translate:0 6px}
.mb-menu-btn[aria-expanded=true] .mb-menu-btn__bars{background-color:transparent}
.mb-menu-btn[aria-expanded=true] .mb-menu-btn__bars::before{translate:none;rotate:45deg}
.mb-menu-btn[aria-expanded=true] .mb-menu-btn__bars::after{translate:none;rotate:-45deg}
.mb-drawer{position:fixed;inset:var(--mb-mast-h) 0 0;z-index:79;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem var(--mb-gutter) 2.5rem;background:var(--mb-chalk);border-block-start:1px solid var(--mb-hair)}
html[data-drawer]{overflow:hidden}
.mb-drawer__group+.mb-drawer__group{margin-block-start:1rem;padding-block-start:1rem;border-block-start:1px solid var(--mb-hair)}
.mb-drawer__label{margin:0 0 .45rem;color:var(--mb-rust);font:600 .68rem/1.2 var(--mb-body);letter-spacing:.2em;text-transform:uppercase}
.mb-drawer__links{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));column-gap:1rem}
.mb-drawer__links a{display:block;padding-block:.42rem;font-size:.97rem;line-height:1.35;text-decoration:none}
.mb-drawer>.mb-btn{margin-block-start:1.5rem}
@media (min-width:64rem){
  .mb-nav{display:block;margin-inline-start:auto}
  .mb-mast__call{display:flex;align-items:center;gap:1.1rem;padding-inline-start:1.25rem;border-inline-start:1px solid var(--mb-hair)}
  .mb-menu-btn,.mb-drawer{display:none}
}
@media (min-width:84rem){.mb-mast__tel{display:inline}}
.mb-ribbon{background:var(--mb-sand);border-block-end:1px solid var(--mb-hair);color:var(--mb-text-soft);font-size:.78rem;line-height:1.45}
.mb-ribbon__row{display:flex;flex-direction:column;gap:.1rem;padding-block:.5rem}
.mb-ribbon__addr{order:-1}
.mb-ribbon__mail{display:none;color:var(--mb-rust-dark);text-decoration:none}
@media (min-width:48rem){
  .mb-ribbon__row{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:1.4rem}
  .mb-ribbon__hours::before{content:"";display:inline-block;inline-size:4px;block-size:4px;margin-inline-end:1.4rem;background:var(--mb-rust);rotate:45deg;vertical-align:middle}
  .mb-ribbon__mail{display:inline;order:1;margin-inline-start:auto}
}

/* ---------- home lead ---------- */
.mb-lead{position:relative;overflow:clip;background-color:var(--mb-night);background-image:linear-gradient(rgba(245,239,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(245,239,230,.045) 1px,transparent 1px);background-size:2.75rem 2.75rem;color:var(--mb-sand)}
.mb-lead__grid{display:grid;grid-template-areas:"copy" "form" "facts" "pic";gap:2rem;padding-block:clamp(2.5rem,6vw,4.75rem) clamp(2.75rem,5vw,4.25rem)}
@media (min-width:64rem){.mb-lead__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-areas:"copy pic" "facts pic" "form form";column-gap:clamp(3rem,5vw,5rem);row-gap:2.25rem}}
.mb-lead__copy{grid-area:copy}
.mb-lead__title{color:var(--mb-chalk);font-size:clamp(2.3rem,1.5rem + 3.9vw,4.6rem)}
.mb-lead__title>span{display:block}
.mb-lead .mb-standfirst{margin-block-end:0;color:var(--mb-on-night)}
.mb-lead__facts{grid-area:facts;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:1.1rem 2rem;padding-block-start:1.5rem;border-block-start:1px solid var(--mb-hair-pale)}
.mb-lead__facts li{display:flex;flex-direction:column;gap:.3rem}
.mb-lead__facts b{color:var(--mb-chalk);font:500 1.55rem/1 var(--mb-display)}
.mb-lead__facts span{color:rgba(245,239,230,.62);font-size:.8rem;line-height:1.45}
.mb-lead__pic{grid-area:pic;position:relative;isolation:isolate;margin:.85rem 0 0 .85rem;min-block-size:16rem}
.mb-lead__pic img{inline-size:100%;block-size:100%;aspect-ratio:4/3;object-fit:cover}
.mb-lead__pic::after{content:"";position:absolute;z-index:-1;inset:-.85rem auto auto -.85rem;inline-size:62%;block-size:62%;border-block-start:2px solid var(--mb-rust);border-inline-start:2px solid var(--mb-rust)}
.mb-lead__pic figcaption{position:absolute;inset-inline-end:0;inset-block-end:1.25rem;max-inline-size:14.5rem;padding:.6rem .85rem;background:var(--mb-chalk);color:var(--mb-night);border-inline-start:3px solid var(--mb-rust);font:600 .68rem/1.4 var(--mb-body);letter-spacing:.12em;text-transform:uppercase}
@media (min-width:64rem){.mb-lead__pic img{position:absolute;inset:0;aspect-ratio:auto}}
.mb-lead .mb-quick{grid-area:form}

/* ---------- inner page heads ---------- */
.mb-intro{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(2.25rem,5vw,4rem) clamp(2.25rem,4.5vw,3.5rem);background:var(--mb-sand);border-block-end:1px solid var(--mb-hair)}
.mb-intro h1{max-inline-size:22ch;font-size:clamp(2.15rem,1.5rem + 2.6vw,3.6rem)}
.mb-intro__text>.mb-standfirst{margin-block-end:0}
.mb-intro:not(.mb-intro--form)::after{content:"";position:absolute;z-index:-1;inset-block-end:0;inset-inline-end:var(--mb-gutter);inline-size:min(34vw,21rem);aspect-ratio:1;background:var(--mb-sand-deep);clip-path:var(--mb-step)}
.mb-intro__grid{display:grid;gap:2.5rem}
.mb-intro--form .mb-quick::before{content:"";position:absolute;z-index:-1;inset:-2rem -100vw -100vh;background:var(--mb-night)}
@media (min-width:60rem){
  .mb-intro__grid{grid-template-columns:minmax(0,1fr) minmax(20rem,23.5rem);column-gap:clamp(3.5rem,6vw,6rem);align-items:center}
  .mb-intro--form .mb-quick::before{inset:-100vh -100vw -100vh calc(-1 * clamp(1.75rem,3vw,3rem))}
}
.mb-quick{position:relative;padding:1.35rem 1.35rem 1.1rem;background:var(--mb-chalk);color:var(--mb-text);border-inline-start:4px solid var(--mb-rust);box-shadow:var(--mb-drop)}
.mb-quick--band{padding:clamp(1.25rem,3vw,2rem)}

/* ---------- content blocks ---------- */
.mb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:clamp(1.25rem,2.5vw,2rem)}
.mb-tile{position:relative;display:flex;flex-direction:column;background:var(--mb-chalk);color:inherit;text-decoration:none;box-shadow:0 0 0 1px var(--mb-hair)}
.mb-tile:hover{box-shadow:0 0 0 1px var(--mb-night),var(--mb-drop)}
.mb-tile__pic{display:block;overflow:hidden;aspect-ratio:3/2;background:var(--mb-sand)}
.mb-tile__pic img{inline-size:100%;block-size:100%;object-fit:cover;transition:scale .8s var(--mb-glide)}
.mb-tile:hover .mb-tile__pic img{scale:1.06}
.mb-tile__no{position:absolute;inset-block-start:0;inset-inline-start:0;padding:.45rem .65rem;background:var(--mb-night);color:var(--mb-sand);font:600 .72rem/1 var(--mb-body);letter-spacing:.14em}
.mb-tile__name{margin:1.1rem 1.25rem .35rem;font-size:1.28rem}
.mb-tile__text{margin:0 1.25rem 1.4rem;color:var(--mb-mute);font-size:.93rem;line-height:1.6}
.mb-tile::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;background:var(--mb-rust);scale:0 1;transform-origin:left;transition:scale .35s var(--mb-glide)}
.mb-tile:hover::after{scale:1 1}
.mb-places{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));column-gap:2.5rem}
.mb-place{display:grid;grid-template-columns:1fr auto;grid-template-areas:"county go" "name go" "near go";column-gap:1rem;padding-block:1.1rem;border-block-end:1px solid #D9CFBF;color:inherit;text-decoration:none}
.mb-place::after{content:"\2192";grid-area:go;align-self:center;color:var(--mb-rust);font-size:1.15rem;transition:translate .25s var(--mb-glide)}
.mb-place:hover::after{translate:.3rem 0}
.mb-place:hover .mb-place__name{color:var(--mb-rust-dark)}
.mb-place__county{grid-area:county;color:var(--mb-rust);font:600 .64rem/1.3 var(--mb-body);letter-spacing:.18em;text-transform:uppercase}
.mb-place__name{grid-area:name;color:var(--mb-night);font:500 1.45rem/1.25 var(--mb-display)}
.mb-place__near{grid-area:near;color:var(--mb-mute);font-size:.85rem;line-height:1.45}
.mb-townlist{columns:12rem;column-gap:2.5rem;color:var(--mb-text-soft);font-size:.95rem;line-height:1.9}
.mb-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14.5rem),1fr));gap:2.5rem 2rem;counter-reset:mb-step}
.mb-steps>li{position:relative;padding-block-start:4rem;counter-increment:mb-step}
.mb-steps>li::before{content:counter(mb-step,decimal-leading-zero);position:absolute;inset-block-start:0;inset-inline-start:0;display:grid;place-items:center;inline-size:2.9rem;block-size:2.9rem;border:1px solid var(--mb-rust);border-radius:50%;color:var(--mb-rust-pale);font:400 1.05rem/1 var(--mb-display)}
.mb-steps>li::after{content:"";position:absolute;inset-block-start:1.45rem;inset-inline:3.6rem 0;block-size:1px;background:linear-gradient(90deg,var(--mb-rust),var(--mb-hair-pale))}
.mb-steps>li:last-child::after{display:none}
.mb-steps h3{font-size:1.2rem}
.mb-steps p{margin:0;font-size:.95rem}
.mb-pics{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;align-items:start}
.mb-pics img{inline-size:100%;object-fit:cover}
.mb-pics>:first-child img{aspect-ratio:4/5}
.mb-pics>:last-child{margin-block-start:clamp(2rem,6vw,4.5rem)}
.mb-pics>:last-child img{aspect-ratio:3/4}
.mb-tally{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.25rem;margin-block-start:2rem}
.mb-tally>div{padding-inline-start:.9rem;border-inline-start:2px solid var(--mb-rust)}
.mb-tally b{display:block;color:var(--mb-night);font:300 clamp(2.3rem,1.9rem + 1.8vw,3.4rem)/1 var(--mb-display);font-variant-numeric:tabular-nums}
.mb-tally span{display:block;margin-block-start:.45rem;color:var(--mb-mute);font-size:.84rem;line-height:1.45}
.mb-copy{max-inline-size:68ch}
.mb-copy>:first-child{margin-block-start:0}
.mb-copy h2{margin-block:2.5rem .65rem;font-size:clamp(1.42rem,1.2rem + .9vw,1.85rem);font-weight:500}
.mb-copy p{line-height:1.8}
.mb-copy ul{margin:0 0 1.2rem;padding:0;list-style:none}
.mb-copy li{position:relative;margin-block-end:.55rem;padding-inline-start:1.35rem}
.mb-copy li::before{content:"";position:absolute;inset-block-start:.8em;inset-inline-start:0;inline-size:.6rem;block-size:2px;background:var(--mb-rust)}
.mb-copy--legal{max-inline-size:72ch}
.mb-figure{position:relative;isolation:isolate;margin:0 0 2.25rem .7rem}
.mb-figure img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
.mb-figure::after{content:"";position:absolute;z-index:-1;inset:auto auto -.7rem -.7rem;inline-size:40%;block-size:45%;border-block-end:3px solid var(--mb-rust);border-inline-start:3px solid var(--mb-rust)}
.mb-panel{padding:1.75rem;background:var(--mb-night);color:var(--mb-sand)}
.mb-panel h3{margin-block-start:0;color:var(--mb-chalk)}
.mb-panel p{color:var(--mb-on-night);font-size:.95rem}
.mb-panel__tel{display:block;margin-block:.4rem .15rem;color:var(--mb-chalk);font:500 1.85rem/1.15 var(--mb-display);text-decoration:none}
.mb-panel small{display:block;margin-block-end:1.25rem;color:rgba(245,239,230,.6);font-size:.8rem;line-height:1.5}
.mb-panel__links{margin-block-start:1.4rem;padding-block-start:1rem;border-block-start:1px solid var(--mb-hair-pale);font-size:.9rem}
.mb-panel__links a{display:block;padding-block:.25rem;color:var(--mb-rust-pale);text-decoration:none;overflow-wrap:anywhere}
.mb-panel__links a:hover{color:#fff;text-decoration:underline}
.mb-qa{border-block-end:1px solid var(--mb-hair)}
.mb-qa-list>.mb-qa:first-child{border-block-start:1px solid var(--mb-hair)}
.mb-qa summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:1.15rem;color:var(--mb-night);font:500 1.1rem/1.4 var(--mb-display);list-style:none;cursor:pointer}
.mb-qa summary::-webkit-details-marker{display:none}
.mb-qa summary::after{content:"";flex:none;inline-size:1.9rem;block-size:1.9rem;border-radius:50%;background:linear-gradient(var(--mb-rust),var(--mb-rust)) center/.75rem 2px no-repeat,linear-gradient(var(--mb-rust),var(--mb-rust)) center/2px .75rem no-repeat,var(--mb-sand);transition:background-size .25s}
.mb-qa[open] summary::after{background-size:.75rem 2px,2px 0,auto}
.mb-qa summary:hover{color:var(--mb-rust-dark)}
.mb-qa__a{max-inline-size:64ch;padding-block-end:1.25rem;color:var(--mb-text-soft)}
.mb-qa__a p{margin:0}
.mb-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));grid-auto-rows:15rem;grid-auto-flow:dense;gap:1rem}
@media (min-width:48rem){.mb-wall{grid-auto-rows:13rem}}
.mb-wall figure{position:relative;margin:0;overflow:hidden;background:var(--mb-sand)}
.mb-wall figure:has(img[data-shape=tall]){grid-row:span 2}
.mb-wall img{inline-size:100%;block-size:100%;object-fit:cover}
.mb-wall figcaption{position:absolute;inset-inline-start:0;inset-block-end:0;max-inline-size:calc(100% - 1.5rem);padding:.4rem .7rem;background:var(--mb-chalk);color:var(--mb-night);border-inline-start:3px solid var(--mb-rust);font-size:.78rem;line-height:1.35}

/* ---------- advice notes: byline, figure tables, captioned photos, sources ---------- */
.mb-byline{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin:1.2rem 0 0;color:var(--mb-mute);font-size:.84rem;line-height:1.4}
.mb-byline span+span::before{content:"";display:inline-block;inline-size:4px;block-size:4px;margin-inline-end:1.1rem;background:var(--mb-rust);rotate:45deg;vertical-align:middle}
.mb-byline b{color:var(--mb-night);font-weight:600}
.mb-copy--note{min-inline-size:0}
.mb-copy--note h2{clear:both}
.mb-copy--note p b:first-child{color:var(--mb-night)}
.mb-scroll{clear:both;overflow-x:auto;margin:0 0 1.6rem;-webkit-overflow-scrolling:touch}
@media (max-width:39.99rem){.mb-scroll::before{content:"Swipe sideways for the whole table \2192";display:block;margin-block-end:.4rem;color:var(--mb-mute);font-size:.75rem;letter-spacing:.04em}.mb-table caption{position:sticky;left:0;max-inline-size:calc(100vw - 2rem)}}
.mb-table{inline-size:100%;min-inline-size:28rem;border-collapse:collapse;font-size:.92rem;line-height:1.45;font-variant-numeric:tabular-nums}
.mb-table caption{caption-side:bottom;padding-block-start:.6rem;color:var(--mb-mute);font-size:.8rem;line-height:1.45;text-align:start}
.mb-table :is(th,td){padding:.6rem .75rem .6rem 0;border-block-end:1px solid var(--mb-hair);text-align:start;vertical-align:top}
.mb-table thead th{border-block-end:2px solid var(--mb-night);color:var(--mb-night);font:600 .68rem/1.3 var(--mb-body);letter-spacing:.13em;text-transform:uppercase}
.mb-table tbody th{color:var(--mb-night);font-weight:600}
.mb-table td{white-space:normal}
.mb-shot{margin:.35rem 0 1.75rem}
.mb-shot img{inline-size:100%;background:var(--mb-sand)}
.mb-shot figcaption{margin-block-start:.65rem;padding-inline-start:.75rem;border-inline-start:3px solid var(--mb-rust);color:var(--mb-text-soft);font-size:.85rem;line-height:1.55}
.mb-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.35rem 0 1.75rem}
.mb-shots .mb-shot{margin:0}
.mb-shots img{aspect-ratio:2/3;object-fit:cover}
@media (min-width:48rem){.mb-shot--side{float:right;inline-size:min(42%,18rem);margin:.4rem 0 1.25rem 1.75rem}}
.mb-intro--pic::after{display:none}
.mb-shot--lead{margin:0;max-inline-size:22rem}
@media (min-width:60rem){.mb-intro--pic .mb-intro__grid{grid-template-columns:minmax(0,1fr) 20rem}.mb-shot--lead{max-inline-size:none}}
.mb-sources{clear:both;margin-block-start:2.25rem;padding:1rem 1.2rem;background:var(--mb-sand);color:var(--mb-text-soft);font-size:.85rem;line-height:1.6}
.mb-sources a{color:var(--mb-rust-dark)}
.mb-band--mid{padding-block:clamp(2.25rem,5vw,3.5rem)}
.mb-mid__call{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-block-end:1.25rem}
.mb-mid__call p{flex:1 1 22rem;margin:0;color:var(--mb-night);font:400 clamp(1.15rem,1rem + .5vw,1.4rem)/1.35 var(--mb-display)}
.mb-recent{margin-block-start:1.25rem;padding:1.5rem 1.75rem;background:var(--mb-sand);border-inline-start:3px solid var(--mb-rust)}
.mb-recent h3{font-size:1.1rem}
.mb-recent ul{margin:0 0 .8rem;padding:0;list-style:none}
.mb-recent li{padding-block:.35rem;border-block-end:1px solid var(--mb-hair);font-size:.92rem;line-height:1.4}
.mb-recent li a{color:var(--mb-night);text-decoration:none}
.mb-recent li a:hover{color:var(--mb-rust-dark);text-decoration:underline}
.mb-recent__all{color:var(--mb-rust-dark);font-size:.85rem;font-weight:600}

/* ---------- forms ---------- */
.mb-form{position:relative}
.mb-form__title{margin:0 0 .3rem;color:var(--mb-night);font-size:1.45rem;font-weight:500}
.mb-form__lead{margin:0 0 1rem;color:var(--mb-mute);font-size:.88rem;line-height:1.5}
.mb-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .75rem}
.mb-field{display:flex;flex-direction:column;gap:.35rem;min-inline-size:0}
.mb-field--name,.mb-field--file,.mb-field--text,.mb-form__go{grid-column:1/-1}
.mb-field label{color:var(--mb-mute);font:600 .69rem/1.25 var(--mb-body);letter-spacing:.13em;text-transform:uppercase}
.mb-field :is(input,select,textarea){inline-size:100%;min-block-size:2.9rem;padding:.7rem .85rem;border:1px solid #D5CBBB;border-radius:2px;background:#fff;color:var(--mb-text);font-size:1rem;transition:border-color .15s,box-shadow .15s}
.mb-field textarea{min-block-size:7rem;resize:vertical}
.mb-field :is(input,select,textarea):focus{outline:0;border-color:var(--mb-night);box-shadow:0 0 0 3px rgba(200,85,45,.2)}
.mb-field input[type=file]{min-block-size:0;padding:.5rem;border-style:dashed;background:var(--mb-sand);font-size:.84rem;cursor:pointer}
.mb-field input[type=file]::file-selector-button{margin-inline-end:.7rem;padding:.5rem .75rem;border:0;border-radius:2px;background:var(--mb-night);color:var(--mb-sand);font:600 .7rem/1 var(--mb-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mb-field__opt{margin-inline-start:.3rem;font-weight:500;letter-spacing:.03em;text-transform:none;opacity:.85}
.mb-field__help{margin:0;color:var(--mb-mute);font-size:.78rem;line-height:1.45}
.mb-form__files{font-size:.8rem;line-height:1.5}
.mb-form__files small{margin-inline-start:.35rem;color:var(--mb-mute);font-size:inherit}
.mb-form__msg{margin:.75rem 0 0;font-size:.92rem;font-weight:600;line-height:1.45}
.mb-form__msg:empty{margin:0}
.mb-form__msg[data-tone]{padding:.65rem .85rem;border-inline-start:3px solid currentColor}
.mb-form__msg[data-tone=ok]{color:var(--mb-ok);background:#E6F1E9}
.mb-form__msg[data-tone=bad]{color:var(--mb-bad);background:#FBECE5}
.mb-form__alt,.mb-form__note{margin:.75rem 0 0;color:var(--mb-mute);font-size:.82rem;line-height:1.5}
.mb-form__alt a{color:var(--mb-night);font-weight:600;white-space:nowrap}
.mb-form--full>.mb-btn{margin-block-start:1.1rem}
.mb-hp{position:absolute;inset-inline-start:-100vw;inline-size:1px;block-size:1px;opacity:0}
@media (max-width:29.99rem){.mb-form--full .mb-form__grid{grid-template-columns:minmax(0,1fr)}}
@media (min-width:48rem){
  .mb-quick--band .mb-form{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"title grid" "lead grid" "alt grid" ". msg";column-gap:clamp(1.5rem,4vw,3rem);align-items:start}
  .mb-quick--band .mb-form__title{grid-area:title}
  .mb-quick--band .mb-form__lead{grid-area:lead}
  .mb-quick--band .mb-form__alt{grid-area:alt}
  .mb-quick--band .mb-form__msg{grid-area:msg}
  .mb-quick--band .mb-form__grid{grid-area:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .mb-quick--band .mb-field--name{grid-column:auto}
  .mb-quick--band .mb-field--file{grid-column:span 2}
  .mb-quick--band .mb-form__go{grid-column:auto;padding-block-start:1.3rem}
}
.mb-contact{display:grid;gap:clamp(2.25rem,5vw,4rem)}
@media (min-width:60rem){.mb-contact{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}}
.mb-contact__h{margin-block:2.1rem .8rem}
.mb-detail{display:flex;flex-direction:column;gap:.2rem;padding-block:1.05rem;border-block-end:1px solid var(--mb-hair)}
.mb-detail:first-child{padding-block-start:0}
.mb-detail b{color:var(--mb-rust);font:600 .66rem/1.2 var(--mb-body);letter-spacing:.18em;text-transform:uppercase}
.mb-detail a,.mb-detail__val{color:var(--mb-night);font:500 1.3rem/1.3 var(--mb-display);text-decoration:none;overflow-wrap:anywhere}
.mb-detail small{color:var(--mb-mute);font-size:.84rem}
.mb-map{margin-block-start:1.5rem;padding:.4rem;border:1px solid var(--mb-hair);background:var(--mb-sand)}
.mb-map iframe{inline-size:100%;block-size:17rem;border:0}
.mb-formcard{padding:clamp(1.25rem,3vw,2rem);background:var(--mb-chalk);border-inline-start:4px solid var(--mb-night);box-shadow:0 0 0 1px var(--mb-hair),var(--mb-drop)}
.mb-formcard__h{font-size:1.7rem;font-weight:400}
.mb-formcard__sub{margin-block-start:-.25rem;color:var(--mb-mute)}

/* ---------- closing, footer, quick-contact bar ---------- */
.mb-finale{padding-block:calc(var(--mb-band-y) * .45) var(--mb-band-y)}
.mb-finale__box{display:grid;background:var(--mb-sand);box-shadow:0 0 0 1px var(--mb-hair)}
@media (min-width:56rem){.mb-finale__box{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}}
.mb-finale__copy{padding:clamp(1.75rem,4.5vw,3.5rem)}
.mb-finale__copy h2{color:var(--mb-night)}
.mb-finale__copy p:last-child{margin-block-end:0;color:var(--mb-text-soft)}
.mb-finale__act{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.85rem;padding:clamp(1.75rem,4.5vw,3.5rem);background:var(--mb-night);color:var(--mb-sand)}
.mb-finale__tel{color:var(--mb-chalk);font:500 clamp(1.7rem,1.4rem + 1vw,2.1rem)/1.1 var(--mb-display);text-decoration:none}
.mb-finale__mail{color:var(--mb-rust-pale);font-size:.92rem;text-decoration:none;overflow-wrap:anywhere}
.mb-finale__mail:hover,.mb-finale__tel:hover{text-decoration:underline}
.mb-foot{background:var(--mb-night);color:var(--mb-on-night);font-size:.92rem}
.mb-foot a{text-decoration:none}
.mb-foot a:hover{color:#fff;text-decoration:underline}
.mb-foot__top{display:grid;gap:2rem;padding-block:3.5rem 2.5rem}
@media (min-width:56rem){.mb-foot__top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end}}
.mb-foot .mb-brand{color:var(--mb-chalk)}
.mb-foot .mb-brand__tag{color:rgba(245,239,230,.55)}
.mb-foot__about p{max-inline-size:46ch;margin:1.1rem 0 0}
.mb-foot__addr{font-style:normal;line-height:1.75}
.mb-foot__addr b{color:var(--mb-chalk)}
.mb-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:2rem;padding-block:2.5rem;border-block:1px solid var(--mb-hair-pale)}
.mb-foot__h{margin:0 0 .85rem;color:var(--mb-rust-pale);font:600 .68rem/1.2 var(--mb-body);letter-spacing:.2em;text-transform:uppercase}
.mb-foot__links a{display:block;padding-block:.2rem}
.mb-foot .mb-tag{background:transparent;border-color:var(--mb-hair-pale);color:inherit}
.mb-foot a.mb-tag:hover{background:var(--mb-chalk);color:var(--mb-night);text-decoration:none}
.mb-foot__more{display:inline-block;margin-block-start:.85rem;color:var(--mb-chalk);text-decoration:underline!important}
.mb-foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.2rem 1.6rem;color:rgba(245,239,230,.55);font-size:.8rem}
.mb-foot__base p{margin:0}
.mb-reach{position:fixed;inset-inline:0;inset-block-end:0;z-index:70;display:flex;gap:.5rem;padding:.5rem .5rem max(.5rem,env(safe-area-inset-bottom));background:var(--mb-chalk);box-shadow:0 -1px 0 var(--mb-hair),0 -.5rem 1.5rem -.75rem rgba(11,31,58,.35)}
.mb-reach a{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-block-size:2.85rem;font:600 .76rem/1.1 var(--mb-body);letter-spacing:.08em;text-align:center;text-transform:uppercase;text-decoration:none}
.mb-reach__call{border:1px solid var(--mb-night);color:var(--mb-night)}
.mb-reach__quote{background:var(--mb-rust);color:#fff}
@media (min-width:64rem){.mb-reach{display:none}}
.mb-lost__box{max-inline-size:42rem;text-align:center}
.mb-lost .mb-kicker,.mb-lost .mb-actions{justify-content:center}
.mb-lost .mb-standfirst{margin-inline:auto}

/* ---------- motion: only for visitors who have not asked for less ---------- */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .mb-skip{transition:translate .2s}
  [data-fx]{transition:opacity .7s var(--mb-glide),translate .8s var(--mb-glide),box-shadow .25s}
  [data-fx=unveil] img{clip-path:inset(0);transition:clip-path 1.1s var(--mb-glide) .1s}
  [data-js] [data-fx]:not([data-fx-on]){opacity:0}
  [data-js] [data-fx=rise]:not([data-fx-on]){translate:0 1.25rem}
  [data-js] [data-fx=unveil]:not([data-fx-on]) img{clip-path:inset(0 0 100% 0)}
}