/* Supreme Services — Stage 4.1 wide-canvas system. Single token-driven stylesheet.
   Sections: 1 tokens & widths · 2 base · 3 rules · 4 actions · 5 header · 6 plates · 7 shared layout · 8 home · 9 services · 10 work · 11 about · 12 start · 13 detail & reading · 14 footer · 15 forms · 16 responsive · 17 reduced motion */

/* 1 ── Tokens and widths ─────────────────────────────────────────────────
   Three composition widths (all share ONE left edge — the logo edge):
   reading  --w-read   68ch measure on paragraphs, never a container
   standard .wrap--std the wide container minus its last two columns (10 of 12) — text-led structure
   wide     .wrap      min(92vw, 1600px) — header, footer, heroes, photography
   Backgrounds are always full-bleed; photography is never (source resolution). */
@font-face{font-family:Fraunces;src:url('../fonts/fraunces-latin-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
	--plaster:#f3efe7;--paper:#fffdf9;--ink:#1c211d;--ink-soft:#2b332d;--moss:#4b5848;--clay:#95563f;--clay-on-dark:#d39a80;
	--stone:#d6d0c4;--footer:#ebe5d8;--muted:#5f5a53;--field:#788273;--error:#923f32;--success:#35543b;--error-bg:#fff6f3;--success-bg:#f2faf3;
	--on-dark:#fffdf9;--on-dark-soft:#e6e7de;
	--bg:var(--plaster);--fg:var(--ink);--fg-soft:var(--muted);--rule:var(--ink);--sep:var(--stone);--tick:var(--clay);--focus:var(--ink);
	--serif:Fraunces,Georgia,serif;--sans:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
	--fs-display:clamp(2.25rem,1.4rem + 2.2vw,3.5rem);
	--fs-h2:clamp(1.75rem,1.2rem + 1.5vw,2.625rem);
	--fs-h3:1.5rem;
	--fs-lead:clamp(1.125rem,1.06rem + .3vw,1.3125rem);
	--fs-body:1.125rem;
	--fs-ui:1rem;
	--fs-small:1rem;
	--fs-micro:.9375rem;
	--gutter:clamp(20px,4vw,48px);--gap:24px;
	--wide:min(1600px,92vw,100vw - 2 * var(--gutter));
	--pad-col:calc((var(--wide) + var(--gap)) / 12);
	--w-read:68ch;
	--s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s8:96px;
	--section:clamp(64px,8vw,112px);
	--header-h:88px;--logo-w:120px;
	--ease:cubic-bezier(.16,1,.3,1);
}
@media(min-width:1500px){:root{--gap:32px}}
.surface-ink{--bg:var(--ink);--fg:var(--paper);--fg-soft:var(--on-dark-soft);--rule:rgba(255,253,249,.45);--sep:rgba(255,253,249,.2);--tick:var(--clay-on-dark);--focus:var(--paper)}
.surface-moss{--bg:var(--moss);--fg:var(--paper);--fg-soft:var(--on-dark-soft);--rule:rgba(255,253,249,.5);--sep:rgba(255,253,249,.25);--tick:#e3b79f;--focus:var(--paper)}
.surface-paper{--bg:var(--paper)}

/* 2 ── Base ───────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}
body{margin:0;background:var(--plaster);color:var(--ink);font:400 var(--fs-body)/1.65 var(--sans);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.nav-open{overflow:hidden}
::selection{background:var(--moss);color:var(--paper)}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
p{margin:0 0 1.15rem}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.surface-ink,.surface-moss,.surface-paper,.surface-plain{background:var(--bg);color:var(--fg)}
h1,h2,h3,h4{margin:0;text-wrap:balance}
h1,h2{font-family:var(--serif);font-weight:460;letter-spacing:-.022em;line-height:1.1}
h1{font-size:var(--fs-display);white-space:pre-line;max-width:16ch}
h2{font-size:var(--fs-h2);white-space:pre-line}
h3{font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em}
.lead{font-size:var(--fs-lead);line-height:1.55;max-width:44ch;color:inherit}
.prose>p,.prose>ul,.prose>ol{max-width:var(--w-read)}
.lead p:last-child,.prose>*:last-child{margin-bottom:0}
.eyebrow{text-wrap:balance;margin:0 0 var(--s3);font:600 var(--fs-micro)/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft)}
.wrap{width:var(--wide);margin-inline:auto}
.wrap--std{width:var(--wide);margin-inline:auto;padding-right:calc(2 * var(--pad-col))}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.screen-reader-text:focus,.skip-link:focus{position:fixed!important;clip:auto;width:auto;height:auto;left:16px;top:16px;margin:0;padding:16px 24px;background:var(--ink);color:var(--paper);z-index:9999}
main{display:block}
.prose{max-width:none}
.prose h2{font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em;margin:var(--s6) 0 var(--s2)}
.prose h3{font-size:1.125rem;margin:var(--s5) 0 var(--s1)}
.prose a{text-underline-offset:.28em;text-decoration-thickness:1px}
.prose a:hover{text-decoration-thickness:2px}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.15rem}
.prose li{margin-bottom:.4em}

/* 3 ── Rule system ────────────────────────────────────────────────────────
   structural  : 1px --rule + 3px clay tick, wrap width, ONE per major section (.ledger-head)
   separator   : 1px --sep between rows/groups inside a section
   interactive : 1px underline (2px on hover/focus); nav bar
   field       : 1px --field boundary; 2px ink focus; 2px error
   Nothing else draws a line.                                                                */
.ledger-head{position:relative;display:flex;align-items:baseline;gap:var(--s3);padding-top:var(--s4);font:600 var(--fs-micro)/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}
.ledger-head::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--rule);transform-origin:left center}
.ledger-head::after{content:"";position:absolute;left:0;top:-1px;width:36px;height:3px;background:var(--tick);transform-origin:left center}
.ledger-label{color:var(--fg-soft)}

