/* London Commercial Concrete | 2027 editorial subpage system
   Adapted from the main industrial staging design. */
.detail-page{background:#f2f6f8;color:#13384e;font-family:'Manrope','DM Sans',Arial,sans-serif;overflow-x:clip}
.detail-page .navbar{position:sticky;top:0;z-index:88}
.detail-page .desktop-links a[aria-current=page]{color:#fff;position:relative}
.detail-page .desktop-links a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:8px;height:2px;background:#a5c6d8}
.detail-page .navbar .brand img{width:181px}
.detail-page .nav .brandname{line-height:1.3}
.detail-page section{scroll-margin-top:110px}
.detail-page .detail-hero{background:#091f30;color:#e9f5fb;padding:40px 0 110px;position:relative;isolation:isolate;overflow:hidden}
.detail-page .detail-hero:before{content:'';inset:0;position:absolute;z-index:-1;opacity:.32;background-image:linear-gradient(#bdd6e00f 1px,transparent 1px),linear-gradient(90deg,#bdd6e00f 1px,transparent 1px),radial-gradient(ellipse 63% 110% at 85% 4%,#416b8c6c,transparent 70%);background-size:48px 48px,48px 48px,auto}
.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 23px;border-bottom:1px solid #b6d5e43c;font-size:10px;font-weight:800;letter-spacing:.16em;color:#bbd5e3}
.detail-topline span:last-child{color:#8faec2}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(24px,4vw,74px);align-items:stretch;margin-top:40px}
.detail-copy{padding:clamp(20px,2.7vw,51px) 0;display:flex;flex-direction:column;align-items:flex-start}
.detail-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#a0c7dc}
.detail-display{margin:34px 0 29px;font:700 clamp(60px,6.6vw,111px)/.94 'Space Grotesk',Arial,sans-serif;letter-spacing:-.085em}
.detail-display span{color:#9dc5d8}
.detail-intro{max-width:590px;font-size:clamp(15px,1.25vw,19px);line-height:1.78;color:#c0d7e3}
.detail-hero-actions{margin-top:38px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.detail-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:58px;padding:17px 20px;background:#cce2ee;color:#0b2c42;font-size:11px;font-weight:800;letter-spacing:.07em;transition:background .2s ease,transform .2s ease}
.detail-cta:hover{background:#f1faff;transform:translateY(-2px)}
.detail-cta span{font-size:21px}
.detail-textlink{font-size:10px;font-weight:800;letter-spacing:.12em;color:#d1e4ee;padding:15px 0;border-bottom:1px solid #a4c5d87d}
.detail-cover{margin:0;min-height:570px;max-height:710px;position:relative;overflow:hidden;border:1px solid #9abacf65;background:#254258}
.detail-cover:after{content:'';inset:60% 0 0;position:absolute;background:linear-gradient(transparent,#061d2de8);pointer-events:none}
.detail-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.045);transition:transform .7s cubic-bezier(.18,.8,.2,1)}
.detail-cover:hover img{transform:scale(1.035)}
.detail-cover figcaption{position:absolute;z-index:2;bottom:29px;left:29px;right:20px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#fff;line-height:1.5}
.detail-data{background:#cee0e9;border-bottom:1px solid #a6c0d1}
.detail-data>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.detail-data span{display:flex;align-items:center;justify-content:center;min-height:77px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.13em;color:#335c73;border-right:1px solid #aec5d3}
.detail-data span:last-child{border:0}
.detail-tag{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#3b6883}
.detail-overview{background:#eef4f7;padding:125px 0}
.detail-overview-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(25px,8vw,170px)}
.detail-overview-heading h2{font:700 clamp(57px,6vw,100px)/.96 'Space Grotesk',Arial,sans-serif;letter-spacing:-.08em;margin:26px 0 0}
.detail-overview-heading h2 em{font-style:normal;color:#577e9a}
.detail-overview-text{padding-top:28px}
.detail-overview-text p{font-size:clamp(15px,1.35vw,19px);line-height:1.95;color:#466579;max-width:690px;margin:0 0 25px}
.detail-overview-text p:first-child{color:#214a63;font-weight:600}
.detail-workflow{background:#0d2a3e;padding:128px 0;color:#eff8fa}
.detail-workflow .detail-tag{color:#a4c6d9}
.detail-split-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:55px}
.detail-split-title h2{font:700 clamp(53px,6vw,95px)/.94 'Space Grotesk';letter-spacing:-.075em;margin:24px 0 0}
.detail-split-title h2 span{color:#9cc2d5}
.detail-split-title>p{font-size:15px;line-height:1.8;color:#b9d3e0;max-width:300px}
.detail-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.detail-stage{border:1px solid #8aadc14e;min-height:272px;padding:31px;background:linear-gradient(145deg,#163b52,#0b283a);display:flex;flex-direction:column;justify-content:space-between;gap:46px}
.detail-stage-no{font:700 30px/1 'Space Grotesk';letter-spacing:-.06em;color:#96bdd2}
.detail-stage h3{font:700 clamp(24px,2.25vw,37px)/1.08 'Space Grotesk';letter-spacing:-.055em;margin:0 0 17px}
.detail-stage p{font-size:13px;line-height:1.85;color:#c2d7e3;margin:0}
.detail-scope{padding:127px 0;background:#ddeaf0}
.detail-scope-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(30px,6vw,95px);align-items:stretch}
.detail-scope h2{font:700 clamp(59px,6.5vw,100px)/.95 'Space Grotesk';letter-spacing:-.08em;margin:25px 0 37px}
.detail-checks,.detail-question-panel ul{list-style:none;margin:0;padding:0}
.detail-checks li{font-weight:700;font-size:15px;line-height:1.65;padding:17px 0 17px 28px;border-bottom:1px solid #a7c1cf;position:relative;color:#244e67}
.detail-checks li:before{content:'↗';position:absolute;top:16px;left:0;color:#47748f;font-weight:800}
.detail-question-panel{padding:clamp(28px,4vw,65px);background:#fff;border:1px solid #bfd2db}
.detail-question-panel h3{font:700 clamp(45px,5vw,75px)/.98 'Space Grotesk';letter-spacing:-.072em;margin:28px 0}
.detail-question-panel li{padding:13px 0;border-bottom:1px solid #d4e1e8;color:#43687e;font-size:14px;line-height:1.75}
.detail-question-panel li:before{content:'•';color:#7099b0;margin-right:11px}
.detail-question-panel>a{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#123e59;color:#fff;font-weight:800;font-size:11px;letter-spacing:.06em;padding:20px;margin-top:34px}
.detail-question-panel>a span{font-size:21px}
.detail-question-panel>a:hover{background:#0b2b40}
.detail-next{background:#0a2235;padding:46px 0;border-top:1px solid #7898ac61}
.detail-next>.wrap{display:flex;align-items:center;justify-content:space-between;gap:26px}
.detail-next>.wrap>span{font-size:11px;letter-spacing:.15em;font-weight:800;color:#9abbd0}
.detail-next a{display:flex;align-items:center;gap:28px;font:700 clamp(21px,3.4vw,38px) 'Space Grotesk';letter-spacing:-.06em;color:#f0f8fc}
.detail-next a:hover{text-decoration:underline;text-underline-offset:6px}
.detail-next a span{color:#9cbdd0}
.detail-page footer{padding:0}
.detail-page footer .footer-main,.detail-page footer .footer-bottom{display:flex;align-items:center;justify-content:space-between}
.detail-page footer .footer-main{padding:42px 0 28px}
.detail-page footer .footer-bottom{padding:22px 0}
.detail-page .footer-links{font-size:10px;letter-spacing:.1em}
.detail-page .footer-identity img{width:156px}
.detail-page .footer-bottom{font-size:10px;line-height:1.5}
.detail-page .footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.project-index-hero{padding-bottom:90px!important}
.project-title{padding:75px 0 0;max-width:1160px;margin-left:auto;margin-right:auto}
.project-title .detail-display{margin:25px 0;font-size:clamp(65px,8.2vw,139px)}
.project-title>p{font-size:17px;max-width:620px;color:#c8dde8;line-height:1.85}
.gallery-page-section{background:#eef4f7;padding:105px 0 130px}
.gallery-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}
.gallery-page-heading>span:last-child{font-size:10px;font-weight:800;color:#4a6d82;letter-spacing:.12em}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gallery-card{min-width:0;margin:0;background:#fff;border:1px solid #c0d4df;overflow:hidden}
.gallery-card:first-child{grid-column:span 2}
.gallery-card .gallery-item{position:relative;display:block;padding:0;border:0;width:100%;height:405px;background:#113a55;overflow:hidden;text-align:left}
.gallery-card:first-child .gallery-item{height:575px}
.gallery-card .gallery-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.83);transition:transform .55s ease}
.gallery-card .gallery-item:hover img{transform:scale(1.035)}
.gallery-card .gallery-item:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0a283d7c);pointer-events:none}
.gallery-card .gallery-caption{position:absolute;right:21px;top:21px;z-index:1;background:#113d56e8;color:#fff;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.1em}
.gallery-card figcaption{padding:24px 28px 27px}
.gallery-card figcaption span{display:block;color:#53768b;letter-spacing:.12em;font-size:10px;font-weight:800;margin-bottom:12px}
.gallery-card figcaption strong{display:block;font:700 30px 'Space Grotesk';letter-spacing:-.05em}
.gallery-card figcaption p{font-size:13px;line-height:1.75;color:#506c7e;margin:9px 0 0}
.project-field-video{background:#092237;padding:125px 0;color:#e9f3f8}
.project-video-grid{display:grid;grid-template-columns:.73fr 1.27fr;align-items:center;gap:55px}
.project-field-video .detail-tag{color:#9dc5d8}
.project-field-video h2{font:700 clamp(53px,5.9vw,90px)/.96 'Space Grotesk';letter-spacing:-.077em;margin:25px 0}
.project-field-video h2 span{color:#9dc1d5}
.project-field-video p{color:#c0d6e2;line-height:1.85;font-size:14px;margin:0 0 30px}
.project-video-grid .video-screen{position:relative;width:100%;aspect-ratio:4/3;max-height:670px}
@media(max-width:1100px){
 .detail-hero-grid{gap:28px}
 .detail-display{font-size:clamp(53px,6.3vw,83px)}
 .detail-cover{min-height:515px}
 .detail-page .desktop-links{gap:12px}
 .detail-page .nav>.brand img{width:152px}
 .detail-page .nav .brandname{font-size:11px}
 .detail-overview-grid{gap:50px}
}
@media(max-width:920px){
 .detail-hero{padding-bottom:67px!important}
 .detail-hero-grid{grid-template-columns:1fr;gap:24px}
 .detail-copy{padding:19px 0;max-width:700px}
 .detail-display{font-size:clamp(66px,9.3vw,106px)}
 .detail-cover{height:500px;min-height:0}
 .detail-page .mobile-button{display:flex}
 .detail-overview-grid,.detail-scope-grid{grid-template-columns:1fr;gap:32px}
 .detail-overview-text{padding:0}
 .detail-scope-grid{gap:46px}
 .detail-stages{gap:12px}
 .detail-stage{padding:24px;min-height:285px}
 .detail-stage h3{font-size:25px}
 .detail-page .detail-data span{font-size:9px}
 .project-video-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .detail-page .wrap{width:calc(100% - 36px)}
 .detail-topline span:last-child{display:none}
 .detail-hero{padding:22px 0 61px!important}
 .detail-hero-grid{display:flex;flex-direction:column;gap:0;margin-top:20px}
 .detail-cover{order:0;height:300px;width:100%}
 .detail-copy{order:1;padding:30px 0 0}
 .detail-display{font-size:clamp(53px,10.9vw,74px);margin:25px 0 22px}
 .detail-intro{font-size:14px;line-height:1.8}
 .detail-hero-actions{margin-top:29px;gap:16px}
 .detail-hero-actions .detail-cta{width:100%}
 .detail-cover figcaption{font-size:8px;left:15px;right:15px;bottom:15px}
 .detail-data>.wrap{grid-template-columns:1fr}
 .detail-data span{min-height:47px;border:0;border-bottom:1px solid #aac2d1;font-size:9px}
 .detail-data span:last-child{border:0}
 .detail-overview,.detail-workflow,.detail-scope,.project-field-video{padding:77px 0}
 .detail-overview-heading h2{font-size:clamp(53px,11vw,76px)}
 .detail-overview-text p{font-size:14px}
 .detail-split-title{display:block;margin-bottom:29px}
 .detail-split-title h2{font-size:clamp(50px,10.7vw,75px)}
 .detail-split-title>p{font-size:13px;margin-top:20px}
 .detail-stages{grid-template-columns:1fr}
 .detail-stage{min-height:0;gap:18px;padding:24px}
 .detail-stage-no{font-size:23px}
 .detail-stage h3{font-size:28px;margin-bottom:9px}
 .detail-stage p{font-size:13px}
 .detail-scope h2{font-size:clamp(53px,11vw,76px)}
 .detail-question-panel{padding:29px 24px}
 .detail-question-panel h3{font-size:clamp(45px,9vw,61px)}
 .detail-next>.wrap{display:block}
 .detail-next>.wrap>span{display:block;margin-bottom:16px;font-size:9px}
 .detail-next a{justify-content:space-between;font-size:clamp(26px,6vw,37px)}
 .detail-page footer .footer-main,.detail-page footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:17px}
 .project-title{padding:45px 0 0}
 .project-title .detail-display{font-size:clamp(62px,12vw,93px)}
 .project-title>p{font-size:14px}
 .gallery-page-section{padding:70px 0}
 .gallery-page-heading{display:block}
 .gallery-page-heading span:last-child{display:block;margin-top:8px}
 .gallery-grid{grid-template-columns:1fr;gap:13px}
 .gallery-card:first-child{grid-column:span 1}
 .gallery-card .gallery-item,.gallery-card:first-child .gallery-item{height:285px}
 .gallery-card figcaption{padding:22px}
 .gallery-card figcaption strong{font-size:27px}
 .project-field-video h2{font-size:clamp(51px,11vw,72px)}
}
@media(max-width:375px){
 .detail-page .wrap{width:calc(100% - 30px)}
 .detail-display{font-size:49px}
 .detail-hero .detail-cover{height:270px}
 .detail-page .nav>.brand img{width:97px}
 .detail-page .nav .brandname{font-size:9px}
 .detail-page .detail-question-panel{padding:25px 19px}
 .project-title .detail-display{font-size:54px}
}
@media(prefers-reduced-motion:reduce){
 .detail-page *, .detail-page *::before,.detail-page *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* v12 2027 business-privacy continuation; consistency with all technical service pages */
.privacy-page .privacy-hero{background:#091f30;position:relative;color:#f3f9fc;padding:50px 0 115px;overflow:hidden}
.privacy-page .privacy-hero:before{content:'';position:absolute;inset:0;opacity:.32;pointer-events:none;
background-image:linear-gradient(#bdd6e015 1px,transparent 1px),linear-gradient(90deg,#bdd6e015 1px,transparent 1px),radial-gradient(ellipse 80% 80% at 100% 0%,#456a7a75,transparent);
background-size:50px 50px,50px 50px,auto}
.privacy-page .privacy-hero>.wrap{position:relative;z-index:1}
.privacy-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(35px,5vw,100px);align-items:end;padding-top:75px}
.privacy-page .detail-display{font-size:clamp(57px,7vw,110px);margin:22px 0 0}
.privacy-intro{padding-bottom:4px}
.privacy-intro p{font-size:clamp(14px,1.3vw,19px);color:#cbdde7;line-height:1.9;margin:0 0 25px}
.privacy-intro>span{font-size:11px;letter-spacing:.13em;color:#adc9d9;font-weight:800}
.privacy-content{background:#edf4f8;padding:105px 0 115px}
.privacy-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:32px;border-bottom:1px solid #b9ccda}
.privacy-head p{color:#405f74;font-size:14px;line-height:1.7;max-width:350px;margin:0}
.privacy-items{max-width:1150px;margin-inline:auto}
.privacy-item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:35px;padding:42px 0;border-bottom:1px solid #c4d7e2}
.privacy-number{font:700 28px 'Space Grotesk';color:#395c72}
.privacy-item h2{font:700 clamp(24px,3vw,37px)/1.15 'Space Grotesk';letter-spacing:-.05em;margin:0 0 13px;color:#153f57}
.privacy-item p{font-size:15px;line-height:1.95;color:#45677b;max-width:920px;margin:0}
.privacy-item a{color:#0b486b;text-decoration:underline;text-underline-offset:4px}
.privacy-outro{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:42px}
.privacy-outro>span{color:#42687c;letter-spacing:.11em;font-size:11px;font-weight:800}
.privacy-outro>a{background:#103a54;color:#fff;padding:20px 26px;font-size:11px;font-weight:800;letter-spacing:.07em;display:flex;align-items:center;justify-content:space-between;gap:20px}
.privacy-outro>a:hover{background:#09273a}
.privacy-outro>a span{font-size:19px}
@media(max-width:920px){.privacy-hero-grid{grid-template-columns:1fr;gap:30px;padding-top:45px}.privacy-page .privacy-hero{padding-bottom:85px}}
@media(max-width:600px){.privacy-page .privacy-hero{padding:25px 0 65px}.privacy-page .detail-display{font-size:clamp(48px,11vw,72px)}
.privacy-hero-grid{padding-top:32px}.privacy-intro p{font-size:14px}
.privacy-content{padding:70px 0}.privacy-head{display:block}.privacy-head p{margin-top:12px}
.privacy-item{grid-template-columns:35px minmax(0,1fr);gap:14px;padding:27px 0}
.privacy-number{font-size:18px}.privacy-item h2{font-size:26px}.privacy-item p{font-size:13px}
.privacy-outro{flex-direction:column;align-items:stretch;gap:14px}
.privacy-outro>a{width:100%}}

/* v13: portrait media fully visible in the project gallery as well as the homepage */
@media(max-width:700px){.project-video-grid .video-screen{aspect-ratio:3/4;max-height:620px}}

/* v15 Barry-directed equipment pad photograph. Keep poured concrete as the visual focal point. */
.detail-cover.equipment-pad-photo img{object-position:center 63%;filter:saturate(.9) contrast(1.04)}
@media(max-width:700px){.detail-cover.equipment-pad-photo img{object-position:center 62%}}

/* v17: subpages load detail-pages.css after the main theme; override older 97/152/181px marks. */
.detail-page .navbar .brand img,.detail-page .nav>.brand img{
 width:clamp(222px,23vw,309px);
 height:auto;
 aspect-ratio:680/238;
 max-height:110px;
 background:transparent;
 border:0;
 padding:0;
 object-fit:contain;
 flex:0 0 auto;
 border-radius:0;
 filter:drop-shadow(0 3px 7px rgba(0,7,16,.55));
}
.detail-page .footer-identity img{width:clamp(215px,23vw,282px);height:auto}
@media(max-width:1340px){.detail-page .navbar .brand img,.detail-page .nav>.brand img{width:255px}}
@media(max-width:1100px){.detail-page .navbar .brand img,.detail-page .nav>.brand img{width:clamp(220px,24vw,265px)}}
@media(max-width:920px){.detail-page .navbar .brand img,.detail-page .nav>.brand img{width:260px}}
@media(max-width:600px){.detail-page .navbar .brand img,.detail-page .nav>.brand img{width:clamp(215px,56vw,258px)}.detail-page .footer-identity img{width:240px}}
@media(max-width:365px){.detail-page .navbar .brand img,.detail-page .nav>.brand img{width:196px}.detail-page .footer-identity img{width:214px}}


/* v22: Barry feedback — legible full-name brand at the top of all service pages. */
.detail-page .nav{min-height:116px}
.detail-page .nav>.brand{display:inline-flex;min-width:0;max-width:55%;flex:0 1 auto}
.detail-page .nav>.brand .company-wordmark{gap:4px;white-space:normal;max-width:100%}
.detail-page .nav>.brand .company-wordmark>span{font-size:clamp(14px,1.15vw,18px);letter-spacing:.19em;font-weight:700;line-height:1.2}
.detail-page .nav>.brand .company-wordmark>strong{font-size:clamp(25px,2.3vw,34px);letter-spacing:-.038em;line-height:1.04;white-space:nowrap}
@media(max-width:1100px){.detail-page .nav{min-height:105px}.detail-page .nav>.brand .company-wordmark>strong{font-size:26px}}
@media(max-width:920px){.detail-page .nav{min-height:98px}.detail-page .nav>.brand{max-width:calc(100% - 64px)}.detail-page .nav>.brand .company-wordmark>strong{font-size:29px}}
@media(max-width:600px){.detail-page .nav{min-height:103px}.detail-page .nav>.brand{max-width:calc(100% - 62px)}.detail-page .nav>.brand .company-wordmark>span{font-size:13px}.detail-page .nav>.brand .company-wordmark>strong{font-size:clamp(21px,5.9vw,27px);white-space:normal}}
@media(max-width:365px){.detail-page .nav{min-height:116px}.detail-page .nav>.brand{max-width:calc(100% - 58px)}.detail-page .nav>.brand .company-wordmark>strong{font-size:24px;max-width:225px}}


/* v23: Barry request — identify London Commercial Concrete and phone on every page. */
.detail-page .nav{min-height:140px}
.detail-page .nav .header-brand-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;max-width:calc(100% - 62px);flex:0 1 auto}
.detail-page .nav .header-brand-stack .brand{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;max-width:100%;gap:0}
.detail-page .nav .header-brand-stack .company-wordmark{gap:4px;white-space:normal;max-width:100%}
.detail-page .nav .header-brand-stack .company-wordmark>span{font-size:clamp(14px,1.15vw,18px);letter-spacing:.19em;font-weight:700;line-height:1.2}
.detail-page .nav .header-brand-stack .company-wordmark>strong{font-size:clamp(25px,2.3vw,34px);letter-spacing:-.038em;line-height:1.04;white-space:nowrap}
.detail-page .nav .header-brand-stack .header-phone{display:inline-flex;align-items:baseline;gap:7px;padding:4px 0;color:#edf6fc;font:700 18px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.015em;text-decoration:none;white-space:nowrap}
.detail-page .nav .header-brand-stack .header-phone:hover{text-decoration:underline;text-underline-offset:4px}
.detail-page .nav .header-brand-stack .header-phone .phone-label{color:#b4cddd;font-size:11px;letter-spacing:.12em}
@media(max-width:1100px){.detail-page .nav{min-height:128px}.detail-page .nav .header-brand-stack .company-wordmark>strong{font-size:26px}.detail-page .nav .header-brand-stack .header-phone{font-size:17px}}
@media(max-width:920px){.detail-page .nav{min-height:132px}.detail-page .nav .header-brand-stack .company-wordmark>strong{font-size:29px}}
@media(max-width:600px){.detail-page .nav{min-height:141px;padding-block:10px}.detail-page .nav .header-brand-stack{max-width:calc(100% - 62px);flex:1}.detail-page .nav .header-brand-stack .company-wordmark>span{font-size:13px}.detail-page .nav .header-brand-stack .company-wordmark>strong{font-size:clamp(21px,5.9vw,27px);white-space:normal}.detail-page .nav .header-brand-stack .header-phone{font-size:16px}}
@media(max-width:365px){.detail-page .nav{min-height:153px}.detail-page .nav .header-brand-stack{max-width:calc(100% - 58px)}.detail-page .nav .header-brand-stack .company-wordmark>strong{font-size:24px;max-width:225px}}


/* v27 Barry Lafarge green: preserve wordmark sizing on all secondary pages. */
.detail-page{--barry-lafarge-green:#00a870}
.detail-page .nav .header-brand-stack .company-wordmark>span,
.detail-page .nav .header-brand-stack .company-wordmark>strong,
.detail-page .footer-identity .company-wordmark>span,
.detail-page .footer-identity .company-wordmark>strong{color:var(--barry-lafarge-green)}