/* Shared visual contract. Loaded last so components use the same hierarchy. */
:root{--font-editorial:Gambetta,Georgia,serif;--font-ui:"General Sans",Arial,sans-serif;--card-pad:clamp(24px,2.4vw,40px);--card-radius:12px;--type-body:18px;--type-ui:16px;--type-label:13px;--type-card:26px}
body{font-family:var(--font-ui);font-weight:400}
.button,.planning-button,.planning-text-action{font-family:var(--font-ui);font-size:16px;font-weight:500;line-height:1.4;min-height:48px;padding:12px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.text-link{font-size:16px;font-weight:500;line-height:1.5}
.eyebrow{font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.1em;line-height:1.5}
.home-project-intro h2,.edit-heading h2,.directory-heading h2,.planning-intro h2{font:400 clamp(34px,3.3vw,48px)/1.15 var(--font-editorial);letter-spacing:-.025em}
.home-project-intro>p,.edit-heading>p,.planning-intro>p{font-size:18px;line-height:1.6;max-width:58ch}
.home-room{border-radius:var(--card-radius)}
.home-room strong{font-size:20px;line-height:1.3;font-weight:500}
.home-room small{font-size:14px;line-height:1.5}
#colour-edit .swatch-title h3{font-size:16px;font-weight:500;line-height:1.4}
#colour-edit .swatch-title>span,#colour-edit .edit-footer p,.colour-motion-preview p{font-size:14px;line-height:1.5}
#colour-edit .editorial-swatch[aria-pressed=true] .swatch-surface{outline:2px solid #76516e;outline-offset:4px}
/* Category cards share a text zone above an image/product composition. */
.paint-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px}
.paint-category-grid .paint-category{grid-column:auto;grid-row:auto;min-height:390px;padding:28px;border-radius:var(--card-radius);display:block;isolation:isolate}
.paint-category-grid .paint-category .category-label,.paint-category-grid .paint-category>p{position:relative;z-index:3;max-width:100%;margin:0}
.paint-category-grid .paint-category .category-label h3{font:400 28px/1.2 var(--font-ui);letter-spacing:-.035em;max-width:none;padding:0;margin:0 0 12px}
.paint-category-grid .paint-category>p{font-size:16px;line-height:1.5;max-width:32ch}
.paint-category-grid .paint-category:nth-child(-n+2) .category-image:after{background:linear-gradient(180deg,#181a1b99,transparent 75%)}
.paint-category-grid .paint-category:nth-child(n+3)::before{width:54%;height:220px;right:24px;bottom:24px;border-radius:110px 110px 6px 6px}
.paint-category-grid .paint-category .category-pack{width:52%;height:245px;right:0;bottom:8px;z-index:2}
.paint-category-grid .paint-category .category-pack img{width:100%;height:100%;object-fit:contain;transform:none;padding:0}
.paint-category-grid .paint-category>.category-room-pack{width:45%;height:235px;right:12px;bottom:12px;z-index:2}
.paint-category-grid .paint-category .category-room-word,.paint-category-grid .paint-category .category-damp-word,.paint-category-grid .paint-category .category-putty-word{font:500 clamp(42px,5vw,76px)/.95 var(--font-ui);letter-spacing:-.055em;left:28px;right:auto;top:auto;bottom:44px;z-index:1;text-shadow:none;-webkit-text-stroke:0;max-width:75%}
/* Featured products use the same content order and proportional typography. */
.home-range-pair{display:grid;grid-template-columns:1fr;gap:28px}
.home-range-pair>section{padding:var(--card-pad);border-radius:var(--card-radius);min-width:0}
.home-range-pair .range-masthead{padding:0 0 20px;margin:0;min-height:40px}
.home-range-pair .range-masthead .eyebrow{font-size:13px}
.home-range-pair .range-index,.home-range-pair .vivid-overline,.home-range-pair .vivid-finish{display:none}
.home-range-pair .protection-layout,.home-range-pair .vivid-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:24px 48px;align-items:center;padding-top:32px;min-height:0}
.home-range-pair .protection-copy,.home-range-pair .vivid-editorial{padding:0;grid-column:1;grid-row:1;min-width:0}
.home-range-pair .protection-copy h2,.home-range-pair .vivid-editorial h2{font:400 clamp(34px,3.4vw,48px)/1.15 var(--font-editorial);letter-spacing:-.025em;margin:0 0 20px}
.home-range-pair .protection-copy h2 em,.home-range-pair .vivid-editorial h2 em{font-family:var(--font-editorial);font-style:italic;font-weight:400;color:inherit}
.home-range-pair .protection-copy>p,.home-range-pair .vivid-editorial>p{font-size:18px;line-height:1.6;max-width:40ch;margin:0 0 24px}
.home-range-pair .protection-cta,.home-range-pair .vivid-cta{font-size:16px;font-weight:500;min-height:48px;padding:12px 22px;white-space:normal;margin:0}
.home-range-pair .protection-pointers{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}
.home-range-pair .protection-pointers li{font-size:16px;line-height:1.5;display:flex;gap:12px;align-items:center}
.home-range-pair .protection-pointers svg{display:none}
.home-range-pair .protection-pointers li:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;opacity:.65}
.home-range-pair .protection-explorer,.home-range-pair .protection-panel:not([hidden]){display:contents}
.home-range-pair .protection-panel[hidden]{display:none}
.home-range-pair .protection-stage,.home-range-pair .vivid-art{grid-column:2;grid-row:1;height:380px;min-height:380px;position:relative;overflow:visible}
.home-range-pair .protection-stage{background:linear-gradient(#173e4320,#173e4340),url('/assets/story-earth.webp') center/cover;border-radius:180px 180px 6px 6px}
.home-range-pair .interior-stage{background-image:linear-gradient(#173e4320,#173e4340),url('/assets/chapter-living-wall-v2.jpg')}
.home-range-pair .protection-orbit,.home-range-pair .protection-stage-label,.home-range-pair .protection-stage-note{display:none}
.home-range-pair .protection-stage img,.home-range-pair .vivid-hero-pack{position:absolute;right:-2%;bottom:0;width:85%;height:340px;max-width:none;object-fit:contain;padding:0;margin:0}
.home-range-pair .vivid-photo{width:100%;height:340px;border-radius:180px 180px 6px 6px}
.home-range-pair .vivid-word{font:500 clamp(54px,7vw,94px)/1 var(--font-ui);letter-spacing:-.055em;left:-4%;top:auto;bottom:62px}
.home-range-pair .vivid-art-caption{font-size:12px;line-height:1.5;bottom:-34px;left:0}
.home-range-pair .protection-switch{grid-column:2;grid-row:2;margin:0;max-width:none;width:100%}
.home-range-pair .protection-switch button{min-height:44px;font-size:16px}
.home-range-pair .protection-product{grid-column:2;grid-row:3;padding:0}
.home-range-pair .protection-product>div{display:block}
.home-range-pair .protection-product h3{font:400 16px/1.5 var(--font-ui);text-align:center;margin:0}
.home-range-pair .vivid-benefits{display:none}
/* Planning tools: same heading, copy, icon placement and action treatment. */
.planning-hub{grid-template-columns:1fr;gap:32px;align-items:start}
.planning-intro{display:block;max-width:640px}
.planning-intro h2{margin:16px 0}.planning-intro>p{max-width:52ch}
.planning-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.planning-cards .planning-card{grid-row:auto;padding:28px;border-radius:var(--card-radius);display:flex;flex-direction:column;gap:0;min-height:340px}
.planning-cards .planning-card-copy{display:contents}
.planning-cards .planning-icon{height:32px;width:32px;margin-bottom:24px}
.planning-cards .planning-card h3{font:400 26px/1.25 var(--font-ui);letter-spacing:-.025em;margin:0 0 16px}
.planning-cards .planning-card p{font-size:16px;line-height:1.6;margin:0 0 24px;max-width:32ch}
.planning-cards .planning-button,.planning-cards .planning-text-action{align-self:flex-start;margin-top:auto;background:transparent;border:1px solid currentColor;color:inherit;font-size:16px;font-weight:500;min-height:48px;padding:12px 20px}
.planning-cards .planning-measure{height:110px;min-height:110px;margin:24px -28px -28px;order:5}
.planning-cards .measure-room{top:18px;height:75px}.planning-cards .measure-line{display:none}
.menu-footnote{letter-spacing:.1em}
@media(min-width:1700px){.home-range-pair{grid-template-columns:1fr 1fr}.home-range-pair .protection-layout,.home-range-pair .vivid-layout{gap:24px}.home-range-pair .protection-copy h2,.home-range-pair .vivid-editorial h2{font-size:36px}.home-range-pair .protection-stage,.home-range-pair .vivid-art{height:340px;min-height:340px}.home-range-pair .protection-stage img,.home-range-pair .vivid-hero-pack{height:300px}}
@media(max-width:900px){.planning-cards{grid-template-columns:1fr}.planning-cards .planning-card{min-height:0}.planning-cards .planning-button,.planning-cards .planning-text-action{margin-top:8px}.paint-category-grid{gap:20px}.paint-category-grid .paint-category{padding:24px;min-height:410px}.paint-category-grid .paint-category .category-label h3{font-size:26px}.paint-category-grid .paint-category .category-room-word,.paint-category-grid .paint-category .category-damp-word,.paint-category-grid .paint-category .category-putty-word{left:24px;font-size:46px}.home-range-pair .protection-layout,.home-range-pair .vivid-layout{gap:24px}.home-range-pair .protection-stage,.home-range-pair .vivid-art{height:320px;min-height:320px}.home-range-pair .protection-stage img,.home-range-pair .vivid-hero-pack{height:290px}}
@media(max-width:600px){.paint-category-grid{grid-template-columns:1fr}.paint-category-grid .paint-category{min-height:380px}.home-range-pair .protection-layout,.home-range-pair .vivid-layout{grid-template-columns:1fr;gap:28px}.home-range-pair .protection-copy,.home-range-pair .vivid-editorial{grid-column:1;grid-row:1}.home-range-pair .protection-stage,.home-range-pair .vivid-art{grid-column:1;grid-row:2;min-height:320px;height:320px;margin:0 12px}.home-range-pair .protection-switch{grid-column:1;grid-row:3}.home-range-pair .protection-product{grid-column:1;grid-row:4}.home-range-pair .vivid-art{margin-bottom:30px}.home-range-pair .protection-copy>p,.home-range-pair .vivid-editorial>p{font-size:16px}.home-range-pair .vivid-photo{height:280px}.home-range-pair .protection-copy h2,.home-range-pair .vivid-editorial h2{font-size:34px}.home-project-intro>p,.edit-heading>p,.planning-intro>p{font-size:16px}.planning-cards .planning-card{padding:24px}.planning-cards .planning-measure{margin-left:-24px;margin-right:-24px;margin-bottom:-24px}}
.home-range-pair .vivid-editorial .protection-pointers li{color:inherit}
.planning-cards .planning-measure{order:0;margin:0 0 24px;border-radius:6px}
.planning-cards .planning-button{order:5}
.home-range-pair .feature-details{display:table;margin-top:20px;font-size:14px;font-weight:500}
.footer .footer-links nav a{font-size:16px;line-height:1.6}
.footer .footer-links h4{font-size:13px;font-weight:500;letter-spacing:.1em}
.footer .footer-bottom,.footer .footer-bottom a{font-size:14px;line-height:1.5}
@media(max-width:600px){.home-range-pair{margin-left:20px;margin-right:20px}.home-range-pair>section{margin-left:0;margin-right:0}.footer .footer-links{gap:28px 20px}}
@media(min-width:1700px){.home-range-pair .protection-layout,.home-range-pair .vivid-layout{align-items:start}.home-range-pair .protection-copy h2,.home-range-pair .vivid-editorial h2{min-height:124px}.home-range-pair .protection-copy>p,.home-range-pair .vivid-editorial>p{min-height:87px}}

/* Alternating 60/40 editorial grid: one photographic treatment for every category. */
.paint-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto}
.paint-category-grid .paint-category{grid-column:span 3;grid-row:auto;min-height:400px;color:#fff;background:#302a30;container-type:inline-size}
.paint-category-grid .paint-category:nth-child(2),.paint-category-grid .paint-category:nth-child(3){grid-column:span 2}
.paint-category-grid .paint-category:nth-child(n+3)::before{display:none}
.paint-category-grid .paint-category::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#15171380 0%,#15171316 45%,#15171370 100%)}
.paint-category-grid .paint-category .category-image:not(.category-pack){inset:0;width:100%;height:100%;z-index:-1;border-radius:0}
.paint-category-grid .paint-category .category-image:not(.category-pack)::after{display:none}
.paint-category-grid .paint-category .category-image:not(.category-pack) img{width:100%;height:100%;object-fit:cover;transform:none}
.paint-category-grid .paint-category:nth-child(3) .category-scene img{object-position:70% center}
.paint-category-grid .paint-category:nth-child(4) .category-scene img{object-position:center 60%}
.paint-category-grid .paint-category .category-room-word,.paint-category-grid .paint-category .category-damp-word,.paint-category-grid .paint-category .category-putty-word{color:#fff1d5;font-size:clamp(46px,15cqw,88px);bottom:42px;left:28px;max-width:90%;z-index:1;line-height:.94}
.paint-category-grid .paint-category .category-damp-word{font-size:clamp(44px,14cqw,72px)}
.paint-category-grid .paint-category .category-pack,.paint-category-grid .paint-category>.category-room-pack{width:48%;height:255px;right:14px;bottom:14px;z-index:2}
.paint-category-grid .paint-category .category-pack img{filter:drop-shadow(3px 10px 8px #0005)}
@media(max-width:900px){.paint-category-grid .paint-category{padding:24px;min-height:400px}.paint-category-grid .paint-category .category-label h3{font-size:25px}.paint-category-grid .paint-category .category-pack,.paint-category-grid .paint-category>.category-room-pack{width:50%;height:225px;right:8px}.paint-category-grid .paint-category .category-room-word,.paint-category-grid .paint-category .category-damp-word,.paint-category-grid .paint-category .category-putty-word{left:24px;font-size:clamp(38px,14cqw,64px)}}
@media(max-width:700px){.paint-category-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.paint-category-grid .paint-category,.paint-category-grid .paint-category:nth-child(2),.paint-category-grid .paint-category:nth-child(3){grid-column:1;grid-row:auto;min-height:380px}.paint-category-grid .paint-category .category-pack,.paint-category-grid .paint-category>.category-room-pack{height:230px;width:52%}.paint-category-grid .paint-category .category-room-word,.paint-category-grid .paint-category .category-damp-word,.paint-category-grid .paint-category .category-putty-word{font-size:clamp(42px,16cqw,68px)}}
/* Two distinct feature patterns: a selection panel and an immersive spotlight. */
.home-range-pair{grid-template-columns:1fr;gap:40px}
.home-range-pair .protection-story{background:#e1e9e4;color:#193e40;border-radius:12px;padding:clamp(24px,3vw,48px)}
.home-range-pair .protection-story .range-masthead{border-color:#193e4030}
.home-range-pair .protection-story .protection-layout{grid-template-columns:1fr 1.1fr;gap:20px 56px;align-items:start}
.home-range-pair .protection-story .protection-copy{grid-row:1/4;padding-top:20px}
.home-range-pair .protection-story .protection-copy h2{font-size:clamp(34px,3.5vw,52px);min-height:0}
.home-range-pair .protection-story .protection-copy>p{min-height:0;color:#355455}
.home-range-pair .protection-story .protection-pointers li{color:#355455}
.home-range-pair .protection-story .protection-cta{background:#193e40;color:#fff;border-color:#193e40}
.home-range-pair .protection-story .protection-switch{grid-column:2;grid-row:1;border:0;border-bottom:1px solid #193e4040;border-radius:0;padding:0;gap:24px;background:none}
.home-range-pair .protection-story .protection-switch button{border:0;border-radius:0;background:none;color:#355455;padding:12px 4px;border-bottom:3px solid transparent;font-weight:500}
.home-range-pair .protection-story .protection-switch button[aria-pressed=true]{border-bottom-color:#193e40;color:#193e40;background:none}
.home-range-pair .protection-story .protection-stage{grid-column:2;grid-row:2;height:300px;min-height:300px;border-radius:8px;background-size:cover;overflow:hidden}
.home-range-pair .protection-story .protection-stage img{height:270px;width:60%;right:3%;bottom:8px}
.home-range-pair .protection-story .protection-product{grid-column:2;grid-row:3}
.home-range-pair .protection-story .protection-product h3{color:#193e40;text-align:left;font-size:18px}
.home-range-pair .vivid-story{position:relative;isolation:isolate;overflow:hidden;background:#48291b;color:#fff7e9;border-radius:12px;padding:clamp(24px,3vw,48px);min-height:610px}
.home-range-pair .vivid-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20150ee8 0%,#332016c7 40%,#33201620 80%),url('/assets/story-earth.webp') center/cover}
.home-range-pair .vivid-story .range-masthead{border-color:#fff7e940}
.home-range-pair .vivid-story .vivid-layout{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:36px}
.home-range-pair .vivid-story .vivid-editorial h2{font-size:clamp(38px,4.2vw,62px);min-height:0;max-width:15ch}
.home-range-pair .vivid-story .vivid-editorial>p{min-height:0;max-width:35ch;color:#fff0df}
.home-range-pair .vivid-story .vivid-editorial h2 em{color:#decbdd}
.home-range-pair .vivid-story .protection-pointers{display:flex;flex-wrap:wrap;gap:8px 20px}
.home-range-pair .vivid-story .protection-pointers li{font-size:14px;color:#fff0df}
.home-range-pair .vivid-story .vivid-cta{background:#fff0df;color:#38251b;border-color:#fff0df}
.home-range-pair .vivid-story .feature-details{color:#fff0df}
.home-range-pair .vivid-story .vivid-art{height:450px;min-height:450px;grid-column:2;grid-row:1}
.home-range-pair .vivid-story .vivid-photo{display:none}
.home-range-pair .vivid-story .vivid-hero-pack{width:90%;height:400px;right:0;bottom:25px;filter:drop-shadow(8px 20px 16px #160d0b66)}
.home-range-pair .vivid-story .vivid-word{font-size:clamp(70px,10vw,148px);color:#fff0df99;left:-8%;bottom:80px;z-index:0}
.home-range-pair .vivid-story .vivid-art-caption{bottom:0;color:#fff0df;font-size:12px}
@media(max-width:900px){.home-range-pair .protection-story .protection-layout{gap:20px 28px}.home-range-pair .vivid-story .vivid-layout{gap:24px}.home-range-pair .vivid-story .vivid-art{height:360px;min-height:360px}.home-range-pair .vivid-story .vivid-hero-pack{height:330px;width:100%}}
@media(max-width:600px){.home-range-pair .protection-story .protection-layout,.home-range-pair .vivid-story .vivid-layout{grid-template-columns:1fr}.home-range-pair .protection-story .protection-copy{grid-column:1;grid-row:1;padding-top:0}.home-range-pair .protection-story .protection-switch{grid-column:1;grid-row:2}.home-range-pair .protection-story .protection-stage{grid-column:1;grid-row:3;margin:0;height:260px;min-height:260px}.home-range-pair .protection-story .protection-stage img{height:240px;width:75%}.home-range-pair .protection-story .protection-product{grid-column:1;grid-row:4}.home-range-pair .vivid-story .vivid-art{grid-column:1;grid-row:2;margin:0;height:320px;min-height:320px}.home-range-pair .vivid-story .vivid-hero-pack{height:290px;width:85%}.home-range-pair .vivid-story:before{background:linear-gradient(180deg,#20150eeb,#332016b0 60%,#33201620),url('/assets/story-earth.webp') center/cover}.home-range-pair .vivid-story .vivid-word{left:0;font-size:80px}.home-range-pair .vivid-story .vivid-editorial h2{font-size:38px}}

/* Product-specific warranty stays with its selected waterproofing panel. */
.home-range-pair .protection-product .protection-warranty{display:flex;align-items:center;gap:20px;border-top:1px solid #193e4030;padding-top:20px}
.home-range-pair .protection-warranty>strong{display:flex;flex-direction:column;flex:none;font:500 52px/1 var(--font-ui);letter-spacing:-.04em;color:#193e40}
.home-range-pair .protection-warranty>strong span{font:600 10px/1.5 var(--font-ui);letter-spacing:.08em;margin-top:6px}
.home-range-pair .protection-story .protection-warranty h3{font-weight:500}
.home-range-pair .protection-warranty p{font:400 13px/1.5 var(--font-ui);color:#355455;margin:6px 0 0;max-width:30ch}
@media(max-width:400px){.home-range-pair .protection-product .protection-warranty{gap:14px}.home-range-pair .protection-warranty>strong{font-size:44px}}

/* Planning: one illustrated calculator, two compact ways to get help. */
.planning-hub .planning-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;max-width:none;align-items:end}
.planning-hub .planning-intro .eyebrow{grid-column:1/-1}
.planning-hub .planning-intro h2{margin:16px 0 0}
.planning-hub .planning-intro>p{margin:0;max-width:42ch}
.planning-hub .planning-cards{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:24px}
.planning-hub .planning-cards .planning-card{min-height:0;padding:32px}
.planning-hub .planning-cards .planning-calculate{grid-column:1;grid-row:1/3}
.planning-hub .planning-calculate .planning-icon{margin-bottom:20px}
.planning-hub .planning-calculate .planning-measure{height:140px;min-height:140px;margin:0 0 24px}
.planning-hub .planning-calculate .measure-room{height:100px;top:20px}
.planning-hub .planning-cards .planning-dealer,.planning-hub .planning-cards .planning-talk{grid-column:2;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px 20px;align-content:center}
.planning-hub .planning-cards .planning-dealer{grid-row:1}
.planning-hub .planning-cards .planning-talk{grid-row:2}
.planning-hub .planning-dealer .planning-icon,.planning-hub .planning-talk .planning-icon{margin:2px 0 0}
.planning-hub .planning-dealer h3,.planning-hub .planning-talk h3{margin-bottom:10px}
.planning-hub .planning-dealer p,.planning-hub .planning-talk p{margin:0;max-width:36ch}
.planning-hub .planning-cards .planning-text-action{grid-column:2;justify-self:start;margin-top:4px}
@media(max-width:700px){
 .planning-hub .planning-intro{grid-template-columns:1fr;gap:16px}
 .planning-hub .planning-intro h2{margin:0}
 .planning-hub .planning-cards{grid-template-columns:1fr;gap:20px}
 .planning-hub .planning-cards .planning-card{grid-column:1;grid-row:auto;padding:24px}
 .planning-hub .planning-cards .planning-dealer,.planning-hub .planning-cards .planning-talk{gap:12px 16px}
 .planning-hub .planning-cards .planning-card h3{font-size:24px}
}

/* Colour discovery: shared column edges and a compact heading. */
#colour-edit{align-items:start}
#colour-edit>.edit-heading{grid-template-columns:1.15fr 1fr;column-gap:36px;align-items:end;row-gap:20px}
#colour-edit .colour-edit-logo{display:block;width:150px;height:auto;max-width:100%;margin:0 0 16px}
#colour-edit .edit-heading h2{margin:0}
#colour-edit .colour-edit-intro p{font-size:16px;line-height:1.6;max-width:48ch;margin:12px 0 16px}
#colour-edit .editorial-swatches{align-self:start;padding:0}
@media(max-width:900px){#colour-edit>.edit-heading{column-gap:24px}}
@media(max-width:700px){#colour-edit>.edit-heading{grid-template-columns:1fr;gap:20px}#colour-edit .colour-edit-logo{width:130px;margin-bottom:12px}#colour-edit .colour-edit-intro p{margin:10px 0 14px}}

/* Separate the colour invitation from the quieter utility footer. */
.footer .colour-invitation{background:#e8e0e9;color:#302830;margin:0 calc(-1 * var(--site-gutter,4.3vw)) 40px;padding:56px var(--site-gutter,4.3vw);border:0}
.footer .colour-invitation .eyebrow{color:#625466}
.footer .colour-invitation h2{margin:18px 0 22px}
.footer .colour-invitation h2 em{color:#715e75}
.footer .colour-invitation p{color:#534a55}
.footer .colour-invitation .button{background:#302830;border-color:#302830;color:#fff}
.footer .colour-invitation .button:hover{background:#514650}
.footer .footer-brand-note{font:400 18px/1.6 var(--font-ui);max-width:24ch;margin:22px 0 0;color:#d2c8d0}
.footer .footer-palette{margin-top:22px}
@media(max-width:700px){.footer .colour-invitation{padding-top:36px;padding-bottom:36px;margin-bottom:8px}.footer .colour-invitation h2{font-size:38px}.footer .footer-brand-note{margin-top:14px}.footer .footer-colour-fan{margin-top:0}}