/* 4 ── Actions ────────────────────────────────────────────────────────── */
.action{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;text-decoration:none;font:600 var(--fs-ui)/1.35 var(--sans)}
.action-label{min-width:0}
.action-icon{display:inline-flex;width:20px;min-width:20px;height:20px;align-items:center;justify-content:center;flex:0 0 20px}
.arrow{width:20px;height:20px;transition:transform 220ms var(--ease)}
.action:hover .arrow,.action:focus-visible .arrow{transform:translateX(3px)}
.action--back .action-icon{order:-1}.action--back .arrow{rotate:180deg}
.text-link .action-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.32em;transition:text-decoration-thickness 120ms}
.text-link:hover .action-label,.text-link:focus-visible .action-label{text-decoration-thickness:2px}
.button{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:2px;font:600 var(--fs-ui)/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color 160ms var(--ease),color 160ms var(--ease),border-color 160ms var(--ease)}
.button--primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button--primary:hover,.button--primary:focus-visible{background:var(--moss);border-color:var(--moss);color:var(--paper)}
.button--light{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.button--light:hover,.button--light:focus-visible{background:var(--stone);border-color:var(--stone);color:var(--ink)}
.button:disabled,.button[aria-disabled=true]{background:var(--stone);border-color:var(--stone);color:var(--ink-soft);cursor:wait}
.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5)}

/* 5 ── Header ─────────────────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:50;background:var(--plaster);border-bottom:1px solid transparent;transition:background-color 200ms,border-color 200ms}
.site-header.is-scrolled{background:rgba(243,239,231,.98);border-bottom-color:var(--stone);backdrop-filter:blur(8px)}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);height:var(--header-h)}
.site-brand{display:block;flex:0 0 auto;width:var(--logo-w)}
.site-brand img{width:100%;height:auto;transform-origin:left center;transition:transform 260ms var(--ease)}
.site-header.is-scrolled .site-brand img{transform:scale(.86)}
.primary-nav .menu{display:flex;align-items:center;gap:clamp(20px,2.4vw,32px);list-style:none;margin:0;padding:0}
.primary-nav a{position:relative;display:flex;align-items:center;min-height:44px;font:500 1.0625rem/1 var(--sans);text-decoration:none;color:var(--ink)}
.primary-nav .menu>li:not(.menu-item-enquiry)>a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.primary-nav .menu>li:not(.menu-item-enquiry)>a:hover::after,.primary-nav .menu>li:not(.menu-item-enquiry)>a:focus-visible::after{transform:scaleX(1)}
.primary-nav .menu>li:not(.menu-item-enquiry)>a[aria-current=page]::after,.primary-nav .current-menu-ancestor>a::after,.primary-nav .current_page_ancestor>a::after,.primary-nav .current-menu-parent>a::after{transform:scaleX(1);background:var(--clay)}
.primary-nav .menu-item-enquiry>a{padding:0 20px;background:var(--ink);border-radius:2px;color:var(--paper);font-weight:600;transition:background-color 160ms var(--ease)}
.primary-nav .menu>li>a[aria-current=location]::after{transform:scaleX(1);background:var(--clay)}
.primary-nav .menu-item-enquiry>a[aria-current=page]::after{content:"";position:absolute;left:20px;right:20px;bottom:6px;height:2px;background:var(--clay-on-dark)}
.primary-nav .menu-item-enquiry>a:hover,.primary-nav .menu-item-enquiry>a:focus-visible{background:var(--moss)}
.menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:0 16px;background:transparent;border:1px solid var(--ink);color:var(--ink);font:600 var(--fs-ui)/1 var(--sans);border-radius:2px;cursor:pointer}
.menu-icon{position:relative;width:18px;height:12px;border-block:1.5px solid currentColor}
.menu-icon::after{content:'';position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor}
.menu-toggle[aria-expanded=true] .menu-icon{border-color:transparent}
.menu-toggle[aria-expanded=true] .menu-icon::before,.menu-toggle[aria-expanded=true] .menu-icon::after{content:'';position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon::after{transform:rotate(-45deg)}
.breadcrumbs{padding-block:var(--s3) 0;font-size:var(--fs-small);color:var(--muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:0 10px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:'/';margin-right:10px}
.breadcrumbs a,.breadcrumbs [aria-current]{display:inline-flex;align-items:center;min-height:32px}

/* 6 ── Plates (photographs) ───────────────────────────────────────────── */
.plate{position:relative;min-width:0}
.plate img{display:block;width:100%;height:auto;background:var(--stone);object-fit:cover}
.plate__link{display:block;overflow:hidden}
.plate--portrait img{aspect-ratio:4/5;object-position:50% 45%}
.plate--landscape img{aspect-ratio:3/2;object-position:50% 50%}
.plate--wide img{aspect-ratio:4/3;object-position:50% 50%}
.plate--hero img{aspect-ratio:6/5;object-position:50% 40%}
/* Photographs with a baked-in letterbox bar carry --r:.8 (set in PHP) and are framed 4:5 so the bar is cropped, never edited on disk. */
.plate figcaption{display:flex;align-items:baseline;gap:var(--s2);padding-top:var(--s2);font:500 var(--fs-small)/1.45 var(--sans);color:var(--fg-soft)}
.plate__tag{flex:0 0 auto;font:600 var(--fs-micro)/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}
.plate__tag::after{content:"·";margin-left:var(--s2);color:var(--fg-soft)}
.plate__text a{display:inline-block;padding-block:.3em;color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}
.plate__text a:hover{text-decoration-thickness:2px}
.type-plate{position:relative;aspect-ratio:16/10;background:var(--footer);color:var(--ink);display:flex;align-items:flex-end;padding:var(--s5)}
.type-plate::before{content:"";position:absolute;left:var(--s5);top:var(--s5);width:36px;height:3px;background:var(--tick)}
.type-plate__name{max-width:18ch;font:600 var(--fs-h3)/1.2 var(--sans);letter-spacing:-.01em;text-wrap:balance}
/* A figure followed directly by a heading never lets its caption crowd the heading. */
figure.plate+:is(h1,h2,h3){margin-top:var(--s4)}

