/* Sell My Old Car: kitchen-table stylesheet. Warm cream, teal, mustard. Zilla Slab + Atkinson Hyperlegible. */
:root{
  --cream:#fbf4e4; --cream-2:#f3e6c8; --white:#fffdf8;
  --teal:#0f5e5c; --teal-d:#0a4442; --teal-ink:#0b3534; --mint:#dcede8;
  --mustard:#e2a72e; --mustard-d:#c48a14; --mustard-l:#f7e2a9;
  --ink:#1e2b2a; --soft:#46524f; --line:#d9c9a3;
  --wa:#11733c;
  --slab:'Zilla Slab',Rockwell,'Roboto Slab',Georgia,serif;
  --read:'Lexend',Verdana,Arial,sans-serif;
  --max:1180px; --pad:clamp(16px,4vw,36px); --r:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.1rem/1.65 var(--read);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--teal-d)}
h1,h2,h3{margin:0;font-family:var(--slab);font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:4px solid var(--mustard);outline-offset:3px;border-radius:4px}
.skipper{position:absolute;left:-999px;top:0;background:var(--teal);color:#fff;padding:.7rem 1rem;z-index:100}
.skipper:focus{left:1rem}
.hp{position:absolute;left:-9999px}
.shelf{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.shelf--narrow{max-width:860px}

/* chunky buttons */
.press{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:10px;border:2px solid var(--ink);border-bottom-width:4px;font:600 1.05rem/1.2 var(--read);text-decoration:none;cursor:pointer;transition:transform .1s,background-color .15s}
.press:active{transform:translateY(2px);border-bottom-width:2px}
.press--mustard{background:var(--mustard);color:var(--ink)}
.press--mustard:hover{background:#eab547;color:var(--ink)}
.press--teal{background:var(--teal);color:#fff;border-color:var(--teal-ink)}
.press--teal:hover{background:var(--teal-d);color:#fff}
.press--ghost{background:var(--white);color:var(--ink)}
.press--ghost:hover{background:var(--cream-2);color:var(--ink)}
.press--wa{background:var(--wa);color:#fff;border-color:#0a4a26}
.press--wa:hover{background:#0c5c2f;color:#fff}
.press--sm{padding:.6rem 1.05rem;font-size:.98rem}
.press--xs{padding:.35rem .75rem;font-size:.92rem;border-bottom-width:3px}
.press--full{width:100%}

/* header */
.signboard{background:var(--white);border-bottom:3px solid var(--teal);position:relative;z-index:20}
.signboard__in{display:flex;align-items:center;gap:1.4rem;min-height:84px}
.housemark{display:inline-flex;align-items:center;gap:.6rem;color:var(--teal);text-decoration:none;margin-right:auto}
.housemark__key{width:42px;height:42px;color:var(--mustard-d)}
.housemark__name{font:700 1.6rem/1 var(--slab);letter-spacing:-.005em;white-space:nowrap}
.housemark--light{color:#fff}
.housemark--light .housemark__key{color:var(--mustard)}
.signboard__call{order:3;text-decoration:none;color:var(--ink);font-weight:600;font-size:1.05rem;white-space:nowrap}
.signboard__call span{display:block;font-weight:400;font-size:.8rem;color:var(--soft)}
.menu{display:flex;align-items:center;gap:1.4rem;order:2}
.menu ul{display:flex;gap:1.3rem;list-style:none;margin:0;padding:0}
.menu ul a{color:var(--ink);text-decoration:none;font-size:1rem;white-space:nowrap}
.menu ul a:hover,.menu ul a[aria-current]{color:var(--teal);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--mustard)}
.signboard__menu{display:none;order:4;margin-left:auto;background:var(--teal);color:#fff;border:0;border-radius:10px;font:600 1rem var(--read);padding:.6rem 1rem;cursor:pointer}

/* welcome (hero) */
.welcome{padding:clamp(36px,5vw,72px) 0}
.welcome__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start}
.welcome__since{display:inline-block;background:var(--mint);color:var(--teal-d);font-weight:600;font-size:.98rem;padding:.3rem .8rem;border-radius:999px;margin-bottom:1.1rem}
.welcome h1{font-weight:700;color:var(--teal-ink)}
.welcome__title{display:block;font:700 clamp(3rem,7.5vw,5.6rem)/.98 var(--slab);color:var(--teal);letter-spacing:-.01em}
.welcome__line{display:block;margin-top:1rem;font:500 clamp(1.3rem,2.2vw,1.65rem)/1.35 var(--slab);color:var(--ink);max-width:30ch}
.welcome__lead{margin-top:1.4rem;max-width:58ch}
.welcome--inner h1{font:700 clamp(2.3rem,5vw,3.8rem)/1.05 var(--slab);color:var(--teal);margin:.8rem 0 1rem}
.welcome--inner .welcome__lead{margin-top:0}
.welcome__talk{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:1.05rem}
.welcome__talk>a:first-child{font-weight:600;color:var(--ink)}
.breadcrumb{font-size:.95rem;color:var(--soft)}
.yes-list{list-style:none;margin:1.2rem 0 1.4rem;padding:0;display:grid;gap:.6rem}
.yes-list li{position:relative;padding-left:2.2rem;font-weight:600}
.yes-list li::before{content:"";position:absolute;left:0;top:.2em;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.yes-list--dark li{font-weight:400}
.ways{display:grid;grid-template-columns:auto 1fr;gap:.8rem 1.4rem;align-items:center;margin:1.2rem 0}
.ways dt{color:var(--soft)}
.ways dd{margin:0;font-weight:600}

/* valuation form */
.ask-form{background:var(--white);border:3px solid var(--teal);border-radius:var(--r);overflow:hidden}
.ask-form__top{background:var(--teal);color:#fff;padding:1.1rem 1.4rem}
.ask-form__top h2{font-size:1.75rem;line-height:1.1}
.ask-form__top p{margin:.3rem 0 0;font-size:1rem;opacity:.95}
.ask-form>.ask-form__err,.ask-form>.ask-form__one,.ask-form>.ask-form__two,.ask-form>.ask-form__alt{margin-left:1.4rem;margin-right:1.4rem}
.ask-form__err{background:#fde8e4;color:#8a1c0e;border-left:5px solid #b3261e;padding:.7rem .9rem;margin-top:1rem;font-weight:600}
.ask-form__one{padding-top:1.2rem}
.ask{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:1rem;margin-bottom:1rem;min-width:0}
.ask em{font-style:normal;font-weight:400;color:var(--soft)}
.ask input,.ask select,.ask textarea{width:100%;font:400 1.1rem var(--read);color:var(--ink);background:#fff;border:2px solid #8f8a7c;border-radius:8px;padding:.8rem .9rem;min-height:54px}
.ask textarea{min-height:100px;resize:vertical}
.ask input:focus,.ask select:focus,.ask textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--mustard-l)}
.ask input.invalid{border-color:#b3261e;box-shadow:0 0 0 4px #f7d4cc}
.ask--plate input{background:#f8d43d;border-color:#1e2b2a;font:600 1.5rem/1 var(--read);letter-spacing:.12em;text-transform:uppercase;text-align:center;min-height:62px}
.ask--plate input::placeholder{color:#5b4c10}
.money{position:relative;display:block}
.money>span{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--soft)}
.money input{padding-left:1.9rem}
.ask-form__one .press{min-height:58px;font-size:1.1rem}
.ask-form__two{border-top:2px dashed var(--line);padding-top:1rem}
.js .ask-form:not(.is-open) .ask-form__two{display:none}
.no-js .js-next,.ask-form.is-open .js-next{display:none}
.ask-form.is-open .ask-form__one{padding-bottom:.2rem}
.ask-form__note{font-weight:600;color:var(--teal-d)}
.ask-form__pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.ask-form__agree{display:flex;gap:.8rem;align-items:flex-start;font-size:1rem;margin:.4rem 0 1.1rem}
.ask-form__agree input{width:24px;height:24px;margin-top:.15rem;accent-color:var(--teal);flex:none}
.ask-form__alt{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:1rem 0 1.3rem;font-size:1rem;color:var(--soft)}
.ask-form__alt>a:first-child{font-weight:600;color:var(--ink)}

/* models in a sentence */
.often{background:var(--teal);color:#fff}
.often p{margin:0 auto;padding-top:1.1rem;padding-bottom:1.1rem;font-size:1.05rem;line-height:1.6}
.often strong{font-family:var(--slab);font-size:1.15rem;color:var(--mustard-l)}

/* home hero: centred headline, a big rounded snapshot, the form card tucked up over its lower edge */
.welcome--home{padding:clamp(32px,5vw,64px) 0 clamp(40px,6vw,72px)}
.welcome__head{text-align:center;max-width:920px;margin:0 auto}
.welcome--home .welcome__title{font-size:clamp(3.2rem,9vw,6.6rem)}
.welcome--home .welcome__line{max-width:38ch;margin-left:auto;margin-right:auto}
.snapshot{position:relative;margin:clamp(26px,4vw,44px) 0 0;border:3px solid var(--ink);border-radius:clamp(18px,3vw,32px);overflow:hidden;background:#3c4a48;box-shadow:10px 10px 0 var(--teal)}
.snapshot__img{display:block;width:100%;height:auto;aspect-ratio:20/9;object-fit:cover;object-position:50% 60%}
.welcome__below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:clamp(28px,5vw,64px);align-items:start}
.welcome__below>.ask-form{position:relative;z-index:2;margin-top:clamp(-240px,-17vw,-120px);margin-right:clamp(12px,2.5vw,32px);box-shadow:0 22px 44px -22px rgba(11,53,52,.55)}
.welcome__below>.welcome__words{padding-top:clamp(28px,4vw,44px)}
.welcome__below .welcome__lead{margin-top:0}

/* why: a tall photo beside the reasons */
.why-old{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(28px,5vw,64px);align-items:start}
.why-old__pic{margin:0;position:sticky;top:24px}
.why-old__img{display:block;width:100%;height:auto;aspect-ratio:9/11;object-fit:cover;border-radius:999px 999px var(--r) var(--r);border:3px solid var(--ink);background:#3c4a48}
.plain-points.plain-points--two{grid-template-columns:repeat(2,minmax(0,1fr))}

/* steps: a road photo above the list */
.road-pic{margin:0 0 clamp(24px,4vw,40px)}
.road-pic__img{display:block;width:100%;height:auto;aspect-ratio:13/5.6;object-fit:cover;border-radius:var(--r);border:3px solid var(--ink);background:#3c4a48}

/* home areas: a short door list */
.doorlist{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}
.doorlist .plain-lead{margin-bottom:1.4rem}
.doorlist__places{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.doorlist__places a{display:block;background:var(--white);border:2px solid var(--ink);border-bottom-width:4px;border-radius:10px;padding:.7rem 1rem;color:var(--ink);text-decoration:none;font:700 1.15rem/1.2 var(--slab)}
.doorlist__places a:hover{background:var(--mustard-l)}

/* areas page: London first, then cities, then towns */
.patch-list{display:grid;gap:18px;margin-top:2rem}
.patch{background:var(--white);border:2px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem}
.reading .patch__name{margin:0 0 .9rem;font-size:1.5rem;display:flex;align-items:center;gap:.7rem}
.patch__name span{font:600 .9rem/1 var(--read);background:var(--mustard-l);color:var(--ink);padding:.3rem .6rem;border-radius:999px}
.reading .patch__towns{list-style:none;margin:0;padding:0;columns:4 180px;column-gap:28px}
.reading .patch__towns li{margin:0 0 .35rem;break-inside:avoid}
.patch__towns a{color:var(--teal-d);text-decoration:none;font-weight:600}
.patch__towns a:hover{text-decoration:underline;text-decoration-color:var(--mustard);text-decoration-thickness:3px}

/* chunks */
.chunk{padding:clamp(48px,7vw,88px) 0}
.chunk--tight{padding:clamp(28px,4vw,48px) 0}
.chunk--mint{background:var(--mint)}
.chunk--mustard{background:var(--mustard-l)}
.chunk--teal{background:var(--teal);color:#fff}
.big-head{font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:var(--teal-ink);margin-bottom:1.4rem;max-width:24ch}
.chunk--teal .big-head{color:#fff}
.plain-lead{font-size:1.2rem;max-width:60ch;margin-bottom:2rem}

/* facts */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 auto}
.fact{background:var(--white);border:2px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem}
.fact dt{font:700 1.75rem/1.1 var(--slab);color:var(--teal)}
.fact dd{margin:.3rem 0 0;color:var(--soft);font-size:1rem}

/* reason boxes */
.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.reason-box{display:flex;flex-direction:column;gap:.5rem;background:var(--white);border:2px solid var(--ink);border-bottom-width:5px;border-radius:var(--r);padding:1.4rem 1.5rem;color:var(--ink);text-decoration:none;transition:transform .12s}
.reason-box:hover{transform:translateY(-2px);color:var(--ink)}
.reason-box__tag{align-self:flex-start;background:var(--teal);color:#fff;font-weight:600;font-size:.9rem;padding:.2rem .7rem;border-radius:6px}
.reason-box__head{font:700 1.55rem/1.15 var(--slab);color:var(--teal-ink)}
.reason-box__text{color:var(--soft);font-size:1.05rem;flex:1}
.reason-box__go{font-weight:600;color:var(--teal);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--mustard)}
.reason-grid>.reason-box:last-child:nth-child(odd){grid-column:1/-1}

/* promises: four big blocks */
.promises4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.promise4{border-radius:var(--r);padding:clamp(22px,3vw,36px)}
.promise4 h3{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1;margin-bottom:.5rem}
.promise4 p{margin:0;font-size:1.12rem}
.promise4--teal{background:var(--teal);color:#fff}
.promise4--mustard{background:var(--mustard);color:var(--ink)}
.promise4--paper{background:var(--white);border:2px solid var(--line)}
.promise4--paper h3{color:var(--teal)}
.promise4--mint{background:var(--mint);color:var(--ink)}
.promise4--mint h3{color:var(--teal-d)}

/* plain points */
.plain-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px}
.plain-point{border-left:5px solid var(--mustard);padding:.2rem 0 .2rem 1.1rem}
.plain-point h3{font-size:1.35rem;color:var(--teal-ink);margin-bottom:.3rem}
.plain-point p{margin:0;color:var(--soft)}

/* three steps, stacked and big */
.three{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.three li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.3rem;align-items:start;background:var(--white);border-radius:var(--r);padding:1.4rem 1.5rem}
.three__n{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mustard);border:3px solid var(--ink);font:700 2rem/1 var(--slab)}
.three h3{font-size:1.6rem;color:var(--teal-ink);margin-bottom:.3rem}
.three p{margin:0}

/* worth-selling factors */
.factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.factor{background:var(--white);border:2px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem}
.factor__tag{display:inline-block;background:var(--mustard-l);color:var(--ink);font-weight:600;font-size:.88rem;padding:.15rem .6rem;border-radius:6px;margin-bottom:.6rem}
.factor h3{font-size:1.35rem;color:var(--teal-ink);margin-bottom:.3rem}
.factor p{margin:0;color:var(--soft);font-size:1.05rem}
.factors__more{margin:1.8rem 0 0}

/* album (photo gallery) */
.album{background:var(--cream-2)}
.album__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.album__print{margin:0;background:var(--white);padding:12px 12px 14px;border-radius:6px;box-shadow:0 2px 0 var(--line),0 10px 24px -14px rgba(30,43,42,.45);transform:rotate(-1.2deg)}
.album__print:nth-child(2){transform:rotate(1deg) translateY(10px)}
.album__print:nth-child(3){transform:rotate(-.4deg)}
.album__print img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#3c4a48;border-radius:3px}
.album__print figcaption{font:600 1.1rem/1.3 var(--slab);padding-top:.7rem;color:var(--teal-ink)}
.album__credit{display:block;font:400 .82rem var(--read);color:var(--soft);margin-top:.2rem}

/* model table on teal */
.chunk--teal .plain-lead{color:#e6f1ee}
.model-table{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.model-table>div{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.3)}
.model-table dt{font:700 1.3rem/1.2 var(--slab);color:var(--mustard-l)}
.model-table dd{margin:0;color:#eef6f4;font-size:1.05rem}

/* people */
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.person{background:var(--white);border-radius:var(--r);padding:1.4rem;border-top:6px solid var(--teal)}
.person h3{font-size:1.4rem;color:var(--teal-ink);margin-bottom:.35rem}
.person p{margin:0;color:var(--soft)}
.note-box{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.note-box p{margin:0}

/* areas: one fold per region */
.regions{display:grid;gap:12px}
.region{background:var(--white);border-radius:var(--r);border:2px solid #b9d6cf}
.region summary{cursor:pointer;list-style:none;padding:1rem 3.4rem 1rem 1.3rem;font:700 1.35rem/1.2 var(--slab);color:var(--teal-ink);position:relative}
.region summary span{font:400 1rem var(--read);color:var(--soft)}
.region summary::-webkit-details-marker,.askbox summary::-webkit-details-marker{display:none}
.region summary::after,.askbox summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--mustard);color:var(--ink);display:grid;place-items:center;font:600 1.4rem/1 var(--read)}
.region[open] summary::after,.askbox details[open] summary::after{content:"−"}
.region .place-links{padding:0 1.3rem 1.3rem}
.place-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.place-links a{display:inline-block;background:var(--cream);border:1.5px solid var(--line);border-radius:8px;padding:.35rem .8rem;color:var(--ink);text-decoration:none;font-size:1rem}
.place-links a:hover{background:var(--mustard-l);border-color:var(--mustard-d)}
.all-areas{margin:1.4rem 0 0;font-weight:600}
.name-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.name-tags li{background:var(--white);border:2px solid var(--ink);border-radius:8px;padding:.4rem .9rem;font-weight:600}

/* questions */
.askbox{display:grid;gap:12px}
.askbox details{background:var(--white);border:2px solid var(--line);border-radius:var(--r)}
.askbox summary{cursor:pointer;list-style:none;padding:1.1rem 3.6rem 1.1rem 1.3rem;font:600 1.25rem/1.3 var(--slab);color:var(--teal-ink);position:relative}
.askbox details p{margin:0;padding:0 1.3rem 1.3rem;font-size:1.1rem}

/* sign-off */
.sign-off{background:var(--mustard);border:3px solid var(--ink);border-radius:var(--r);padding:clamp(24px,4vw,44px);display:grid;gap:1.2rem;max-width:calc(var(--max) - 2*var(--pad))}
.sign-off h2{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.08;color:var(--ink)}
.sign-off__row{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center}
.sign-off__tel{color:var(--ink);font-weight:600;font-size:1.15rem}

/* reading pages */
.reading{padding:clamp(40px,6vw,80px) 0}
.reading h1{font:700 clamp(2.3rem,5vw,3.6rem)/1.06 var(--slab);color:var(--teal);margin-bottom:1rem}
.reading h2{font-size:1.75rem;color:var(--teal-ink);margin:2.2rem 0 .6rem;line-height:1.15}
.reading p,.reading li{line-height:1.75}
.reading ul{padding-left:1.3rem}
.reading li{margin-bottom:.45rem}
.reading li::marker{color:var(--mustard-d)}
.reading__lead{font-size:1.3rem;background:var(--mint);border-radius:var(--r);padding:1rem 1.2rem}
.reading__region{font-size:1.45rem!important}
.reading .place-links{padding:0}
.reading .place-links li{margin:0}
.reading--centre{text-align:center}
.small-print{color:var(--soft);font-size:.98rem}
.guide-part{background:var(--white);border-radius:var(--r);padding:1.3rem 1.4rem;margin-bottom:16px;border:2px solid var(--line)}
.guide-part h2{margin-top:.2rem}
.guide-part__tag{display:inline-block;background:var(--mustard-l);font-weight:600;font-size:.9rem;padding:.15rem .6rem;border-radius:6px;margin:0}
.reading .yes-list{padding-left:0}
.reading .yes-list li{margin:0}
.plain-table{width:100%;border-collapse:collapse;margin:1.2rem 0;background:var(--white)}
.plain-table th,.plain-table td{text-align:left;padding:.8rem;border:1.5px solid var(--line);vertical-align:top}
.plain-table th{background:var(--mint)}

/* footer */
.doorstep{background:var(--teal-ink);color:#d7e6e2;padding:clamp(48px,6vw,72px) 0 28px;font-size:1.02rem}
.doorstep__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px)}
.doorstep__about p{margin:1rem 0 0;max-width:40ch}
.doorstep__ring a{color:#fff;font:700 1.45rem var(--slab);text-decoration:none}
.doorstep h2{font-size:1.25rem;color:var(--mustard-l);margin-bottom:.8rem}
.doorstep ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.doorstep nav a{color:#d7e6e2;text-decoration:none}
.doorstep nav a:hover{color:#fff;text-decoration:underline}
.doorstep__small{margin-top:2.6rem;font-size:.9rem;color:#a9c3bd}
.doorstep__small p{margin:0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18)}
.wa-button{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 6px 18px -6px rgba(0,0,0,.45);z-index:30}
.wa-button:hover{color:#fff;background:#0c5c2f}

/* responsive */
@media (max-width:1380px){
  .signboard__call{display:none}
}
@media (max-width:1080px){
  .plain-points,.factors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plain-points.plain-points--two{grid-template-columns:1fr}
  .doorstep__top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .doorstep__about{grid-column:1/-1}
}
@media (max-width:1140px){
  .signboard__menu{display:block}
  .signboard__call{display:block;order:2;margin-left:auto}
  .housemark{margin-right:0}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:3px solid var(--teal);flex-direction:column;align-items:stretch;padding:1rem var(--pad) 1.4rem;gap:1rem}
  .menu.open{display:flex}
  .menu ul{flex-direction:column;gap:0}
  .menu ul a{display:block;padding:.8rem 0;border-bottom:1px solid var(--line)}
}
@media (max-width:900px){
  .welcome__grid{grid-template-columns:1fr;gap:0}
  .welcome__words{display:contents}
  .welcome__grid>.ask-form{order:1;margin:1.6rem 0 .6rem}
  .welcome__lead,.yes-list,.welcome__talk,.ways{order:2}
  .welcome__words>.welcome__lead{margin-top:1.2rem}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .people,.album__row{grid-template-columns:1fr 1fr}
  .welcome__below,.why-old,.doorlist{grid-template-columns:1fr}
  .welcome__below>.ask-form{margin:-56px 10px 0}
  .welcome__below>.welcome__words{padding-top:.4rem;order:2}
  .snapshot__img{aspect-ratio:16/10}
  .why-old__pic{position:static;max-width:420px}
  .why-old__img{aspect-ratio:4/3;border-radius:var(--r)}
  .model-table{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1.08rem}
  .signboard__in{min-height:72px;gap:.8rem}
  .housemark__name{font-size:1.3rem}
  .housemark__key{width:32px;height:32px}
  .signboard__call{display:none}
  .reason-grid,.promises4,.plain-points,.factors,.people,.album__row{grid-template-columns:1fr}
  .snapshot{box-shadow:6px 6px 0 var(--teal)}
  .snapshot__img{aspect-ratio:4/3}
  .welcome__below>.ask-form{margin:-40px 4px 0}
  .album__print,.album__print:nth-child(n){transform:none}
  .ask-form__pair{grid-template-columns:1fr}
  .ask-form>.ask-form__err,.ask-form>.ask-form__one,.ask-form>.ask-form__two,.ask-form>.ask-form__alt{margin-left:1rem;margin-right:1rem}
  .three li{grid-template-columns:1fr;gap:.8rem}
  .three__n{width:52px;height:52px;font-size:1.6rem}
  .model-table>div{grid-template-columns:1fr;gap:.2rem}
  .doorstep__top{grid-template-columns:1fr 1fr}
  .sign-off__row .press{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
@media print{.wa-button,.signboard__menu{display:none}}

/* Bigger housemark, freephone sign in the header, UK regions (Oct 2026) */
.housemark{gap:.75rem}
.housemark__key{width:56px;height:56px}
.housemark__name{font-size:2.15rem}
.signboard__call{display:inline-flex;align-items:center;gap:.7rem;order:2;margin-left:auto;padding:.45rem 1.1rem .45rem .5rem;background:var(--mustard);color:var(--ink);border:2px solid var(--ink);border-bottom-width:4px;border-radius:10px;font-size:1.3rem;line-height:1.1;transition:transform .1s,background-color .15s}
.signboard__call:hover{background:#eab547;color:var(--ink)}
.signboard__call:active{transform:translateY(2px);border-bottom-width:2px}
.signboard__call-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--teal);color:#fff;flex:none;font-style:normal}
.signboard__call-tx{display:block;font:700 1.3rem/1.1 var(--slab);letter-spacing:.01em}
.signboard__call-tx span{display:block;font:600 .74rem/1.3 var(--read);color:var(--teal-ink);letter-spacing:.02em}
@media (min-width:1141px){
  .signboard__in{flex-wrap:wrap;row-gap:0;padding-top:.8rem}
  .housemark{margin-right:0}
  .menu{order:4;flex:1 1 100%;justify-content:space-between;margin-top:.8rem;padding:.7rem 0 .8rem;border-top:2px dashed var(--line)}
}
.doorlist__regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:.4rem 0 2rem}
.doorlist__region{background:var(--white);border:2px solid var(--ink);border-bottom-width:4px;border-radius:var(--r);padding:1rem 1.1rem 1.15rem}
.doorlist__region h3{font-size:1.22rem;line-height:1.15;color:var(--teal-ink);margin:0 0 .6rem;padding-bottom:.5rem;border-bottom:3px solid var(--mustard)}
.doorlist__region ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-size:1rem;color:var(--soft)}
.doorlist__region a{color:var(--teal);font-weight:600;text-decoration-thickness:2px;text-decoration-color:var(--mustard)}
.doorlist__region a:hover{color:var(--teal-d);background:var(--mustard-l)}
.doorlist__go{display:flex;flex-wrap:wrap;gap:12px;margin:0}
@media (max-width:1080px){.doorlist__regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .housemark{gap:.55rem}
  .housemark__key{width:42px;height:42px}
  .housemark__name{font-size:1.62rem}
  .signboard__call{display:inline-flex;padding:.3rem}
  .signboard__call-tx{display:none}
  .signboard__menu{margin-left:0}
  .doorlist__regions{grid-template-columns:1fr}
  .doorlist__go .press{flex:1 1 100%}
}
@media (max-width:380px){
  .signboard__in{gap:.55rem}
  .housemark{gap:.45rem}
  .housemark__key{width:36px;height:36px}
  .housemark__name{font-size:1.42rem}
  .signboard__call-ic{width:36px;height:36px}
  .signboard__menu{padding:.55rem .8rem}
}
@media (max-width:420px) and (min-width:381px){.signboard__in{gap:.6rem}.housemark{gap:.5rem}.housemark__key{width:38px;height:38px}.housemark__name{font-size:1.5rem}}

/* ---- Theme 19 Oct: old hatchback on a country lane, keyring footer, hero ring button, mobile call bar ---- */
.kt-ring{display:inline-flex;align-items:center;gap:14px;margin:clamp(18px,2.4vw,28px) auto 0;padding:9px 26px 9px 9px;border-radius:999px;background:var(--mustard);color:var(--teal-ink);text-decoration:none;border:2px solid var(--teal-ink);box-shadow:0 4px 0 var(--teal-ink);font:700 clamp(1.5rem,2.4vw,1.95rem)/1.05 var(--slab);text-align:left;transition:background-color .15s,transform .12s,box-shadow .12s}
.kt-ring small{display:block;font:500 .8rem/1.2 var(--read);color:var(--teal-d);margin-bottom:3px}
.kt-ring__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--teal);color:#fff;flex:none}
.kt-ring:hover{background:var(--mustard-l);color:var(--teal-ink);transform:translateY(2px);box-shadow:0 2px 0 var(--teal-ink)}
.kt-lane{line-height:0;padding:clamp(10px,2vw,24px) 16px 0}
.kt-lane svg{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto}
.doorstep{position:relative;overflow:hidden}
.doorstep>.shelf{position:relative;z-index:1}
.kt-keys{position:absolute;right:clamp(8px,4vw,60px);bottom:70px;width:130px;height:130px;opacity:.6;pointer-events:none}
.kt-callbar{display:none}
@media (max-width:640px){
  .kt-ring{display:flex;width:100%;margin-left:0;margin-right:0;font-size:1.45rem;padding-right:12px}
  .kt-lane{overflow:hidden;padding:8px 0 0}
  .kt-lane svg{width:170%;max-width:none;margin-left:-30%}
  .kt-callbar{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;left:12px;right:86px;bottom:20px;z-index:31;min-height:54px;border-radius:999px;background:var(--mustard);color:var(--teal-ink);border:2px solid var(--teal-ink);font:700 1.2rem/1 var(--slab);text-decoration:none;box-shadow:0 6px 16px -4px rgba(0,0,0,.35)}
  .kt-callbar:hover{color:var(--teal-ink);background:var(--mustard-l)}
  .doorstep{padding-bottom:100px}
  .kt-keys{width:84px;height:84px;bottom:auto;top:16px;right:6px;opacity:.5}
}
@media print{.kt-callbar,.kt-lane{display:none}}