@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Figtree;src:url('/r6/assets/fonts/Figtree-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{
  --bar-h:68px;
  --paper:#f3efe6;
  --ink:#10100f;
  --black:#060707;
  --warm:#c9b39c;
  --red:#cb4a3a;
  --yellow:#ffe033;
  --gutter:clamp(20px,4vw,64px);
  --wrap:1440px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--black);color:var(--paper);font-family:Figtree,Arial,sans-serif;scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--black)}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%;height:auto}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;background:var(--yellow);color:var(--ink);font-weight:800;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.editorial-wrap,.container{width:min(var(--wrap),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  height:var(--bar-h);
  border-bottom:1px solid rgba(243,239,230,.2);
  background:rgba(6,7,7,.94);
  backdrop-filter:blur(16px);
}
.site-header__inner{width:min(var(--wrap),calc(100% - (var(--gutter) * 2)));height:100%;margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px}
.site-brand{font-size:1.05rem;font-weight:800;letter-spacing:.17em;white-space:nowrap}
.site-brand::after{content:'';display:inline-block;width:.38em;height:.38em;margin-left:.16em;background:var(--red)}
.site-nav{justify-self:end;display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}
.site-nav>a:not(.header-cta){position:relative;padding:24px 0;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.68)}
.site-nav>a:not(.header-cta)::after{content:'';position:absolute;left:0;right:100%;bottom:16px;height:2px;background:var(--red);transition:right .28s cubic-bezier(.16,1,.3,1)}
.site-nav>a:not(.header-cta):hover,.site-nav>a:not(.header-cta):focus-visible,.site-nav>a:not(.header-cta)[aria-current]{color:var(--paper);outline:none}
.site-nav>a:not(.header-cta):hover::after,.site-nav>a:not(.header-cta):focus-visible::after,.site-nav>a:not(.header-cta)[aria-current]::after{right:0}
.header-cta{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;border:1px solid rgba(243,239,230,.55);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s}
.header-cta:hover,.header-cta:focus-visible{background:var(--paper);color:var(--ink);outline:none}
.menu-toggle{display:none}
.button,.btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid currentColor;border-radius:0;background:transparent;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.button::after,.btn-solid::after{content:'\2197';font-size:1rem}
.button:hover,.button:focus-visible,.btn:hover,.btn:focus-visible{transform:translateY(-3px)}
.button:focus-visible,.btn:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.button--light,.btn-solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-outline{background:transparent;color:var(--paper);border-color:rgba(243,239,230,.55)}
.eyebrow,.kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,239,230,.62)}
.eyebrow::before,.kicker::before,.sq{content:'';width:9px;height:9px;background:var(--red);flex:none}
.eyebrow--dark{color:rgba(16,16,15,.68)}
.eyebrow--dark::before{background:var(--ink)}
.editorial-hero,.page-hero{
  position:relative;
  overflow:hidden;
  min-height:clamp(540px,74svh,760px);
  padding:clamp(96px,12vw,176px) 0 clamp(76px,10vw,138px);
  display:flex;
  align-items:flex-end;
  background:
    radial-gradient(circle at 72% 35%,rgba(203,74,58,.13),transparent 26%),
    linear-gradient(rgba(201,179,156,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,179,156,.055) 1px,transparent 1px),
    var(--black);
  background-size:auto,64px 64px,64px 64px,auto;
  border-bottom:1px solid rgba(243,239,230,.22);
}
.editorial-hero::after,.page-hero::after{content:'';position:absolute;inset:20px;pointer-events:none;border-left:1px solid rgba(201,179,156,.32);border-top:1px solid rgba(201,179,156,.32)}
.editorial-hero h1,.page-h1{max-width:1260px;margin:24px 0 0;font-size:clamp(4.2rem,10.5vw,10.8rem);font-weight:800;line-height:.79;letter-spacing:-.078em;text-wrap:balance}
.contact-hero p,.hero-sub{max-width:720px;margin:30px 0 0;font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:500;line-height:1.5;color:rgba(243,239,230,.72)}
.contact-hero .contact-brand{margin-top:14px;font-size:1rem;color:rgba(243,239,230,.58)}
/* Contact hero with the carrier pigeon (5 Oct 2026). The whole image always shows: the hero is never taller than the
   image at full width (56.28vw), and the image sits flush right at full hero height. Its wall is flat #f1ede5, so the
   section takes that colour and wide or short screens extend the wall to the left. --cw is the clear wall left of the
   bird (660 image px from the bird's left edge to the image's right). At 860px and below the copy stacks above the
   whole image at full width. */