/* 7 ── Shared layout ──────────────────────────────────────────────────── */
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.page-opening{padding-block:clamp(32px,4.5vw,72px) var(--s7)}
.page-opening h1{margin-bottom:var(--s4)}
.split-opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;padding-bottom:var(--s5)}
.split-opening h1{grid-column:1/7;margin:0;max-width:none}
.split-opening .lead{grid-column:7/13;margin:0}
.split-opening .prose{grid-column:7/13;margin-top:var(--s3);color:var(--fg-soft)}
.services-page .split-opening{padding-bottom:var(--s7)}
.section-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;padding-block:var(--s5) var(--s6)}
.section-head h2{grid-column:1/7}.section-head>.lead,.section-head__aside{grid-column:7/13}
.section-head__aside .lead{margin-bottom:var(--s3)}
.link-ledger{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}
.link-ledger li{border-top:1px solid var(--sep)}
.link-ledger a{display:flex;align-items:center;gap:var(--s3);min-height:64px;padding-block:var(--s2);text-decoration:none;font:600 1.1875rem/1.35 var(--sans)}
.link-ledger .action-label{flex:1 1 auto}
.link-ledger a:hover .action-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.link-ledger a:hover .arrow{transform:translateX(3px)}
.enquiry-transition{padding-block:var(--section)}
.enquiry-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4) var(--gap);align-items:end}
.enquiry-inner h2{grid-column:1/7}.enquiry-response{grid-column:7/13}
.enquiry-response .lead{margin-bottom:var(--s4)}
.surface-plain .enquiry-inner{border-top:1px solid var(--sep);padding-top:var(--s6)}
.enquiry-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.enquiry-split .plate{grid-column:1/6}
.enquiry-split .enquiry-copy{grid-column:7/13;display:grid;gap:var(--s4);justify-items:start}
.enquiry-copy h2{font-size:var(--fs-h2)}
.enquiry-copy .lead{margin:0}

