/* Independent high-resolution brick artwork; live, accessible menu lettering. */
:root{--brick-art:url('/assets/brickwork/red-brick-wall.png');--menu-art:url('/assets/brickwork/brick-menu-plate.png')}
#primary-nav{gap:5px;align-items:stretch}
.nav-brick{flex:1 1 0;min-width:0;min-height:64px;padding:12px 9px 15px;border:0;border-radius:0;background:var(--menu-art) center/105% 135% no-repeat;box-shadow:none;font:700 clamp(14px,1.25vw,18px)/1.05 var(--head);white-space:normal;isolation:isolate;transition:filter .18s,transform .18s}
.nav-brick:before,.nav-brick:after{display:none}
.nav-brick span{padding:0;background:none;box-shadow:none;position:relative;letter-spacing:.025em;color:#f5f4e8;text-shadow:0 1px 0 #a1aaa4,0 2px 0 #363e3b,0 3px 3px #000,0 -1px 1px #fff4}
.nav-brick.active,.nav-brick:hover{border:0;box-shadow:none;filter:brightness(1.16)}
.nav-brick.active span,.nav-brick:hover span{color:#fff220;text-shadow:0 1px 0 #988709,0 2px 0 #302b03,0 2px 4px #000,0 0 8px #edc90050}
.nav-brick:hover{transform:translateY(-2px)}
.nav-brick:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.landscape-trim{height:43px;overflow:visible}
.trim-bricks{height:29px;background-image:var(--brick-art);background-size:330px 330px;background-position:center 45%;border-top:1px solid #e6754555;border-bottom:2px solid #170b05;box-shadow:inset 0 3px 5px #09040188,inset 0 -2px 4px #090401cc}
.trim-lights{height:14px;background-size:1364px 4096px;background-position:center -1734px}
.site-header>.landscape-trim{height:43px}.site-header>.landscape-trim .trim-bricks{display:block}
.section-shell:before,.section-shell:after{width:24px;background-image:var(--brick-art);background-size:280px 280px;background-position:left top;transform:none;opacity:1;box-shadow:inset -3px 0 5px #080500aa}
.section-shell:after{background-position:right top;box-shadow:inset 3px 0 5px #080500aa}
.accreditations{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:10px;padding:20px 26px 26px}
.badge{display:flex;align-items:center;justify-content:center;min-width:0;padding:10px 7px 12px;background:var(--brick-art) center/240px 240px;border:1px solid #5a2416;border-radius:5px;box-shadow:inset 0 1px 1px #ee947a,0 2px 1px #130b07,0 4px 8px #0009;position:relative;overflow:visible}
.badge:after{content:'';position:absolute;bottom:-4px;left:42%;width:16%;height:3px;border-radius:3px;background:#fff4b7;box-shadow:0 0 5px #fff32b,0 3px 10px #ffb000}
.badge-art{width:100%;flex:none;aspect-ratio:var(--crop-w)/var(--crop-h);background-size:calc(2048/var(--crop-w)*100%) calc(682.6666667/var(--crop-h)*100%);background-position:calc(var(--crop-x)/(2048 - var(--crop-w))*100%) calc(var(--crop-y)/(682.6666667 - var(--crop-h))*100%);border-radius:0;filter:none}
.badge-large{max-width:460px;margin:0 auto;background:var(--brick-art) center/400px 400px;padding:22px;border:1px solid #cb7843;box-shadow:inset 0 0 9px #000}
.badge-large .badge-art{width:100%;max-width:100%;margin:auto}
@media(min-width:1051px){.header-inner{padding-left:188px;padding-right:22px;min-height:181px}.brand{left:19px}#primary-nav{margin-top:7px}.nav-brick:nth-child(4),.nav-brick:nth-child(6){flex-grow:1.18}}
@media(max-width:1050px){#primary-nav{gap:12px 8px;padding-bottom:20px}.nav-brick{min-height:75px;font-size:19px;padding:17px 13px 20px}.accreditations{gap:8px;padding-left:22px;padding-right:22px}.badge{padding:8px 5px 10px}}
@media(max-width:720px){.landscape-trim,.site-header>.landscape-trim{height:35px}.trim-bricks{height:23px;background-size:270px 270px;background-position:center 45%}.trim-lights{height:12px;background-size:1023px 3072px;background-position:center -1300.5px}.section-shell:before,.section-shell:after{width:11px;background-size:200px 200px;background-position:left top}.section-shell:after{background-position:right top}#primary-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}.nav-brick{min-height:83px;font-size:22px;padding:20px 15px 23px}.accreditations{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 10px;padding:18px 19px 24px}.accreditations .badge{grid-column:span 2;transform:none;padding:9px 6px 11px}.accreditations .badge:nth-child(7){grid-column:3/span 2}.accreditations .badge:hover,.accreditations .badge:nth-child(n+5):hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.nav-brick,.badge{transition:none}.nav-brick:hover,.badge:hover{transform:none}}

/* Proportional condensed headings and replacement seamless illuminated trim. */
.home-hero h1,.statement h2,.closing-cta h2{font-family:var(--head);font-weight:900;letter-spacing:-.015em;line-height:1.04;-webkit-text-stroke:.8px currentColor}
.home-hero h1{font-size:clamp(48px,7vw,96px)}
.statement h2{font-size:clamp(38px,4.7vw,64px)}
.hero-copy,.statement>*{min-width:0}
.hero h1{overflow-wrap:anywhere}
.inner-hero h1{font-size:clamp(38px,6.2vw,78px);line-height:1.08;letter-spacing:0}
.inner-hero h1>span:last-child{font-size:.8em;line-height:1.1}
.service-card{container-type:inline-size}
.card-body strong{font-size:clamp(22px,9cqw,31px);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}
.card-body strong.long-title{font-size:clamp(20px,8cqw,28px)}
.nav-brick{container-type:inline-size;padding-left:12%;padding-right:12%}
#primary-nav .nav-brick{padding-left:9px;padding-right:9px}
.nav-brick span{font-size:clamp(12px,15cqw,19px);line-height:1.12;letter-spacing:0;max-width:100%;overflow-wrap:normal}
.nav-brick[href='/groundworks/'] span,.nav-brick[href='/landscaping/'] span{font-size:clamp(12px,13cqw,17px)}
.badge-art{position:relative;container-type:inline-size}
.plate-caption{position:absolute;left:7%;right:7%;top:65%;height:24%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f3f3ef,#e9e9e5);color:#171a18;font:700 7.2cqw/1 var(--head);text-transform:uppercase;white-space:nowrap;letter-spacing:0}
.landscape-trim,.site-header>.landscape-trim{height:48px;background:url('/assets/brickwork/illuminated-brick-strip.png') left top/240px 68px repeat-x!important;overflow:hidden;box-shadow:inset 0 2px 4px #0008,inset 0 -2px 5px #0008}
.landscape-trim .trim-bricks,.landscape-trim .trim-lights{display:none!important}
@media(max-width:720px){.home-hero h1{font-size:clamp(43px,10vw,70px)}.statement h2{font-size:clamp(35px,8vw,53px)}.inner-hero h1{font-size:clamp(34px,8.4vw,58px)}.closing-cta h2{font-size:32px}.nav-brick span{font-size:clamp(16px,13cqw,23px)}.nav-brick[href='/groundworks/'] span,.nav-brick[href='/landscaping/'] span{font-size:clamp(15px,11.5cqw,21px)}.landscape-trim,.site-header>.landscape-trim{height:36px;background-size:180px 51px!important}.card-body strong.long-title{font-size:clamp(20px,8cqw,28px)}}

/* Heavy, condensed hero lettering inspired by the supplied master. */
@font-face{font-family:MPHDisplay;src:url('/assets/fonts/mph-display.ttf') format('truetype');font-weight:700;font-display:swap}
.hero-copy{container-type:inline-size}
.hero h1,.home-hero h1,.inner-hero h1{font-family:MPHDisplay,Impact,var(--head);font-weight:700;font-size:clamp(40px,12cqw,90px);line-height:1.06;letter-spacing:-.012em;-webkit-text-stroke:.65px currentColor;text-shadow:0 2px 0 #515550,0 4px 0 #11180f,0 6px 12px #000a;margin-bottom:20px;overflow-wrap:normal}
.home-hero h1{font-size:clamp(43px,13cqw,98px)}
.hero h1>span{display:block;color:#f5f5ec;padding-bottom:.035em}
.hero h1>span.yellow{color:#fff000;text-shadow:0 2px 0 #a18e00,0 4px 0 #252a07,0 6px 12px #000a}
.inner-hero h1>span:last-child{font-size:.82em;line-height:1.12}
.hero h1>span.hero-line-long{font-size:.64em;line-height:1.16;max-width:100%;overflow-wrap:break-word}
@media(max-width:720px){.hero h1,.home-hero h1,.inner-hero h1{font-size:clamp(35px,12.4cqw,67px);line-height:1.09;-webkit-text-stroke:.45px currentColor;letter-spacing:-.018em}.home-hero h1{font-size:clamp(39px,13.3cqw,70px)}.hero h1>span.hero-line-long{font-size:.7em;line-height:1.17}}

/* Selected header 02: reclaimed crimson brick and aged bronze. */
:root{--menu-art:url('/assets/header-options/plate-2.png')}
.site-header{background:linear-gradient(120deg,#231713,#100d0b);border-top:1px solid #6b4430}
.site-header .header-quote{background:linear-gradient(#e8c36e,#aa762d);border-color:#d8b971;box-shadow:inset 0 0 0 1px #f2d795,0 3px 6px #0008;color:#18140d}
#primary-nav{gap:6px}
#primary-nav .nav-brick{padding:0;min-height:72px;container-type:inline-size;background:var(--menu-art) center/103% 116% no-repeat;border:0;box-shadow:none}
#primary-nav .nav-brick span{width:68%;max-width:68%;margin:0 auto;padding:0;box-sizing:border-box;font-family:var(--head);font-size:min(20px,var(--label-fit));font-weight:700;line-height:1.12;letter-spacing:0;white-space:nowrap;color:#fff1ce;text-shadow:0 1px 1px #33200a,0 2px 3px #000;overflow-wrap:normal}
#primary-nav .nav-brick.active span,#primary-nav .nav-brick:hover span{color:#fff62b}
#primary-nav .nav-brick.active{filter:brightness(1.16)}
#primary-nav .nav-brick[href='/']{--label-fit:26.5cqw}
#primary-nav .nav-brick[href='/drop-kerbs/']{--label-fit:11.9cqw}
#primary-nav .nav-brick[href='/driveways/']{--label-fit:13.4cqw}
#primary-nav .nav-brick[href='/patios-paving/']{--label-fit:9.2cqw}
#primary-nav .nav-brick[href='/landscaping/']{--label-fit:10.8cqw}
#primary-nav .nav-brick[href='/groundworks/']{--label-fit:9.65cqw}
#primary-nav .nav-brick[href='/gallery/']{--label-fit:16.7cqw}
#primary-nav .nav-brick[href='/guides/']{--label-fit:20.6cqw}
#primary-nav .nav-brick[href='/about/']{--label-fit:22.3cqw}
#primary-nav .nav-brick[href='/contact/']{--label-fit:16.5cqw}
.accreditations{background:linear-gradient(#201711,#0d100a 55%,#20170e)}
.accreditations .badge{padding:0;aspect-ratio:1.55;background:var(--menu-art) center/103% 116% no-repeat;border:0;border-radius:0;box-shadow:none}
.accreditations .badge-art{width:64%;margin:0 auto;flex:none}
.badge-large{aspect-ratio:1.55;display:flex;align-items:center;justify-content:center;background:var(--menu-art) center/103% 116% no-repeat;padding:0;border:0;box-shadow:none}
.badge-large .badge-art{width:64%;margin:auto}
.accreditations .badge:after{bottom:1px;box-shadow:0 0 4px #f4d682,0 3px 8px #edaa21}
@media(min-width:1281px){#primary-nav{display:grid;grid-template-columns:3.9fr 5.5fr 4.9fr 7.1fr 6.1fr 6.8fr 4fr 3.9fr 3.9fr 4fr}.header-inner{min-height:186px}}
@media(min-width:1051px) and (max-width:1280px){#primary-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.header-inner{min-height:264px}.brand img{height:202px}.brand{top:29px}}
@media(max-width:1050px){#primary-nav{background:#130f0c}#primary-nav .nav-brick{min-height:74px}.accreditations .badge{padding:0}}
@media(max-width:720px){#primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#primary-nav .nav-brick{min-height:77px}.accreditations{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}.accreditations .badge{grid-column:span 2;padding:0}.accreditations .badge:nth-child(7){grid-column:2/span 2}}