.editorial-hero.contact-hero--image{--ih:min(calc(100svh - var(--bar-h)),56.28vw,960px);--cl:max(var(--gutter),(100vw - var(--wrap)) / 2);--cw:calc(100vw - var(--ih) * .7014 - var(--cl) - 40px);--fs:min(10.8rem,calc(var(--cw) / 6.4),calc(var(--ih) / 5));min-height:var(--ih);height:var(--ih);padding:0;align-items:center;background:#f1ede5;color:var(--ink);border-bottom:0}
.contact-hero--image::after{display:none}
.contact-hero__art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.contact-hero__art img{position:absolute;right:0;bottom:0;width:auto;height:100%;max-width:none}
.contact-hero--image .editorial-wrap{position:relative;z-index:1}
.contact-hero--image .eyebrow{color:var(--ink)}
.editorial-hero.contact-hero--image h1{max-width:var(--cw);font-size:var(--fs)}
.contact-hero--image p{max-width:min(620px,var(--cw));color:var(--ink);font-weight:700}
.contact-hero--image h1+p{margin-top:max(30px,calc(var(--fs) * .36))}
.contact-hero--image .contact-brand{color:var(--ink);font-weight:500;text-wrap:balance}
@media(max-width:899px){
  .editorial-hero.contact-hero--image{--fs:min(6.2rem,calc((100vw - var(--gutter) * 2) / 6.3));height:auto;min-height:0;padding:clamp(36px,6vw,56px) 0 0;background:#f0ebe4;display:flex;flex-direction:column;align-items:stretch}
  .editorial-hero.contact-hero--image h1{max-width:none}
  .contact-hero--image p{max-width:620px}
  .contact-hero__art{position:relative;inset:auto;order:2;aspect-ratio:16/10;margin:clamp(32px,6vw,48px) 0 0}
  .contact-hero__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom}
}
/* Phones follow the AI training page: the copy fills the first screen below the header, and the pigeon starts at the
   fold, cropped in so the panel shows image x 940 to 1672 (the bird, its pipe and the pipe's bend) at full width. */
@media(max-width:600px){
  .editorial-hero.contact-hero--image{padding:0}
  .contact-hero--image .editorial-wrap{min-height:calc(100svh - var(--bar-h));padding:32px 0;display:flex;flex-direction:column;justify-content:center}
  .contact-hero__art{aspect-ratio:732/941;margin:0}
  .editorial-hero.contact-hero--image p{font-size:clamp(1rem,2.3svh,1.2rem)}
  .contact-hero__art img{inset:0 0 auto auto;width:calc(100% * 1672 / 732);height:auto;object-fit:fill}
}
/* Phones: the headline is Figtree Black with the desktop's tight tracking and leading at full width; the intro is ExtraBold and
   the fine print SemiBold, so the copy carries the first screen. */
@media(max-width:640px){
  .editorial-hero.contact-hero--image{--fs:min(4.4rem,calc((100vw - var(--gutter) * 2) / 6.3),9.5svh)}
  .editorial-hero.contact-hero--image h1{font-weight:900;line-height:.79;letter-spacing:-.078em}
  .editorial-hero.contact-hero--image p{font-size:clamp(1.12rem,2.6svh,1.3rem);font-weight:800;line-height:1.36;letter-spacing:-.012em;text-wrap:pretty}
  .editorial-hero.contact-hero--image .contact-brand{font-size:clamp(1rem,2.2svh,1.1rem);font-weight:600;line-height:1.4}
}
.nowrap{white-space:nowrap}
.sq-h1{display:inline-block;width:.13em;height:.13em;margin-left:.1em;vertical-align:baseline;background:var(--red)}
.line,.line-inner{display:inline}
.contact-workspace{
  position:relative;
  padding:clamp(76px,9vw,132px) 0;
  background:
    linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),
    #090a0a;
  background-size:64px 64px;
}
.contact-switcher{display:none}
.contact-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);border:1px solid rgba(243,239,230,.25)}
.contact-panel{min-width:0;padding:clamp(28px,4vw,58px)}
.contact-panel--form{background:var(--paper);color:var(--ink)}
.contact-panel--booking{border-left:1px solid rgba(243,239,230,.25);background:#0b0c0c;color:var(--paper)}
.contact-panel__head{min-height:188px;padding-bottom:34px;border-bottom:1px solid currentColor}
.contact-panel--form .contact-panel__head{border-color:rgba(16,16,15,.24)}
.contact-panel--booking .contact-panel__head{border-color:rgba(243,239,230,.2)}
.contact-panel__head>span{font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.contact-panel__head h2{max-width:12ch;margin:18px 0 12px;font-size:clamp(2.6rem,4.3vw,4.7rem);line-height:.86;letter-spacing:-.06em}
.contact-panel__head p{max-width:48ch;margin:0;font-size:1rem;font-weight:500;line-height:1.5;color:rgba(16,16,15,.7)}
.contact-panel--booking .contact-panel__head p{color:rgba(243,239,230,.68)}
.lead-form{margin-top:34px;display:grid;gap:24px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.form-field{display:grid;gap:9px}
.form-field label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.form-field label span{font-size:.6rem;color:rgba(16,16,15,.5)}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;padding:11px 0;border:0;border-bottom:1px solid rgba(16,16,15,.42);border-radius:0;background:transparent;color:var(--ink);font-size:1rem;line-height:1.45;outline:none}
.form-field textarea{resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-bottom:3px solid var(--red)}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.lead-form .button{justify-self:start;border-color:var(--ink);background:var(--ink);color:var(--paper)}
.lead-form .button:disabled{cursor:wait;opacity:.58}
.form-consent{max-width:62ch;margin:0;font-size:.76rem;line-height:1.5;color:rgba(16,16,15,.64)}
.form-consent a{text-decoration:underline;text-underline-offset:3px}
.form-status{min-height:1.4em;margin:0;font-size:.88rem;font-weight:700;color:#9e2821}
.form-status.is-ok{color:#28603d}
.booking-embed{margin-top:34px;overflow:hidden;border:1px solid rgba(243,239,230,.25);background:var(--paper)}
.booking-embed iframe{width:100%;height:640px;display:block;border:0;background:var(--paper)}
.booking-fallback{min-height:48px;margin-top:12px;display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.booking-fallback:hover,.booking-fallback:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:none}
.direct-contact{margin-top:20px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(38px,7vw,100px);align-items:end;border:1px solid rgba(16,16,15,.52);background:var(--yellow);color:var(--ink)}
.direct-contact h2{max-width:12ch;margin:20px 0 0;font-size:clamp(2rem,3.7vw,3.8rem);line-height:.92;letter-spacing:-.055em}
.direct-contact address{margin:0;display:grid;font-style:normal}
.direct-contact address a{min-height:62px;padding:10px 0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px;border-bottom:1px solid rgba(16,16,15,.28);font-size:clamp(1rem,1.35vw,1.2rem);font-weight:700}
.direct-contact address a:first-child{border-top:1px solid rgba(16,16,15,.28)}
.direct-contact address a span{font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:rgba(16,16,15,.62)}
.direct-contact address a:hover,.direct-contact address a:focus-visible{padding-left:10px;background:var(--ink);color:var(--yellow);outline:none}
/* Blog index */
.blog-index-page .page-hero{min-height:72svh}
.blog-index-page .page-hero .container{position:relative;z-index:1}
.blog-index-page .page-h1{max-width:8ch}
.section.theme-ink{padding:clamp(76px,9vw,132px) 0;background:linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),#090a0a;background-size:64px 64px}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(243,239,230,.25);border-left:1px solid rgba(243,239,230,.25)}
.post-card{min-width:0;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;border-right:1px solid rgba(243,239,230,.25);border-bottom:1px solid rgba(243,239,230,.25);background:#0b0c0c;color:var(--paper);transition:background .34s cubic-bezier(.16,1,.3,1),color .34s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1)}
.post-card:hover,.post-card:focus-visible{position:relative;z-index:2;background:var(--paper);color:var(--ink);transform:translateY(-6px);outline:none}
.post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(320px,.83fr);grid-template-rows:auto auto 1fr auto auto;column-gap:clamp(30px,5vw,70px)}
.post-card:first-child .post-card-thumb{grid-column:1;grid-row:1/6;margin:0}
.post-card:first-child .post-card-cat,.post-card:first-child .post-card-title,.post-card:first-child .post-card-excerpt,.post-card:first-child .post-card-meta,.post-card:first-child .post-card-more{grid-column:2}
.post-card-thumb{width:100%;aspect-ratio:16/9;margin-bottom:26px;object-fit:cover;border:1px solid rgba(243,239,230,.18);filter:saturate(.9);transition:filter .3s ease}
.post-card:hover .post-card-thumb,.post-card:focus-visible .post-card-thumb{filter:saturate(1.03)}
.post-card-cat{color:var(--red)}
.post-card-cat::before{display:none}
.post-card-title{margin:22px 0 16px;font-size:clamp(1.65rem,2.4vw,2.75rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.post-card:first-child .post-card-title{font-size:clamp(2.4rem,4.3vw,4.6rem);line-height:.9}
.post-card-excerpt{margin:0;font-size:clamp(1rem,1.12vw,1.12rem);font-weight:500;line-height:1.55;color:rgba(243,239,230,.67)}
.post-card:hover .post-card-excerpt,.post-card:focus-visible .post-card-excerpt{color:rgba(16,16,15,.7)}
.post-card-meta{margin:30px 0 0;display:flex;align-items:center;gap:9px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,239,230,.56)}
.post-card:hover .post-card-meta,.post-card:focus-visible .post-card-meta{color:rgba(16,16,15,.58)}
.post-card-meta .sq,.post-meta-row .sq{display:inline-block;width:7px;height:7px;background:var(--red)}
.post-card-more{margin-top:18px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
/* Guides hub: no card art yet, so every card runs full width as a single column. */
.guides-index-page .post-grid{grid-template-columns:1fr}
.guides-index-page .post-card:first-child{display:flex;grid-template-columns:none}
.guides-index-page .post-card:first-child .post-card-title{font-size:clamp(1.65rem,2.4vw,2.75rem);line-height:.98}
.guides-index-page .post-card .post-card-title{max-width:28ch}
.guides-index-page .post-card .post-card-excerpt{max-width:70ch}
/* Article shell */
.blog-article-page .section.theme-ink{padding-top:clamp(70px,9vw,126px)}
.post-article{width:min(1120px,100%);margin-inline:auto}
.back-link{min-height:44px;margin-bottom:52px;display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}
.back-link:hover,.back-link:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:none}
.post-article>.kicker{color:var(--red)}
.post-article>.kicker::before{display:none}
.post-article>.page-h1{max-width:1100px;margin:24px 0 28px;font-size:clamp(3rem,7.2vw,7.4rem);line-height:.88}
.post-meta-row{margin:0 0 46px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(243,239,230,.56)}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(243,239,230,.24)}
.post-body{width:min(760px,100%);margin:clamp(52px,7vw,92px) auto 0;font-size:clamp(1.05rem,1.2vw,1.16rem);line-height:1.78;color:rgba(243,239,230,.78)}
/* Articles: wider reading column (Mark, 30 Sep 2026) */
.article-page .post-body{width:min(960px,100%);margin:24px 0 0}
.post-body p{margin:0 0 1.55em}
.post-body .post-lead{margin-bottom:2.5em;font-size:clamp(1.3rem,1.75vw,1.58rem);line-height:1.55;color:var(--paper)}
.post-body h2{margin:2.4em 0 .72em;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.03;letter-spacing:-.045em;color:var(--paper)}
.post-body h3{margin:2em 0 .65em;font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.18;color:var(--paper)}
.post-body a{color:var(--yellow);text-decoration:none}
.post-body a:hover{text-decoration:none}
.post-body a:focus-visible{text-decoration:none;outline:2px solid var(--yellow);outline-offset:3px}
.post-body ul,.post-body ol{margin:0 0 2em;padding-left:1.25em}
.post-body li{margin:.72em 0;padding-left:.35em}
.post-takeaways{padding:clamp(24px,4vw,40px)!important;border:1px solid rgba(255,224,51,.48);background:rgba(255,224,51,.06);color:var(--paper);list-style:none}
.post-takeaways li{position:relative;margin:0;padding:14px 0 14px 25px;border-bottom:1px solid rgba(243,239,230,.13)}
.post-takeaways li:last-child{border-bottom:0}
.post-takeaways li::before{content:'';position:absolute;top:1.55em;left:0;width:7px;height:7px;background:var(--red)}
.cta-row{width:min(760px,100%);margin:clamp(54px,7vw,90px) auto 0;padding-top:34px;display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid rgba(243,239,230,.22)}
/* Privacy */
.legal-page .legal-content{padding:clamp(74px,9vw,126px) 0;background:var(--paper);color:var(--ink)}
.legal-page .post-body{color:rgba(16,16,15,.8)}
.legal-page .post-body h2,.legal-page .post-body h3{color:var(--ink)}
.legal-page .post-body a{color:#9e2821;text-decoration-color:rgba(158,40,33,.4)}
.legal-page .contact-details{width:min(760px,100%);margin:38px auto;padding:26px;display:grid;gap:8px;border:1px solid rgba(16,16,15,.28);background:var(--yellow);font-style:normal}
.legal-page .contact-details h3{margin:0 0 8px;font-size:1.45rem}
.legal-page .contact-details p,.legal-page .contact-details a{margin:0;font-size:1rem;line-height:1.5}
.signature{padding:clamp(64px,8vw,110px) 0 34px;background:#070706;color:var(--paper)}
.signature-mark{display:flex;align-items:baseline;justify-content:center;padding-top:clamp(30px,4vw,52px);border-top:1px solid rgba(243,239,230,.22);font-size:clamp(4.1rem,15.7vw,14rem);font-weight:800;line-height:.8;letter-spacing:.02em}
.signature-mark i{width:.13em;height:.13em;background:var(--red);flex:none}
.signature-line{text-align:center;margin:clamp(14px,2vw,24px) 0 0;font-size:clamp(1rem,1.5vw,1.45rem);color:rgba(243,239,230,.8)}
.footer-directory{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,.7fr) minmax(0,1.1fr);gap:clamp(24px,3.4vw,56px);margin-top:clamp(44px,6vw,74px);padding:clamp(32px,4vw,48px) 0;border-top:1px solid rgba(243,239,230,.18);border-bottom:1px solid rgba(243,239,230,.18)}
.footer-group{min-width:0;margin:0;display:grid;align-content:start;justify-items:start;gap:5px;font-style:normal}
.footer-label{margin-bottom:12px;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.footer-group>a,.footer-group>span:not(.footer-label){min-height:34px;display:inline-flex;align-items:center;font-size:clamp(.92rem,1.08vw,1.04rem);font-weight:600;line-height:1.3;color:rgba(243,239,230,.72)}
.footer-group>a{position:relative;transition:color .2s ease,transform .2s ease}
.footer-group>a:hover,.footer-group>a:focus-visible{color:var(--paper);transform:translateX(5px);outline:none}
.footer-group>a::after{content:'';position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--red);transition:right .24s cubic-bezier(.16,1,.3,1)}
.footer-group>a:hover::after,.footer-group>a:focus-visible::after{right:0}
.footer-social a{gap:11px}
.footer-social a>span[aria-hidden]{width:19px;height:19px;display:grid;place-items:center;border:1px solid currentColor;font-size:.68rem;font-weight:800;line-height:1}
.signature-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;margin-top:20px;font-size:.75rem;color:rgba(243,239,230,.56)}
.signature-foot a{min-height:44px;display:inline-flex;align-items:center}
.signature-foot .signature-brand{flex-basis:100%;order:-1;font-size:.86rem;font-weight:600;color:rgba(243,239,230,.72);text-wrap:balance}
@media(min-width:861px) and (max-width:1120px){
  .site-nav{gap:clamp(12px,1.5vw,22px)}
  .site-nav>a:not(.header-cta){font-size:.58rem;letter-spacing:.1em}
  .header-cta{padding:0 12px;font-size:.58rem;letter-spacing:.1em}
}
@media(max-width:1000px){
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(24px,4vw,56px)}
}
@media(max-width:900px){
  .post-card:first-child{grid-template-columns:1fr}
  .post-card:first-child .post-card-thumb,.post-card:first-child .post-card-cat,.post-card:first-child .post-card-title,.post-card:first-child .post-card-excerpt,.post-card:first-child .post-card-meta,.post-card:first-child .post-card-more{grid-column:1;grid-row:auto}
  .post-card:first-child .post-card-thumb{margin-bottom:26px}
  .contact-grid{grid-template-columns:1fr}
  .contact-panel--booking{border-left:0;border-top:1px solid rgba(243,239,230,.25)}
  .direct-contact{grid-template-columns:1fr}
}
@media(max-width:860px){
  .site-header{background:#060707;backdrop-filter:none}
  .site-header__inner{width:calc(100% - 36px);grid-template-columns:auto auto;justify-content:space-between}
  .menu-toggle{width:auto;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(243,239,230,.38);border-radius:0;background:transparent;color:var(--paper);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
  .menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{display:block;width:14px;height:1px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
  .menu-toggle i{position:relative}.menu-toggle i::before,.menu-toggle i::after{content:'';position:absolute;left:0}.menu-toggle i::before{top:-5px}.menu-toggle i::after{top:5px}
  .site-header.is-open .menu-toggle i{background:transparent}.site-header.is-open .menu-toggle i::before{top:0;transform:rotate(45deg)}.site-header.is-open .menu-toggle i::after{top:0;transform:rotate(-45deg)}
  .site-nav{position:fixed;top:var(--bar-h);left:0;right:auto;bottom:auto;z-index:70;width:100vw;height:calc(100svh - var(--bar-h));padding:30px var(--gutter) 38px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;justify-self:auto;gap:0;background:#060707;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
  .site-header.is-open .site-nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .site-nav>a:not(.header-cta){padding:22px 0;display:block;border-bottom:1px solid rgba(243,239,230,.17);font-size:clamp(1.65rem,8vw,3rem);line-height:.95;letter-spacing:-.045em;text-transform:none;color:var(--paper)}
  .site-nav>a:not(.header-cta)::after{left:auto;right:0;bottom:50%;width:8px;height:8px;transform:translateY(50%);opacity:0;transition:opacity .2s ease}
  .site-nav>a:not(.header-cta):hover::after,.site-nav>a:not(.header-cta):focus-visible::after,.site-nav>a:not(.header-cta)[aria-current]::after{opacity:1}
  .header-cta{min-height:54px;margin-top:28px;justify-content:center;font-size:.7rem}
}
@media(max-width:720px){
  :root{--bar-h:58px;--gutter:20px}
  .editorial-hero,.page-hero{min-height:540px;padding:88px 0 70px}
  .editorial-hero::after,.page-hero::after{inset:10px}
  .editorial-hero h1,.page-h1{font-size:clamp(3.8rem,18.2vw,6.2rem)}
  .contact-hero p,.hero-sub{font-size:1rem}
  .contact-workspace,.section.theme-ink{padding:66px 0 82px}
  .contact-switcher{position:sticky;top:var(--bar-h);z-index:12;margin-bottom:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(243,239,230,.28);background:#090a0a}
  .contact-switcher button{min-height:52px;padding:8px;border:0;border-right:1px solid rgba(243,239,230,.22);border-radius:0;background:transparent;color:rgba(243,239,230,.66);font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
  .contact-switcher button:last-child{border-right:0}
  .contact-switcher button[aria-selected="true"]{background:var(--yellow);color:var(--ink)}
  .contact-grid{display:block}
  .contact-panel{padding:28px 20px;scroll-margin-top:calc(var(--bar-h) + 64px)}
  .contact-panel[hidden]{display:none}
  .contact-panel--booking{border-top:0}
  .contact-panel__head{min-height:0;padding-bottom:26px}
  .contact-panel__head h2{font-size:2.7rem}
  .form-row{grid-template-columns:1fr}
  .lead-form .button{width:100%}
  .booking-embed iframe{height:600px}
  .direct-contact{padding:28px 20px}
  .direct-contact address a{grid-template-columns:1fr;gap:3px;padding:14px 0;overflow-wrap:anywhere}
  .post-grid{grid-template-columns:1fr}
  .post-card:first-child{grid-column:1}
  .post-card{padding:22px 18px}
  .post-card-title,.post-card:first-child .post-card-title,.guides-index-page .post-card:first-child .post-card-title{font-size:2rem}
  .post-article>.page-h1{font-size:clamp(2.7rem,13vw,4.7rem)}
  .post-meta-row{margin-bottom:30px}
  .post-body{font-size:1.04rem;line-height:1.72}
  .post-body .post-lead{font-size:1.22rem}
  .cta-row{flex-direction:column}.cta-row .btn{width:100%}
  .footer-directory{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px 18px;margin-top:42px;padding:32px 0;align-items:start}
  .footer-group>a,.footer-group>span:not(.footer-label){min-height:44px;max-width:100%;overflow-wrap:anywhere}
  address.footer-group{grid-column:1/-1}
  .footer-directory>[aria-label="Durban and Pretoria services"]{order:1}
  .footer-directory>address.footer-group{order:2}
  .footer-social{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
  .footer-social .footer-label{grid-column:1/-1}
  .signature-foot{flex-direction:column;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* --- P0 2026-09-12: light footer (service/GEO) + Follow row + H1 period gap --- */
.footer-label--legal{margin-top:18px}
.footer-follow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 28px;
  margin-top:clamp(22px,3vw,32px);
  padding-top:clamp(18px,2.5vw,28px);
  border-top:1px solid rgba(243,239,230,.18);
}
.footer-follow .footer-label{margin:0;margin-right:8px}
/* One rule between the directory and the follow row, not two (8 Oct 2026). */
.footer-directory+.footer-follow{margin-top:0;border-top:0}
.footer-follow a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.92rem;font-weight:600;color:inherit}
.footer-follow svg{width:17px;height:17px;flex:none;fill:currentColor}
.signature--light{
  background:#f3efe6;
  color:#10100f;
}
.signature--light .signature-mark{
  border-top:1px solid rgba(16,16,15,.14);
  color:#10100f;
}
.signature--light .signature-line{color:rgba(16,16,15,.72)}
.signature--light .footer-directory{
  border-top-color:rgba(16,16,15,.14);
  border-bottom-color:rgba(16,16,15,.14);
}
.signature--light .footer-follow{border-top-color:rgba(16,16,15,.14)}
.signature--light .footer-group>a,
.signature--light .footer-group>span:not(.footer-label),
.signature--light .footer-follow a{
  color:rgba(16,16,15,.82);
}
.signature--light .footer-group>a:hover,
.signature--light .footer-group>a:focus-visible,
.signature--light .footer-follow a:hover,
.signature--light .footer-follow a:focus-visible{
  color:#10100f;
}
.signature--light .footer-label{color:var(--red,#cb4a3a)}
.signature--light .signature-foot{color:rgba(16,16,15,.55)}
.signature--light .signature-foot .signature-brand{color:rgba(16,16,15,.7)}
.signature--light .signature-foot a{color:rgba(16,16,15,.7)}
/* Cancel letter-spacing gap before red period spans in H1s */
.seo-page .seo-hero h1 .h1-period,
.growth-page .growth-hero h1 .h1-period{
  margin-inline-start:-0.06em;
}
@media(max-width:720px){
  .footer-follow{gap:4px 16px}
}
/* Guides hub hero plate (13 Sep 2026). */
.guides-index-page .guides-hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(560px,min(calc(100svh - 68px),820px));background:#060707}
.guides-hero__art{position:absolute;inset:0;z-index:0;pointer-events:none}
.guides-hero__art img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transform:scale(1.04);animation:guides-drift 18s ease-in-out infinite alternate}
.guides-hero__art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,7,.55),rgba(6,7,7,.15) 35%,rgba(6,7,7,.2) 70%,#060707 100%),linear-gradient(90deg,rgba(6,7,7,.72) 0%,rgba(6,7,7,.35) 40%,rgba(6,7,7,0) 70%)}
.guides-index-page .guides-hero::after{display:none}
.guides-index-page .guides-hero .container{position:relative;z-index:1}
@keyframes guides-drift{from{transform:scale(1.04) translateY(0)}to{transform:scale(1.08) translateY(-1.5%)}}
@media(max-width:720px){.guides-index-page .guides-hero{min-height:520px}.guides-hero__art img{object-position:62% 40%}}
@media(prefers-reduced-motion:reduce){.guides-hero__art img{animation:none}}
/* Guides depth hero (14 Sep 2026). */
.guides-index-page .depth-hero__canvas{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .6s ease}
.guides-hero__art.is-depth .depth-hero__canvas{opacity:1}
.guides-hero__art.is-depth img{visibility:hidden;animation:none}
.guides-hero__art.is-depth::after{display:none}
/* Guides index: the questions board. Copy sits on the clear gold wall left of the board (desktop) or above it
   (phone), sized from the image's own scale so it never reaches the board's lettering. --s and --sm are CSS px
   per image px. The Articles index shares .guides-hero, so everything here is scoped to .guides-hero--questions. */
.guides-index-page .guides-hero--questions{min-height:var(--hh);--hh:max(560px,calc(100svh - 68px));--s:max(100vw / 1672,var(--hh) / 941);--gl:max(20px,min(64px,4vw));--gw:calc(520 * var(--s) - max(16px,2.2vw) - var(--gl));--gf:calc(var(--gw) / 3)}
.guides-index-page .guides-hero--questions .guides-hero__art picture{display:contents}
.guides-index-page .guides-hero--questions .guides-hero__art img{animation:none;transform:none;object-position:0% 60%}
.guides-index-page .guides-hero--questions .guides-hero__art::after{background:linear-gradient(180deg,transparent 88%,#060707 100%)}
.guides-index-page .guides-hero--questions .container{position:absolute;top:0;left:var(--gl);width:auto;margin:0;height:calc((var(--hh) - 941 * var(--s)) * .6 + 668 * var(--s) - 24px);display:flex;flex-direction:column;justify-content:center}
.guides-index-page .guides-hero--questions .page-h1{margin:0;max-width:none;font-size:var(--gf);color:var(--ink)}
.guides-index-page .guides-hero--questions .hero-sub{max-width:var(--gw);margin:34px 0 0;padding-left:calc(3px + .06 * var(--gf));color:var(--ink);font-size:clamp(1.2rem,1.65vw,1.85rem);font-weight:700;line-height:1.28;letter-spacing:-.01em;text-wrap:balance}
@media(max-width:720px){
  .guides-index-page .guides-hero--questions{--sm:calc((100vw - 4px) / 920);--pl:calc(4px + 123 * var(--sm));--pr:calc(100vw - 4px - 880 * var(--sm));display:grid;min-height:0;padding:0}
  .guides-index-page .guides-hero--questions .guides-hero__art{position:relative;inset:auto;grid-area:1/1;height:calc(1448 * var(--sm));overflow:hidden}
  .guides-index-page .guides-hero--questions .guides-hero__art img{position:absolute;top:0;left:calc(4px - 55 * var(--sm));width:calc(1086 * var(--sm));height:auto;max-width:none}
  .guides-index-page .guides-hero--questions .guides-hero__art::after{background:linear-gradient(180deg,transparent 86%,#060707 100%)}
  .guides-index-page .guides-hero--questions .container{display:contents}
  .guides-index-page .guides-hero--questions .page-h1{grid-area:1/1;align-self:start;z-index:1;height:calc(335 * var(--sm));display:flex;align-items:center;padding:0 var(--pr) 0 var(--pl);font-size:calc(757 * var(--sm) / 3)}
  .guides-index-page .guides-hero--questions .hero-sub{grid-area:2/1;max-width:none;margin:0;padding:22px var(--pr) 36px var(--pl);background:#060707;color:var(--paper);font-size:calc(100vw / 20.5);line-height:1.32}
}
/* Narrower than 320px (a small phone, or a browser zoomed in): no fixed floor.
   Nothing in these two blocks applies at 320px and wider. */
@media(max-width:319px){
  body{min-width:0}
  .site-header__inner{gap:12px}
  .signature-mark{font-size:calc((100vw - 40px) / 4.25)}
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .post-body a{overflow-wrap:anywhere}
}
@media(max-width:229px){
  .site-header__inner{gap:8px}
  .menu-toggle{padding:0 8px;gap:6px}
}
/* Website Design pages: Johannesburg (main), Durban and Pretoria share this one owned
   stylesheet on the editorial shell. The grammar is the homepage's: near-black ground,
   tight Figtree ExtraBold display, red square markers, 1px rules, warm-metal corner
   brackets, a hairline grid, paper for the build, one yellow field for growth, and
   inversion plus a small lift on hover and focus. Page content stays visible on entry
   (main carries data-no-reveal). */
.wd-page{--shell:1440px;--ease:cubic-bezier(.16,1,.3,1);--space:clamp(72px,8vw,124px)}
:where(.wd-page main) :where(h1,h2,h3,p,ul,ol,figure){margin:0}
.wd-page main{overflow-x:clip}
.wd-shell{width:min(var(--shell),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.wd-page .eyebrow{font-size:.7rem}
.wd-page .wd-eyebrow--paper{color:rgba(16,16,15,.68)}
.wd-page .wd-eyebrow--ink{color:rgba(16,16,15,.72)}
.wd-page .wd-eyebrow--ink::before{background:var(--ink)}
.wd-ast{margin-left:.03em;color:var(--red)}
.wd-tier__price .wd-ast,.wd-care__price .wd-ast,.wd-plan .wd-ast,.wd-from .wd-ast{position:relative;top:-.62em;margin-left:.04em;font-size:.5em}
/* Buttons invert their ground and type and lift a little. */
.wd-page .button{min-height:54px;padding:0 24px;font-size:.72rem;text-align:center}
.wd-page .button--light:hover,.wd-page .button--light:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--paper)}
.wd-page .button--ink{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.wd-page .button--ink:hover,.wd-page .button--ink:focus-visible{background:var(--yellow);color:var(--ink);border-color:var(--ink)}
/* ---------- Hero ---------- */
.wd-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:max(640px,calc(100svh - var(--bar-h)));
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  border-bottom:1px solid rgba(243,239,230,.2);
  background:
    radial-gradient(ellipse at 76% 62%,rgba(203,74,58,.2),transparent 30%),
    radial-gradient(ellipse at 50% 120%,rgba(120,91,68,.2),transparent 55%),
    linear-gradient(#060707,#090909 71%,#050505);
}
.wd-hero::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(rgba(201,179,156,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(201,179,156,.065) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);
}
.wd-hero::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:radial-gradient(rgba(243,239,230,.24) .55px,transparent .75px);background-size:5px 5px;mix-blend-mode:screen;pointer-events:none}
.wd-frame{position:absolute;inset:18px;z-index:6;pointer-events:none}
.wd-frame i,.wd-art>i{position:absolute;width:62px;height:62px;opacity:.52}
.wd-frame i::before,.wd-frame i::after,.wd-art>i::before,.wd-art>i::after{content:'';position:absolute;left:0;top:0;background:var(--warm)}
.wd-frame i::before,.wd-art>i::before{width:100%;height:1px}
.wd-frame i::after,.wd-art>i::after{width:1px;height:100%}
.wd-frame i:nth-child(1),.wd-art>i:nth-child(1){left:0;top:0}
.wd-frame i:nth-child(2),.wd-art>i:nth-child(2){right:0;top:0;transform:scaleX(-1)}
.wd-frame i:nth-child(3),.wd-art>i:nth-child(3){left:0;bottom:0;transform:scaleY(-1)}
.wd-frame i:nth-child(4),.wd-art>i:nth-child(4){right:0;bottom:0;transform:scale(-1)}
.wd-hero__top,.wd-hero__main{position:relative;z-index:4;width:min(var(--wrap),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.wd-hero__top{padding-top:clamp(26px,4vh,44px);display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.wd-kicker,.wd-note{font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.wd-kicker{display:flex;align-items:center;gap:10px}
.wd-kicker::before{content:'';width:8px;height:8px;flex:none;background:var(--red);box-shadow:0 0 22px rgba(203,74,58,.65)}
.wd-note{line-height:1.4;text-align:right;color:rgba(243,239,230,.62)}
.wd-hero__main{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(36px,5vw,88px);align-items:center;padding-block:clamp(30px,5vh,64px)}
.wd-overline{display:flex;align-items:center;gap:18px;font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,239,230,.9)}
.wd-overline::after{content:'';flex:0 1 140px;height:1px;background:rgba(243,239,230,.44)}
.wd-hero h1{margin-top:clamp(18px,2.6vh,28px);font-size:clamp(3rem,6.4vw,6.6rem);font-weight:800;line-height:.86;letter-spacing:-.068em;text-wrap:balance}
.wd-period{display:inline-block;width:.15em;height:.15em;margin-left:.1em;background:var(--red);vertical-align:baseline}
.wd-lead{max-width:46ch;margin-top:clamp(22px,3.2vh,34px);font-size:clamp(1.05rem,1.3vw,1.26rem);font-weight:500;line-height:1.5;color:rgba(243,239,230,.8);text-wrap:pretty}
.wd-hero__cta{margin-top:clamp(26px,3.8vh,40px);display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.wd-from{display:grid;gap:5px;padding-left:16px;border-left:4px solid var(--red)}
.wd-from>span{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.6)}
.wd-from strong{font-size:1.7rem;line-height:1;letter-spacing:-.045em}
/* Hero image plate. A placeholder until the Codex artwork arrives. */
.wd-art{position:relative;align-self:stretch;min-height:clamp(340px,54vh,640px);max-height:760px;overflow:hidden;border:1px solid rgba(243,239,230,.16);background:radial-gradient(ellipse at 50% 108%,rgba(203,74,58,.26),transparent 58%),#080909}
.wd-art::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(201,179,156,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(201,179,156,.09) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}
.wd-art>i{width:44px;height:44px;opacity:.6}
.wd-art>i:nth-child(1){left:14px;top:14px}
.wd-art>i:nth-child(2){right:14px;top:14px}
.wd-art>i:nth-child(3){left:14px;bottom:14px}
.wd-art>i:nth-child(4){right:14px;bottom:14px}
.wd-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wd-art__label{position:absolute;left:34px;right:34px;bottom:34px;display:grid;gap:8px}
.wd-art__label b{display:flex;align-items:center;gap:10px;font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.wd-art__label b::before{content:'';width:8px;height:8px;flex:none;background:var(--red)}
.wd-art__label span{max-width:34ch;font-size:.86rem;font-weight:500;line-height:1.45;color:rgba(243,239,230,.6)}
.wd-rail{position:relative;z-index:5;margin:0;padding:0;list-style:none;min-height:58px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(243,239,230,.32);background:rgba(6,7,7,.97)}
.wd-rail li{min-width:0;padding:0 14px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(243,239,230,.14);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase;color:rgba(243,239,230,.84)}
.wd-rail li:last-child{border-right:0}
.wd-rail li::before{content:'+';margin-right:8px;color:var(--red)}
/* ---------- Introduction ---------- */
.wd-intro{padding:clamp(64px,7vw,108px) 0;border-bottom:1px solid rgba(243,239,230,.2);background:linear-gradient(rgba(243,239,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.026) 1px,transparent 1px),#060707;background-size:72px 72px}
.wd-intro__grid{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.62fr);gap:clamp(40px,8vw,120px);align-items:end}
.wd-intro__lead{max-width:30ch;font-size:clamp(1.8rem,3.1vw,3.1rem);font-weight:800;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.wd-intro__support{padding-left:22px;border-left:5px solid var(--red);font-size:clamp(1.04rem,1.25vw,1.18rem);font-weight:500;line-height:1.55;color:rgba(243,239,230,.78)}
/* ---------- Shared section head ---------- */
.wd-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:clamp(36px,7vw,110px);align-items:end;margin-bottom:clamp(44px,5.5vw,76px)}
.wd-head h2{max-width:13ch;margin-top:22px;font-size:clamp(2.8rem,5.6vw,5.8rem);font-weight:800;line-height:.88;letter-spacing:-.066em;text-wrap:balance}
.wd-head>p{font-size:clamp(1.04rem,1.3vw,1.2rem);font-weight:500;line-height:1.52;text-wrap:pretty}
/* ---------- What every website includes (paper, the build) ---------- */
.wd-included{padding:var(--space) 0;background:var(--paper);color:var(--ink)}
.wd-included .wd-head>p{padding-left:22px;border-left:5px solid var(--red);font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.wd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink);border-left:1px solid rgba(16,16,15,.2)}
.wd-grid article{position:relative;min-height:220px;padding:30px 28px 34px;border-right:1px solid rgba(16,16,15,.2);border-bottom:1px solid rgba(16,16,15,.2);background:var(--paper);transition:background .34s var(--ease),color .34s var(--ease),transform .34s var(--ease)}
.wd-grid h3{display:flex;align-items:center;gap:12px;font-size:clamp(1.38rem,1.9vw,1.75rem);line-height:1.05;letter-spacing:-.035em}
.wd-grid h3::before{content:'';width:9px;height:9px;flex:none;background:var(--red)}
.wd-grid p{max-width:36ch;margin-top:18px;font-size:1.05rem;font-weight:500;line-height:1.52;color:rgba(16,16,15,.74)}
.wd-grid article:hover,.wd-grid article:focus-visible{z-index:2;background:var(--ink);color:var(--paper);transform:translateY(-5px);outline:none}
.wd-grid article:hover p,.wd-grid article:focus-visible p{color:rgba(243,239,230,.76)}
/* ---------- Prices: the centrepiece ---------- */
.wd-prices{position:relative;overflow:hidden;padding:var(--space) 0;color:var(--paper);background:linear-gradient(rgba(243,239,230,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.025) 1px,transparent 1px),#090a0a;background-size:72px 72px}
.wd-prices::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 26%,rgba(203,74,58,.1),transparent 32%)}
.wd-prices .wd-shell{position:relative}
.wd-prices .wd-head>p{color:rgba(243,239,230,.76)}
.wd-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(243,239,230,.25);background:rgba(6,7,7,.86)}
.wd-tier{position:relative;min-width:0;padding:clamp(28px,3vw,42px);display:flex;flex-direction:column;border-right:1px solid rgba(243,239,230,.18);background:#080909;transition:background .34s var(--ease),color .34s var(--ease),transform .34s var(--ease)}
.wd-tier:last-child{border-right:0}
.wd-tier::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--red);transform:scaleX(0);transform-origin:left center;transition:transform .38s var(--ease)}
.wd-tier:hover,.wd-tier:focus-visible{z-index:2;background:var(--paper);color:var(--ink);transform:translateY(-5px);outline:none}
.wd-tier:hover::before,.wd-tier:focus-visible::before{transform:scaleX(1)}
.wd-tier__size{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.wd-meter{margin-top:26px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-width:330px}
.wd-meter i{aspect-ratio:1;border:1px solid rgba(243,239,230,.24);transition:background .34s var(--ease),border-color .34s var(--ease)}
.wd-meter i.on{background:var(--paper);border-color:var(--paper)}
.wd-tier:hover .wd-meter i,.wd-tier:focus-visible .wd-meter i{border-color:rgba(16,16,15,.24)}
.wd-tier:hover .wd-meter i.on,.wd-tier:focus-visible .wd-meter i.on{background:var(--ink);border-color:var(--ink)}
.wd-tier__price{margin-top:34px;padding-left:20px;border-left:4px solid var(--red)}
.wd-tier__price strong{display:block;font-size:clamp(3rem,5vw,5.2rem);font-weight:800;line-height:.9;letter-spacing:-.06em;white-space:nowrap}
.wd-tier__note{max-width:34ch;margin-top:24px;font-size:1.02rem;font-weight:500;line-height:1.5;color:rgba(243,239,230,.72)}
.wd-tier:hover .wd-tier__note,.wd-tier:focus-visible .wd-tier__note{color:rgba(16,16,15,.74)}
.wd-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(243,239,230,.25);border-top:0;background:rgba(6,7,7,.86)}
.wd-extras>div{min-width:0;padding:26px clamp(28px,3vw,42px) 28px;display:grid;gap:10px;border-right:1px solid rgba(243,239,230,.18)}
.wd-extras>div:last-child{border-right:0}
.wd-extras h3{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.wd-extras p{font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:700;line-height:1.25;letter-spacing:-.025em;color:rgba(243,239,230,.86)}
.wd-extras strong{font-weight:800;color:var(--paper)}
.wd-prices__foot{margin-top:clamp(32px,4vw,44px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.wd-small{font-size:.86rem;font-weight:500;line-height:1.5;color:rgba(243,239,230,.6)}
/* ---------- How a build runs (paper) ---------- */
.wd-process{padding:var(--space) 0;background:var(--paper);color:var(--ink)}
.wd-process .wd-head>p{color:rgba(16,16,15,.78)}
.wd-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.wd-steps li{position:relative;min-width:0;padding:34px 28px 6px 0}
.wd-steps li+li{padding-left:28px;border-left:1px solid rgba(16,16,15,.18)}
.wd-steps li::before{content:'';position:absolute;top:-7px;left:0;width:12px;height:12px;background:var(--red)}
.wd-steps li+li::before{left:-1px}
.wd-steps__index{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:var(--red)}
.wd-steps h3{margin-top:22px;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1;letter-spacing:-.045em}
.wd-steps p{max-width:30ch;margin-top:16px;font-size:1.02rem;font-weight:500;line-height:1.52;color:rgba(16,16,15,.74)}
/* ---------- Website Maintenance (ink) ---------- */
.wd-care{padding:clamp(68px,7.5vw,112px) 0;color:var(--paper);background:#060707;border-top:1px solid rgba(243,239,230,.2)}
.wd-care__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(220px,.58fr);gap:clamp(32px,5vw,76px);align-items:start}
.wd-care h2{margin-top:22px;font-size:clamp(2.6rem,4.6vw,4.7rem);font-weight:800;line-height:.88;letter-spacing:-.062em}
.wd-care__intro p{max-width:40ch;margin-top:24px;font-size:1.06rem;font-weight:500;line-height:1.55;color:rgba(243,239,230,.76)}
.wd-care__list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(243,239,230,.24)}
.wd-care__list li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;padding:15px 0;border-bottom:1px solid rgba(243,239,230,.12);font-size:.98rem;line-height:1.4}
.wd-care__list b{display:flex;align-items:baseline;gap:10px;font-weight:800}
.wd-care__list b::before{content:'';width:7px;height:7px;flex:none;background:var(--red);transform:translateY(-1px)}
.wd-care__list span{color:rgba(243,239,230,.68)}
.wd-care__price{padding-left:22px;border-left:4px solid var(--red);display:grid;justify-items:start}
.wd-care__price>span{font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.58)}
.wd-care__price strong{margin-top:12px;font-size:clamp(3rem,4.6vw,4.6rem);font-weight:800;line-height:.88;letter-spacing:-.06em}
.wd-care__price em{margin-top:8px;font-size:.92rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wd-care__price small{max-width:22ch;margin-top:16px;font-size:.98rem;font-weight:600;line-height:1.42;color:rgba(243,239,230,.72)}
/* ---------- Questions (paper) ---------- */
.wd-faq{padding:var(--space) 0;background:var(--paper);color:var(--ink)}
.wd-faq__layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(40px,6vw,100px);align-items:start}
.wd-faq h2{max-width:11ch;margin-top:22px;font-size:clamp(2.6rem,4.6vw,4.6rem);font-weight:800;line-height:.9;letter-spacing:-.062em;text-wrap:balance}
.wd-faq__more{margin-top:30px;font-size:1rem;font-weight:600;line-height:1.5;color:rgba(16,16,15,.72)}
.wd-faq__more a{display:inline-flex;align-items:center;gap:8px;margin-left:4px;padding-bottom:3px;border-bottom:2px solid var(--red);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.wd-faq__more a::after{content:'\2197';font-size:.95rem;color:var(--red)}
.wd-faq__more a:hover,.wd-faq__more a:focus-visible{color:var(--red);outline:none}
.wd-faq__list{border-top:2px solid var(--ink)}
.wd-faq details{border-bottom:1px solid rgba(16,16,15,.24);transition:background .22s ease,color .22s ease}
.wd-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 20px;font-size:clamp(1.1rem,1.35vw,1.28rem);font-weight:800;line-height:1.3;letter-spacing:-.02em}
.wd-faq summary::-webkit-details-marker{display:none}
.wd-faq summary::after{content:'+';flex:none;font-size:1.45rem;line-height:1;color:var(--red)}
.wd-faq details[open] summary::after{content:'\2212'}
.wd-faq summary:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.wd-faq details p{max-width:64ch;padding:0 20px 26px;font-size:1.05rem;font-weight:500;line-height:1.6;color:inherit}
.wd-faq details:hover,.wd-faq details:focus-within{background:var(--ink);color:var(--paper)}
/* ---------- The Growth Retainer: the page's one yellow field ---------- */
.wd-growth{--gx:86%;--gy:64%;position:relative;overflow:hidden;isolation:isolate;padding:clamp(80px,9vw,136px) 0;border-top:2px solid var(--ink);background:var(--yellow);color:var(--ink)}
.wd-growth::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(16,16,15,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(16,16,15,.065) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 88%,transparent)}
.wd-growth::after{content:'';position:absolute;z-index:-1;left:var(--gx);top:var(--gy);width:min(820px,110vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(203,74,58,.19) 0,transparent 50%);pointer-events:none;transition:left .9s var(--ease),top .9s var(--ease)}
.wd-growth .wd-ast{color:#a93129}
.wd-growth__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:end}
.wd-growth h2{margin-top:22px;font-size:clamp(3.2rem,6.6vw,7rem);font-weight:800;line-height:.84;letter-spacing:-.07em;text-wrap:balance}
.wd-growth__lead{max-width:36ch;margin-top:30px;font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:700;line-height:1.32;letter-spacing:-.022em}
.wd-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--ink);border-left:1px solid rgba(16,16,15,.32)}
.wd-plan{min-width:0;padding:26px 26px 30px;display:grid;justify-items:start;border-right:1px solid rgba(16,16,15,.32);border-bottom:1px solid rgba(16,16,15,.32);transition:background .34s var(--ease),color .34s var(--ease),transform .34s var(--ease)}
.wd-plan>span{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a93129}
.wd-plan strong{margin-top:22px;font-size:clamp(2.3rem,3.6vw,3.6rem);font-weight:800;line-height:.9;letter-spacing:-.055em;white-space:nowrap}
.wd-plan em{margin-top:8px;font-size:.84rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wd-plan p{max-width:26ch;margin-top:18px;font-size:1.04rem;font-weight:600;line-height:1.45;color:rgba(16,16,15,.82)}
.wd-plan:hover,.wd-plan:focus-visible{background:var(--ink);color:var(--yellow);transform:translateY(-5px);outline:none}
.wd-plan:hover>span,.wd-plan:focus-visible>span,.wd-plan:hover .wd-ast,.wd-plan:focus-visible .wd-ast{color:#ff746b}
.wd-plan:hover p,.wd-plan:focus-visible p{color:rgba(255,224,51,.8)}
.wd-growth__foot{margin-top:clamp(40px,5vw,60px);padding-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;border-top:1px solid rgba(16,16,15,.32)}
.wd-growth__foot p{max-width:62ch;font-size:1.02rem;font-weight:600;line-height:1.5;color:rgba(16,16,15,.8)}
.wd-growth__foot p a{display:inline-block;color:var(--ink);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.wd-growth__foot p a:hover,.wd-growth__foot p a:focus-visible{color:#a93129;outline:none}
/* ---------- Terms ---------- */
.wd-terms{padding:30px 0;color:var(--paper);background:#090a0a;border-top:1px solid rgba(243,239,230,.18)}
.wd-terms .wd-shell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.wd-terms b{font-size:1rem;color:var(--red)}
.wd-terms .wd-shell>div{display:grid;gap:5px}
.wd-terms p{max-width:120ch;font-size:.92rem;font-weight:500;line-height:1.5;color:rgba(243,239,230,.66)}
/* ---------- Closing ---------- */
/* Footer: copied from the homepage, given the page frame here. */
.wd-page .signature{padding-inline:max(var(--gutter),calc((100% - var(--wrap)) / 2))}
/* ---------- Responsive ---------- */
@media(max-width:1120px){
  .wd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wd-steps li:nth-child(3){padding-left:0;border-left:0}
  .wd-steps li:nth-child(3)::before{left:0}
  .wd-steps li:nth-child(n+3){margin-top:30px;border-top:1px solid rgba(16,16,15,.18)}
  .wd-care__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wd-care__price{grid-column:2}
  .wd-tier__price strong{font-size:clamp(2.6rem,4.6vw,3.6rem)}
  .wd-growth__grid{grid-template-columns:1fr;align-items:start}
}
@media(max-width:900px){
  .wd-hero{min-height:0}
  .wd-hero__main{grid-template-columns:1fr;gap:34px;padding-block:34px 40px}
  .wd-art{align-self:auto;min-height:0;aspect-ratio:16/10}
  .wd-intro__grid,.wd-head,.wd-faq__layout{grid-template-columns:1fr;align-items:start}
  .wd-head{gap:26px}
  .wd-head>p{max-width:56ch}
  .wd-tiers{grid-template-columns:1fr}
  .wd-tier{border-right:0;border-bottom:1px solid rgba(243,239,230,.18)}
  .wd-tier:last-child{border-bottom:0}
  .wd-tier__price strong{font-size:clamp(3rem,10vw,4.2rem)}
  .wd-extras{grid-template-columns:1fr}
  .wd-extras>div{border-right:0;border-bottom:1px solid rgba(243,239,230,.18)}
  .wd-extras>div:last-child{border-bottom:0}
  .wd-care__grid{grid-template-columns:1fr}
  .wd-care__price{grid-column:auto}
  .wd-faq h2{max-width:none}
}
@media(max-width:720px){
  .wd-page{--space:72px}
  .wd-frame{inset:10px}.wd-frame i{width:34px;height:34px}
  .wd-hero__top{padding-top:22px}
  .wd-note{display:none}
  .wd-kicker{font-size:.56rem}
  .wd-hero__main{gap:28px;padding-block:26px 34px}
  .wd-overline{gap:12px;font-size:.58rem;letter-spacing:.13em}
  .wd-hero h1{font-size:clamp(2.7rem,12.6vw,4rem);line-height:.88;letter-spacing:-.062em}
  .wd-lead{font-size:1.02rem}
  .wd-hero__cta{gap:16px 22px}
  .wd-hero__cta .button{width:100%}
  .wd-art{aspect-ratio:4/3}
  .wd-art__label{left:22px;right:22px;bottom:22px}
  .wd-art>i{width:30px;height:30px}
  .wd-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:48px}
  .wd-rail li{justify-content:flex-start;padding:0 12px;font-size:.64rem;letter-spacing:.06em;text-align:left;border-bottom:1px solid rgba(243,239,230,.14)}
  .wd-rail li:nth-child(even){border-right:0}
  .wd-rail li:nth-child(n+3){border-bottom:0}
  .wd-intro{padding:56px 0 60px}
  .wd-intro__grid{gap:26px;margin-top:22px}
  .wd-intro__lead{font-size:clamp(1.55rem,7vw,2rem);line-height:1.08}
  .wd-intro__support{padding-left:16px;border-left-width:4px;font-size:1rem}
  .wd-head{margin-bottom:38px}
  .wd-head h2{font-size:clamp(2.6rem,12.4vw,3.6rem);line-height:.9}
  .wd-included .wd-head>p{padding-left:16px;border-left-width:4px}
  .wd-grid{grid-template-columns:1fr}
  .wd-grid article{min-height:0;padding:24px 20px 26px}
  .wd-grid article:hover,.wd-grid article:focus-visible{transform:none}
  .wd-tier{padding:28px 20px 30px}
  .wd-tier:hover,.wd-tier:focus-visible{transform:none}
  .wd-meter{gap:5px;max-width:300px}
  .wd-extras>div{padding:22px 20px}
  .wd-prices__foot{flex-direction:column;align-items:stretch}
  .wd-prices__foot .button{width:100%}
  .wd-steps{grid-template-columns:1fr}
  .wd-steps li,.wd-steps li+li,.wd-steps li:nth-child(3){padding:30px 0 26px;border-left:0}
  .wd-steps li+li,.wd-steps li:nth-child(n+3){margin-top:0;border-top:1px solid rgba(16,16,15,.18)}
  .wd-steps li+li::before,.wd-steps li:nth-child(3)::before{left:0}
  .wd-steps h3{margin-top:14px}
  .wd-care{padding:64px 0}
  .wd-care h2{font-size:clamp(2.6rem,12vw,3.4rem)}
  .wd-care__list li{grid-template-columns:1fr;gap:4px}
  .wd-care__list span{padding-left:17px}
  .wd-care__price{padding-left:16px}
  .wd-faq h2{font-size:clamp(2.5rem,11.6vw,3.4rem)}
  .wd-faq summary{padding:20px 14px;gap:16px}
  .wd-faq details p{padding:0 14px 22px;font-size:1rem}
  .wd-growth{padding:72px 0 80px}
  .wd-growth h2{font-size:clamp(3rem,14.6vw,4.4rem)}
  .wd-growth__lead{font-size:1.14rem}
  .wd-plans{grid-template-columns:1fr}
  .wd-plan{padding:22px 20px 24px}
  .wd-plan:hover,.wd-plan:focus-visible{transform:none}
  .wd-growth__foot{flex-direction:column;align-items:stretch}
  .wd-growth__foot .button{width:100%}
  .wd-terms{padding:26px 0}
}
@media(max-width:380px){
  .wd-rail li{font-size:.6rem;letter-spacing:.04em}
  .wd-meter{gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .wd-growth::after{transition:none}
}
/* ---------- Mark, 8 Oct 2026: intro as one line on city pages ---------- */
.wd-intro__grid>:only-child{grid-column:1/-1}
/* ---------- Growth Retainer as a product card on the yellow field, no prices ---------- */
.wd-offer{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--ink);color:var(--paper);border-top:5px solid var(--red)}
.wd-offer__main{padding:clamp(32px,4vw,56px);display:grid;align-content:start;justify-items:start}
.wd-offer__tag{display:inline-flex;align-items:center;gap:10px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.72)}
.wd-offer__tag::before{content:'';width:9px;height:9px;background:var(--red)}
.wd-growth .wd-offer h2{margin-top:20px;color:var(--paper);font-size:clamp(2.8rem,5vw,5.4rem)}
.wd-offer__main>p{max-width:38ch;margin-top:26px;font-size:clamp(1.08rem,1.4vw,1.3rem);font-weight:600;line-height:1.45;color:rgba(243,239,230,.86)}
.wd-offer__links{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.wd-offer__more{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--red);padding-bottom:4px;transition:color .2s ease}
.wd-offer__more:hover,.wd-offer__more:focus-visible{color:var(--yellow);outline:none}
.wd-offer__list{margin:0;padding:clamp(20px,3vw,40px) clamp(24px,3.4vw,52px);list-style:none;border-left:1px solid rgba(243,239,230,.16);display:grid;align-content:center}
.wd-offer__list li{padding:20px 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 28px;border-bottom:1px solid rgba(243,239,230,.16)}
.wd-offer__list li:last-child{border-bottom:0}
.wd-offer__list b{display:flex;align-items:baseline;gap:10px;font-size:1.06rem;font-weight:800;line-height:1.25}
.wd-offer__list b::before{content:'';flex:none;width:7px;height:7px;background:var(--red);transform:translateY(-2px)}
.wd-offer__list span{font-size:.98rem;font-weight:500;line-height:1.45;color:rgba(243,239,230,.74)}
@media(max-width:980px){.wd-offer{grid-template-columns:1fr}.wd-offer__list{border-left:0;border-top:1px solid rgba(243,239,230,.16)}}
@media(max-width:560px){.wd-offer__list li{grid-template-columns:1fr}.wd-offer__links .button{width:100%}}
/* ---------- Closing: the scroll-driven crowd sequence (editorial.js), as on the homepage and SEO page ---------- */
.wd-close{position:relative;background:#070706;color:var(--paper)}
.wd-close .sequence-zone{position:relative;height:300vh}
.wd-close .sequence-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.wd-close .sequence-base,.wd-close .sequence-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wd-close .sequence-canvas{display:block}
.wd-close .sequence-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(95deg,rgba(7,7,6,.95) 0 31%,rgba(7,7,6,.7) 51%,rgba(7,7,6,.3) 68%,rgba(7,7,6,.1)),linear-gradient(to bottom,rgba(7,7,6,.55),transparent 28%,transparent 62%,rgba(7,7,6,.92))}
.wd-close .closing-copy{position:relative;z-index:3}
.wd-close .closing-copy .eyebrow{display:flex;color:rgba(243,239,230,.72)}
.wd-close h2{max-width:10ch;margin-top:18px;font-size:clamp(3.8rem,8.6vw,9.4rem);font-weight:800;line-height:.8;letter-spacing:-.075em}
.wd-close p{max-width:560px;margin:28px 0 32px;font-size:clamp(1.04rem,1.45vw,1.25rem);font-weight:500;line-height:1.5;color:rgba(243,239,230,.8)}
@media(max-width:720px){
  .wd-close .sequence-zone{height:240vh}
  .wd-close .sequence-scrim{background:linear-gradient(to bottom,rgba(7,7,6,.84) 0 20%,rgba(7,7,6,.42) 50%,rgba(7,7,6,.92) 100%)}
  .wd-close .closing-copy{align-self:flex-end;padding-bottom:12vh}
  .wd-close h2{font-size:clamp(3.2rem,15.6vw,5rem)}
  .wd-close p{margin:22px 0 26px;font-size:1rem}
  .wd-close .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.wd-close .sequence-zone{height:100vh}}
/* Five feature cards (Mark, 8 Oct 2026): three across, then two wider cards, so no row is left with an empty cell. */
.wd-grid--five{grid-template-columns:repeat(6,minmax(0,1fr))}
.wd-grid--five article{grid-column:span 2}
.wd-grid--five article:nth-child(n+4){grid-column:span 3}
@media(max-width:1120px){
  .wd-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wd-grid--five article,.wd-grid--five article:nth-child(n+4){grid-column:auto}
  .wd-grid--five article:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .wd-grid--five{grid-template-columns:1fr}
}