/* 8 ── Home ───────────────────────────────────────────────────────────── */
.home-hero{padding-block:clamp(20px,3vw,40px) var(--section)}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.hero-copy{grid-column:1/7;min-width:0}
.hero-copy h1{margin-bottom:var(--s5);max-width:none}
.hero-lead{margin-bottom:var(--s5)}
.hero-plate{grid-column:7/13}
.work-gallery{padding-block:var(--s7) var(--section)}
.gallery{container-type:inline-size;--r1:32cqw;--r2:19cqw;--cap:44px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:var(--s5);align-items:start}
.gallery .plate{display:grid;grid-template-rows:auto var(--cap)}
.gallery .plate img{height:var(--h);aspect-ratio:auto}
.gallery figcaption{height:var(--cap);overflow:hidden;align-items:flex-start}
.gallery .g-lead{grid-column:1/7;grid-row:1/3;--h:calc(var(--r1) + var(--r2) + var(--cap) + var(--s5))}
.gallery .g-a{grid-column:7/13;grid-row:1;--h:var(--r1)}
.gallery .g-b{grid-column:7/10;grid-row:2;--h:var(--r2)}
.gallery .g-c{grid-column:10/13;grid-row:2;--h:var(--r2)}
.home-services{padding-block:var(--s8) var(--s7)}
.services-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-top:var(--s6);align-items:start}
.services-plate{grid-column:1/5;position:sticky;top:calc(var(--header-h) + var(--s4))}
.services-copy{grid-column:6/13}
.services-copy h2{margin-bottom:var(--s3)}.services-copy .lead{margin-bottom:var(--s5)}
.service-index{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--sep)}
.service-index li{border-top:1px solid var(--sep)}
.service-index a{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:start;gap:var(--s3);padding-block:var(--s4);text-decoration:none}
.service-index__name{display:block;font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em}
.service-index__text{display:block;margin-top:4px;max-width:52ch;font-size:1.0625rem;line-height:1.55;color:var(--muted)}
.service-index .arrow{margin-top:.5rem}
.service-index a:hover .service-index__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.service-index a:hover .arrow{transform:translateX(3px)}
.home-statement{padding-block:var(--s7) var(--s8)}
.statement-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--gap);align-items:end}
.statement-grid h2{grid-column:1/7;font-size:var(--fs-h2)}.statement-grid .lead{grid-column:7/11}
.home-process{padding-block:var(--s8)}
.process-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:end;padding-block:var(--s5) var(--s7)}
.process-head h2{grid-column:1/7}.process-head .lead{grid-column:7/13}
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.stages li{padding-top:var(--s4);border-top:1px solid var(--sep)}
.stage-num{display:block;margin-bottom:var(--s5);font:600 var(--fs-micro)/1.3 var(--sans);letter-spacing:.06em;color:var(--fg-soft)}
.stages h3{margin-bottom:var(--s2)}
.stages p{margin:0;color:var(--fg-soft);max-width:34ch}
.home-sectors{padding-block:var(--s8)}
.sector-pair{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.sector-pair article{grid-column:span 6;display:flex;flex-direction:column;align-items:flex-start;padding-top:var(--s5);border-top:1px solid var(--sep)}
.sector-pair h3{font-size:var(--fs-h3);margin-bottom:var(--s2)}
.sector-pair p{max-width:44ch;color:var(--fg-soft);margin-bottom:var(--s5)}
.sector-pair .button{margin-top:auto}

/* 9 ── Services ───────────────────────────────────────────────────────── */
.services-page .page-opening h1{max-width:none}
.service-explorer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;padding-bottom:var(--section)}
.service-list{grid-column:1/7;list-style:none;margin:0;padding:0 var(--s5) 0 0;border-bottom:1px solid var(--sep)}
.service-list li{border-top:1px solid var(--sep)}
.service-list a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:var(--s3);align-items:start;padding-block:var(--s5);text-decoration:none}
.service-list__name{display:block;font:600 var(--fs-h3)/1.25 var(--sans);letter-spacing:-.01em}
.service-list__text{display:block;margin-top:var(--s1);max-width:46ch;font-size:1.0625rem;line-height:1.55;color:var(--muted)}
.service-list .arrow{margin-top:.6rem}
.service-list a:hover .service-list__name,.service-list a:focus-visible .service-list__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.service-list a:hover .arrow{transform:translateX(3px)}
.service-visual{grid-column:7/13;position:sticky;top:calc(var(--header-h) + var(--s4));display:grid}
.service-visual>[data-panel]{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity 320ms ease,visibility 0s linear 320ms}
.service-visual>[data-panel].is-active{opacity:1;visibility:visible;transition:opacity 320ms ease,visibility 0s}
.service-visual .plate img{aspect-ratio:4/5;max-height:calc(100svh - var(--header-h) - 120px)}
.service-visual .type-plate{aspect-ratio:4/5;max-height:calc(100svh - var(--header-h) - 120px)}
.services-sectors{padding-block:0 var(--section)}
.services-sectors__grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--gap);padding-top:var(--s5);align-items:center}
.services-sectors__grid .lead{grid-column:1/7;margin:0}
.services-sectors__links{grid-column:7/11;margin:0;display:flex;flex-direction:column;gap:var(--s1)}

/* 10 ── Selected Work ─────────────────────────────────────────────────── */
.work-page .page-opening{padding-bottom:var(--s4)}
.records{padding-bottom:var(--s8)}
.record-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s7) var(--gap);padding-top:var(--s5)}
.record-card{grid-column:span 6;min-width:0;display:grid;gap:var(--s4);align-content:start}
.record-card .plate{width:100%;max-width:none}
.record-card:nth-child(even){margin-top:var(--s6)}
.record-card__body{width:100%;max-width:none;display:grid;justify-items:start;gap:var(--s1)}
.record-card__body p{margin:0;max-width:46ch;color:var(--muted);font-size:1.0625rem;line-height:1.55}
.record-card__title{font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em}
.record-card__title a{text-decoration:none}
.record-card__title a:hover .action-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.observations{padding-block:var(--s7) var(--section)}
.observation-columns{--row-h:clamp(240px,23vw,380px);display:flex;flex-wrap:wrap;gap:var(--s5) var(--gap)}
.observation-columns .plate{flex:calc(var(--r,1) * 100) 1 calc(var(--r,1) * var(--row-h))}
.observation-columns .plate img{aspect-ratio:var(--r,auto);max-height:calc(var(--row-h) * 1.4);object-position:50% 56%}

/* 11 ── About ────────────────────────────────────────────────────────── */
.about-opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.about-copy{grid-column:1/7}
.about-copy h1{max-width:none;margin-bottom:var(--s4)}
.about-image{grid-column:7/13}
.about-story{padding-bottom:var(--section)}
.about-story .prose{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--s7) var(--gap)}
.about-story .wp-block-group h2{font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em;margin:0 0 var(--s2)}
.about-story .wp-block-group{grid-column:span 5;border-top:1px solid var(--sep);padding-top:var(--s4)}
.about-story .wp-block-group:first-child{grid-column:1/9;border-top:0;padding-top:0}
.about-story .wp-block-group:first-child h2{font:460 var(--fs-h2)/1.1 var(--serif);letter-spacing:-.022em;margin-bottom:var(--s4)}
.about-story .wp-block-group:first-child p{font-size:var(--fs-lead);line-height:1.55;max-width:46ch}
.about-story .wp-block-group p{color:var(--muted);max-width:42ch;margin:0}
.about-depth{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--gap);align-items:start;padding-bottom:var(--section)}
.about-depth h2{grid-column:1/6}.about-depth>div{grid-column:6/11}
.about-depth>div .lead{margin-bottom:var(--s4)}

/* Source restoration: native editable groups, readable paragraphs and static testimonials. */
.about-story .prose{display:block}
.about-story .prose>.wp-block-group{max-width:68ch; margin:0 0 var(--s7);padding:0; border:0}
.about-story .prose>.wp-block-group:not(:first-child){border-top:1px solid var(--sep);padding-top:var(--s6)}
.about-story .prose>.wp-block-group h2{font:460 var(--fs-h2)/1.1 var(--serif);letter-spacing:-.022em;margin-bottom:var(--s4)}
.about-story .prose>.wp-block-group p{max-width:68ch;font-size:var(--fs-body);line-height:1.65;color:var(--ink);margin:0 0 var(--s4)}
.about-story .prose>.wp-block-group:last-child{margin-bottom:0}
.original-testimonials .wp-block-quote{margin:var(--s5) 0;padding:var(--s5) 0;border:0;border-top:1px solid var(--sep)}
.original-testimonials .wp-block-quote cite{display:block;font:500 var(--fs-small)/1.5 var(--sans);color:var(--muted)}

/* 12 ── Start a Project ──────────────────────────────────────────────── */
.start-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-block:clamp(32px,4vw,64px) var(--s8);align-items:start}
.start-side{grid-column:1/6;position:sticky;top:calc(var(--header-h) + var(--s4));display:grid;gap:var(--s6)}
.start-head h1{max-width:none;margin-bottom:var(--s4)}
.start-head .lead{margin:0}
.start-more{display:grid;gap:var(--s5)}
.start-more>div+div{border-top:1px solid var(--sep);padding-top:var(--s5)}
.start-more h2{font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em;margin:0 0 var(--s1);white-space:normal}
.start-more p{margin:0;max-width:40ch;color:var(--muted);font-size:1.0625rem;line-height:1.55}
.footer-email{font-weight:600;overflow-wrap:anywhere}
.start-form{grid-column:7/13;max-width:760px;min-width:0;border-top:1px solid var(--sep);padding-top:var(--s4)}
.start-email{display:none;margin:var(--s4) 0 0;font-size:1.0625rem;color:var(--muted)}
.start-email .footer-email{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}

/* 13 ── Service, project and reading pages ───────────────────────────── */
.service-opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.service-opening .opening-copy{grid-column:1/6}
.service-opening .opening-copy h1{max-width:none}
.service-opening .opening-copy .lead{margin-bottom:var(--s5)}
.service-opening .opening-plate{grid-column:7/13}
.service-opening--text-led .opening-copy{grid-column:1/-1}
.service-opening--text-led .opening-copy h1{max-width:22ch}
.service-body{padding-bottom:var(--section)}
.service-body .prose{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--s5) var(--gap);align-items:start}
.service-body .prose>p{grid-column:1/5;font-size:var(--fs-lead);line-height:1.55;margin:0}
.service-body .prose>.wp-block-group{grid-column:6/11;border-top:1px solid var(--sep);padding-top:var(--s4)}
.service-body .prose>.wp-block-group:first-of-type{border-top:0;padding-top:0}
.service-body .wp-block-group h2{margin:0 0 var(--s1)}
.service-body .wp-block-group p{margin:0;color:var(--muted);max-width:var(--w-read)}
.related-work,.other-services{padding-bottom:var(--section)}
.reading-layout{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:var(--gap);padding-block:clamp(32px,4.5vw,72px) var(--section);align-items:start}
.reading-head{grid-column:1/5;position:sticky;top:calc(var(--header-h) + var(--s4))}
.reading-head h1{max-width:none;margin-bottom:var(--s4)}
.reading-head .lead{margin-bottom:var(--s4)}
.reading-body{grid-column:5/11;min-width:0}
.reading-body .prose>*{max-width:var(--w-read)}
.reading-body .prose>h2{margin:0;padding:var(--s4) 0 var(--s1);border-top:1px solid var(--sep)}
.reading-body .prose>h2:first-child{border-top:0;padding-top:0}
.reading-body .prose>p{margin-bottom:var(--s3)}
.project-single{padding-bottom:0}
.record-page{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-block:var(--s5) var(--section);align-items:start}
.record-plate{grid-column:1/6}
.record-copy{grid-column:7/13;display:flex;flex-direction:column;align-items:flex-start}
.record-copy h1{margin-bottom:var(--s4);max-width:14ch}
.record-copy .lead{margin-bottom:var(--s4)}
.project-description{margin-bottom:var(--s4)}
.project-facts{width:100%;margin:0 0 var(--s4);display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--gap)}
.project-facts>div{border-top:1px solid var(--sep);padding-top:var(--s2)}
.project-facts dt{font:600 var(--fs-micro)/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.project-facts dd{margin:4px 0 0}
.project-scope h2{font:600 var(--fs-h3)/1.3 var(--sans);margin-bottom:var(--s1)}
.project-quote{padding-block:var(--s6);font:400 1.75rem/1.45 var(--serif);max-width:32ch}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);padding-bottom:var(--section)}
.next-record{padding-bottom:var(--s6)}
.project-single+.enquiry-transition{padding-top:var(--s6)}
.next-record a{display:flex;align-items:center;gap:var(--s3);padding-block:var(--s4);text-decoration:none;font:600 var(--fs-h3)/1.3 var(--sans);letter-spacing:-.01em}
.next-record .action-label{flex:1}
.next-record a:hover .action-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.search-form{display:flex;gap:var(--s2);max-width:520px}
.search-form label{flex:1;min-width:0;display:block}
.search-field,.search-form input[type=search]{width:100%;height:56px;padding:0 var(--s3);font:400 1.0625rem/1 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--field);border-radius:2px}
.search-submit{height:56px;padding:0 var(--s4);background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:2px;font:600 var(--fs-ui)/1 var(--sans);cursor:pointer}
.search-submit:hover{background:var(--moss);border-color:var(--moss)}
.search-hit{flex:1;display:block}.search-hit__text{display:block;margin-top:2px;font:400 1.0625rem/1.5 var(--sans);color:var(--muted)}
.reading-body .link-ledger{grid-template-columns:1fr;margin-top:0}
.reading-body>h2{margin-bottom:var(--s3)}
.navigation.pagination{margin-top:var(--s6)}.nav-links{display:flex;gap:var(--s2);flex-wrap:wrap}
.page-numbers{display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:center;padding:0 var(--s2);border:1px solid var(--sep);text-decoration:none}
.page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* 14 ── Footer ──────────────────────────────────────────────────────── */
.site-footer{position:relative;background:var(--footer);padding-top:var(--s8)}
.site-footer::before{content:"";position:absolute;top:0;left:50%;width:var(--wide);height:3px;background:var(--clay);transform:translateX(-50%)}
.footer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s6) var(--gap);padding-bottom:var(--s6)}
.footer-brand{grid-column:1/5}.footer-navigation{grid-column:6/9}.footer-contact{grid-column:10/13}
.footer-brand img{width:clamp(120px,10vw,152px);height:auto}
.footer-brand p{margin:var(--s4) 0 0;max-width:30ch;color:var(--ink-soft);font-size:1.0625rem;line-height:1.55}
.footer-navigation .menu{list-style:none;margin:0;padding:0;display:grid;gap:0}
.footer-navigation a{display:inline-flex;align-items:center;min-height:40px;font:500 1.0625rem/1.3 var(--sans);text-decoration:none}
.footer-navigation a:hover,.footer-contact>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1)}
.footer-contact>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font:600 1.0625rem/1.4 var(--sans);text-decoration:none}
.footer-contact p{margin:0;color:var(--muted)}
.footer-social{display:flex;gap:var(--s4);padding-bottom:var(--s4)}
.footer-legal{padding-bottom:var(--s4);font-size:var(--fs-small);color:var(--muted)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s4);padding-block:var(--s4) var(--s5);font-size:var(--fs-small);color:var(--muted)}
.footer-bottom a{color:inherit;display:inline-flex;align-items:center;min-height:44px}
@media(min-width:941px){
	.footer-bottom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
	.footer-bottom>:first-child{grid-column:1/6}
	.footer-bottom>a{grid-column:6/9;justify-self:start}
	.footer-bottom>:last-child{grid-column:9/13;justify-self:end;text-align:right}
}

/* 15 ── Forms ───────────────────────────────────────────────────────── */
.supreme-core-enquiry form{counter-reset:group}
.supreme-core-enquiry .supreme-core-hint{font-size:var(--fs-small);line-height:1.5;color:var(--muted);margin:0 0 var(--s2)}
.supreme-core-form-section{position:relative;border:0;border-top:1px solid var(--sep);margin:0 0 var(--s6);padding:var(--s4) 0 0;min-inline-size:0;counter-increment:group}
.supreme-core-form-section>legend{float:left;width:100%;padding:0;margin:0 0 var(--s4);font:600 1.375rem/1.3 var(--sans);letter-spacing:-.01em;display:block}
.supreme-core-form-section>legend+*{clear:both}
.supreme-core-enquiry .supreme-core-field{margin:0 0 var(--s4)}
.supreme-core-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap)}
.supreme-core-enquiry label{display:block;margin-bottom:var(--s1);font:600 var(--fs-ui)/1.35 var(--sans)}
.supreme-core-enquiry input[type=text],.supreme-core-enquiry input[type=email],.supreme-core-enquiry input[type=tel],.supreme-core-enquiry select,.supreme-core-enquiry textarea{outline:3px solid transparent;outline-offset:6px;width:100%;max-width:none;height:56px;padding:0 var(--s3);font:400 1.0625rem/1.4 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--field);border-radius:2px;transition:border-color 160ms,outline-offset 200ms var(--ease),outline-color 200ms}
.supreme-core-enquiry select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%231c211d' stroke-width='1.5'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.supreme-core-enquiry textarea{height:auto;min-height:220px;padding-block:var(--s2);resize:vertical}
.supreme-core-enquiry input:hover,.supreme-core-enquiry select:hover,.supreme-core-enquiry textarea:hover{border-color:var(--ink)}
.supreme-core-enquiry input:focus-visible,.supreme-core-enquiry select:focus-visible,.supreme-core-enquiry textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-color:var(--ink)}
.supreme-core-enquiry [aria-invalid=true]{border-color:var(--error);border-width:2px}
.supreme-core-enquiry .supreme-core-field-error{margin:var(--s1) 0 0;color:var(--error);font:600 var(--fs-small)/1.45 var(--sans)}
.supreme-core-choice-group{padding:0;border:0;margin:0 0 var(--s4)}
.supreme-core-choice-group legend{padding:0;margin-bottom:var(--s1);font:600 var(--fs-ui)/1.35 var(--sans)}
.supreme-core-enquiry .supreme-core-choice-group label{display:inline-flex;align-items:center;gap:var(--s1);min-height:48px;margin:0 var(--s1) 0 0;padding:0 var(--s3);border:1px solid var(--field);border-radius:2px;background:var(--paper);font-weight:500;cursor:pointer}
.supreme-core-enquiry .supreme-core-choice-group label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.supreme-core-enquiry input[type=radio],.supreme-core-enquiry input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;accent-color:var(--ink)}
.supreme-core-enquiry .supreme-core-consent{display:flex;gap:var(--s2);align-items:flex-start;margin-bottom:var(--s5)}
.supreme-core-enquiry .supreme-core-consent input[type=checkbox]{margin-top:0}
.supreme-core-enquiry .supreme-core-consent label{font-weight:400;margin:0}
.supreme-core-submit-area{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5)}
.supreme-core-submit-area a{font-size:var(--fs-small);font-weight:500}
.supreme-core-notice{margin:0 0 var(--s6);padding:var(--s4);border:1px solid currentColor;border-radius:2px}
.supreme-core-notice h2{font:600 1.375rem/1.3 var(--sans);letter-spacing:-.01em;margin-bottom:var(--s1);white-space:normal}
.supreme-core-notice ul{margin:var(--s2) 0 0;padding-left:1.2em}
.supreme-core-notice--success{border-color:var(--success);background:var(--success-bg)}
.supreme-core-notice--error{border-color:var(--error);background:var(--error-bg)}
.supreme-core-enquiry form[aria-busy=true]{opacity:.85}
.supreme-core-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Contact refinement only: aligned labels, stable field rhythm and controls. */
.project-start-page .start-side{position:static}
.project-start-page .start-email{display:block}
.project-start-page .start-form{border-top:0;padding-top:0}
.project-start-page .supreme-core-enquiry .supreme-core-form-section{margin-bottom:var(--s5);padding-top:var(--s4)}
.project-start-page .supreme-core-enquiry .supreme-core-form-grid{gap:var(--s4) var(--gap);margin-bottom:var(--s4)}
.project-start-page .supreme-core-form-grid>.supreme-core-field{display:flex;flex-direction:column;margin:0;min-width:0}
.project-start-page .supreme-core-form-grid input,.project-start-page .supreme-core-form-grid select{margin-top:auto;max-width:none}
@supports (grid-template-rows:subgrid){.project-start-page .supreme-core-enquiry .supreme-core-form-grid{row-gap:0;margin-bottom:0}.project-start-page .supreme-core-form-grid>.supreme-core-field{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;margin:0 0 var(--s4)}.project-start-page .supreme-core-form-grid input,.project-start-page .supreme-core-form-grid select{margin-top:0}}
.project-start-page .supreme-core-enquiry textarea{min-height:180px;max-width:none}
.project-start-page .supreme-core-enquiry .supreme-core-choice-group label{margin-bottom:var(--s2);cursor:pointer}
.project-start-page .supreme-core-enquiry .supreme-core-consent{gap:var(--s2);margin:var(--s4) 0 0}
.project-start-page .supreme-core-enquiry .supreme-core-consent input{margin-top:2px;cursor:pointer}
.project-start-page .supreme-core-enquiry .supreme-core-consent label{cursor:pointer}
.project-start-page .supreme-core-enquiry .supreme-core-submit-area{padding-top:var(--s2)}
.project-start-page .supreme-core-enquiry .supreme-core-notice{border-width:1px;margin-bottom:var(--s5)}
@media(min-width:941px) and (max-width:1100px){.project-start-page .supreme-core-form-grid{grid-template-columns:1fr}}

/* 16 ── Responsive ──────────────────────────────────────────────────── */
@media(max-width:1300px){
	.hero-copy h1{font-size:clamp(2.25rem,1.6rem + 1.9vw,3rem)}
}
@media(max-width:1100px){
	.statement-grid h2{grid-column:1/6}.statement-grid .lead{grid-column:6/11}
	.footer-brand{grid-column:1/6}.footer-navigation{grid-column:6/9}.footer-contact{grid-column:9/13}
}
@media(max-width:940px){
	.wrap--std{padding-right:0}
	.section-head{row-gap:var(--s3)}
	.hero-grid{row-gap:var(--s6)}
	.hero-copy,.hero-plate{grid-column:1/-1}
	.hero-plate .plate img{aspect-ratio:3/2;object-position:50% 58%}
	.section-head h2,.section-head>.lead,.section-head__aside,.enquiry-inner h2,.enquiry-response,.statement-grid h2,.statement-grid .lead,.split-opening h1,.split-opening .lead,.split-opening .prose,.services-sectors__grid .lead,.services-sectors__links,.process-head h2,.process-head .lead,.about-depth h2,.about-depth>div,.enquiry-split .plate,.enquiry-split .enquiry-copy{grid-column:1/-1}
	.enquiry-split{row-gap:var(--s6)}
	.split-opening{row-gap:var(--s4)}
	.sector-pair article{grid-column:span 6}
	.section-head{align-items:start;padding-block:var(--s5) var(--s6)}
	.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s4);column-gap:var(--s3)}
	.gallery .plate img{height:auto}
	.gallery .g-lead{grid-column:1/-1;grid-row:auto}.gallery .g-lead img{aspect-ratio:4/5}
	.gallery .g-a{grid-column:1/-1;grid-row:auto}.gallery .g-a img{aspect-ratio:3/2}
	.gallery .g-b,.gallery .g-c{grid-column:auto;grid-row:auto}.gallery .g-b img,.gallery .g-c img{aspect-ratio:4/5}
	.gallery figcaption{height:auto}
	.gallery .plate{grid-template-rows:auto auto}
	.services-copy{grid-column:1/-1}.services-plate{display:none}
	.stages{grid-template-columns:1fr;gap:var(--s5)}
	.stages li{display:grid;grid-template-columns:3rem 1fr;column-gap:var(--s2)}.stages .stage-num{margin:0;grid-row:span 2}.stages h3,.stages p{grid-column:2}
	.service-explorer{display:flex;flex-direction:column}
	.service-visual{order:-1;position:static;width:100%;max-width:520px;margin-bottom:var(--s6)}
	.service-visual>[data-panel]:not(:first-child){display:none}
	.service-visual .plate img,.service-visual .type-plate{aspect-ratio:3/2;max-height:none}
	.service-list a{padding-block:var(--s4)}
	.record-card .plate,.record-card__body{max-width:none}
	.record-card:nth-child(even){margin-top:var(--s6)}
		.about-copy,.about-image{grid-column:1/-1}.about-opening{row-gap:var(--s6)}
	.about-story .prose{grid-template-columns:1fr}
	.about-story .wp-block-group,.about-story .wp-block-group:first-child{grid-column:1/-1}
	.about-story .wp-block-group:nth-child(4)>.wp-block-group__inner-container{grid-template-columns:1fr}
	.about-story .wp-block-group:nth-child(4) h2,.about-story .wp-block-group:nth-child(4) p{grid-column:1/-1}
	.start-layout{display:flex;flex-direction:column;gap:var(--s6)}
	.start-side{display:contents}
	.start-head{order:1}.start-more{order:2}.start-form{order:3;width:100%;max-width:none}
	.service-opening{row-gap:var(--s6)}
	.service-opening .opening-copy,.service-opening .opening-plate{grid-column:1/-1}
	.service-body .prose{grid-template-columns:1fr}.service-body .prose>p,.service-body .prose>.wp-block-group{grid-column:1/-1}
	.reading-layout{display:block}.reading-head{position:static;margin-bottom:var(--s6)}
	.record-plate,.record-copy{grid-column:1/-1}.record-plate{max-width:520px}.record-copy{margin-top:var(--s5)}
	.footer-brand,.footer-navigation,.footer-contact{grid-column:1/-1}
	.link-ledger{grid-template-columns:1fr}
	.type-plate{aspect-ratio:auto;min-height:168px;padding:var(--s4)}.type-plate::before{left:var(--s4);top:var(--s4)}
	.start-email{display:block}.start-more .contact-direct{display:none}
	.services-sectors__grid{grid-template-columns:1fr}.services-sectors__grid .lead,.services-sectors__links{grid-column:1/-1}
}
@media(max-width:880px){
	:root{--header-h:68px;--logo-w:96px}
	.menu-toggle{display:inline-flex}
	.primary-nav{position:absolute;top:100%;left:0;right:0;background:var(--plaster);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:var(--s3) var(--gutter) var(--s5);max-height:calc(100dvh - var(--header-h));overflow-y:auto}
	.primary-nav .menu{flex-direction:column;align-items:stretch;gap:0}
	.primary-nav .menu>li{border-bottom:1px solid var(--stone)}
	.primary-nav a{min-height:56px;font-size:var(--fs-body)}
	.primary-nav .menu>li:not(.menu-item-enquiry)>a::after{bottom:10px;right:auto;width:2.5rem}
	.primary-nav .menu>li.menu-item-enquiry{border:0;margin-top:var(--s3)}
	.primary-nav .menu-item-enquiry>a{justify-content:center;min-height:52px}
	html:not(.no-js) .primary-nav:not([data-nav-ready]),.primary-nav[hidden]{display:none}
	.no-js .menu-toggle{display:none}.no-js .primary-nav{position:static;padding:0}
	.no-js .header-main{height:auto;flex-wrap:wrap;padding-block:var(--s2)}
	.no-js .primary-nav .menu{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 var(--s4)}.no-js .primary-nav .menu>li{border:0}.no-js .primary-nav .menu>li.menu-item-enquiry{margin-top:0}
}
@media(max-width:640px){
	:root{--s7:48px;--s8:64px;--gap:20px}
	.record-card{grid-column:1/-1}.record-card:nth-child(even){margin-top:0}
	body{font-size:1.0625rem}
	.hero-plate .plate img{aspect-ratio:4/5;object-position:50% 45%}
	.home-hero .eyebrow span{display:block}.home-hero .eyebrow .eyebrow-dot{display:none}
	.button-row{gap:var(--s2) var(--s4)}
	.button-row .button{width:100%;justify-content:space-between}
	.service-index__name{font-size:var(--fs-h3)}
	.sector-pair{grid-template-columns:1fr}.sector-pair article{grid-column:1/-1;padding:var(--s5) 0}.sector-pair article+article{padding-bottom:0}
	.observation-columns{--row-h:200px;gap:var(--s4) var(--s2)}
	.project-facts{grid-template-columns:1fr}
	.gallery-grid{grid-template-columns:1fr}
	.supreme-core-form-grid{grid-template-columns:1fr}
	.supreme-core-form-section>legend{font-size:var(--fs-h3)}
	.supreme-core-choice-group label{margin-bottom:var(--s1)}
	.supreme-core-submit-area{align-items:stretch}.supreme-core-submit-area .button{width:100%;justify-content:space-between}
	.search-form{flex-direction:column}
	.footer-bottom{flex-direction:column}
	.type-plate{min-height:136px;padding:var(--s3)}.type-plate::before{left:var(--s3);top:var(--s3)}
	.about-story .wp-block-group:nth-child(4){padding-block:var(--s6)}
}

/* 17 ── No-JS and reduced motion ────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}
}