/* Production photographs and resolution-independent shapes are separate layers. */
.container{width:94%;max-width:none}
.hero,.hero-home{min-height:0;background:linear-gradient(110deg,#003e35,#007e59)}
.hero::before,.hero::after,.hero>.waves,.hero>.hero-shape,.hero .hero-name{display:none}
.hero .hero-art,.hero-home .hero-art{inset:0;width:100%;height:100%;aspect-ratio:auto;clip-path:none;mask-image:none;transform:none;will-change:auto}
.hero-composition{position:absolute;inset:0;overflow:hidden}
.hero-composition>.hero-scene{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:62% 60%;transform:translateY(calc(var(--parallax,0px) * -.035));max-width:none}
.hero-vector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero .hero-inner{width:92%;max-width:none;min-height:clamp(430px,29vw,720px);padding:48px 0 96px;display:flex;align-items:center}
.hero .hero-copy{width:46%;padding:0}
.hero .hero-copy h1{font-size:clamp(38px,3.8vw,92px);line-height:1.07;max-width:none;text-wrap:balance;letter-spacing:-.04em}
.hero .hero-copy>p{font-size:clamp(18px,1.45vw,30px);max-width:95%;line-height:1.45;margin-top:20px}
.hero .hero-copy .hero-regions{font-size:clamp(17px,1.3vw,27px);margin-top:4px}
.hero .breadcrumbs{font-size:clamp(12px,.8vw,17px);margin-bottom:20px}
.hero .actions{margin-top:26px}
.hero-home .hero-inner{min-height:clamp(480px,34vw,780px);padding:45px 0 115px}
.hero-home .hero-copy{width:51%}
.hero-home .hero-copy h1{font-size:clamp(42px,4.05vw,100px);text-wrap:initial}
.home-person{position:absolute;left:46%;bottom:54px;height:88%;width:28%;z-index:2;pointer-events:none}
.home-person>img{height:100%;width:100%;object-fit:contain;object-position:center bottom;max-width:none}
.person-caption{position:absolute;left:14%;bottom:0;width:76%;background:#fff;color:var(--ink);text-align:center;border-radius:7px;padding:13px 10px;box-shadow:0 5px 20px #003e351a;line-height:1.4}
.person-caption strong{font-size:clamp(10px,.82vw,21px);display:block}
.person-caption span,.person-caption small{font-size:clamp(9px,.7vw,17px);display:block}
.hero-article .hero-copy h1{font-size:clamp(36px,3.2vw,76px)}
.hero-home+.container .quick-services{margin-top:-54px;width:100%;left:auto;transform:none;min-height:110px}
.hero:not(.hero-home)+.container>.section:first-child,.hero:not(.hero-home)+.container>.article-meta:first-child{position:relative;z-index:4;background:#fff;border-radius:16px;box-shadow:0 10px 30px #004a3f10;margin-top:-48px;padding:28px;width:100%;left:auto;transform:none}
/* Explicit image boxes prevent intrinsic aspect ratios from leaving white strips. */
.artwork{width:100%;min-width:0;aspect-ratio:3/2}
.artwork img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 55%;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.product-card>.artwork{width:100%;height:auto;max-height:none;aspect-ratio:2/1}
.product-card.compact>.artwork{height:100%;aspect-ratio:auto}
.product-card:hover .artwork img,.article-card:hover .artwork img,.extra-card:hover .artwork img,.region-list a:hover .artwork img{transform:scale(1.035)}
.product-card.compact{grid-template-columns:40% 1fr;min-height:0}
.product-card-body{padding:24px}
.consideration .artwork,.extra-card>.artwork{width:100%;max-height:none}
.article-cover .artwork{aspect-ratio:2/1}
.article-layout{max-width:1580px;margin-inline:auto;gap:44px}
.extras-mini{grid-template-columns:repeat(4,minmax(0,1fr))}
.extras-mini>.extra-card>.artwork{aspect-ratio:2/1}
.extras-mini .extra-body{padding:22px}
.extras-mini h3{font-size:clamp(18px,1.2vw,23px)}
.extras-mini p{font-size:var(--copy)}
.extras-mini .text-link{font-size:var(--support)}
.contact-strip{width:100%;border-radius:0;overflow:visible;margin:54px 0 0;padding:0;display:block;min-height:0;background:#e9f8f3}
.contact-waves{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.contact-strip .contact-strip-inner{position:relative;display:flex;align-items:center;min-height:260px;padding:36px 3%;gap:32px}
.contact-strip-copy,.with-portrait .contact-strip-copy{position:relative;z-index:2;max-width:900px;flex:initial}
.contact-strip h2{font-size:clamp(26px,2vw,42px);max-width:850px;line-height:1.14}
.contact-strip p{display:flex;align-items:center;gap:8px;font-size:var(--copy);color:#004f3e;margin-top:14px;font-weight:600}
.contact-strip .actions{margin-top:18px;flex-wrap:wrap}
.contact-strip .button{font-size:var(--support)}
.with-portrait{padding:0;min-height:0}
.with-portrait .contact-strip-inner{min-height:clamp(280px,17vw,380px);padding-left:31%;padding-block:34px}
.contact-strip .contact-portrait{position:absolute;left:4%;bottom:0;width:25%;height:calc(100% + 35px);object-fit:cover;object-position:center 10%;mask-image:none;clip-path:inset(0);background:none;max-width:none;border-radius:0}
.site-footer{background:linear-gradient(110deg,#005347,#003d34);position:relative;isolation:isolate;overflow:hidden;padding:38px 0 22px;margin-top:0}
.site-footer>.container{position:relative;z-index:2}
.footer-grid{display:grid;grid-template-columns:1.15fr .7fr 1.25fr;gap:0;width:74%;padding:0}
.footer-grid>div{border-right:1px solid #27b68b65;padding:0 30px}
.footer-grid>div:first-child{padding-left:0}
.footer-grid p{max-width:460px;margin-top:18px}
.footer-grid h2{margin-bottom:14px}
.footer-grid>div>a:not(.brand){margin-bottom:5px}
.footer-contact a{display:flex;align-items:flex-start;gap:12px;overflow-wrap:anywhere}
.footer-contact small{display:block;color:#b2d8ce;font-size:.85em}
.footer-contact p{display:flex;align-items:flex-start;gap:12px}
.footer-landscape{position:absolute;right:0;top:0;width:28%;height:100%;background:#00ac70;clip-path:ellipse(100% 86% at 100% 80%)}
.footer-landscape img{height:100%;width:100%;object-fit:cover;object-position:65% 65%;clip-path:ellipse(100% 86% at 104% 86%)}
.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-bottom>div{background:#003e35dd;border-radius:6px;padding:8px 14px}
@media(min-width:1600px){.quick-services{padding:27px 18px}.quick-services a{padding-inline:25px}.quick-services>a>.icon{width:44px;height:44px}.section{padding-block:32px}.header-inner{min-height:90px}}
@media(max-width:1100px){.hero .hero-copy{width:47%}.hero .hero-copy h1{font-size:42px}.hero-home .hero-copy h1{font-size:44px}.hero .hero-copy>p{font-size:19px}.hero .hero-inner{min-height:470px}.hero-home .hero-copy{width:51%}.home-person{left:48%;width:29%;height:80%}.footer-grid{width:80%;grid-template-columns:1fr .7fr 1.2fr}.footer-grid>div{padding-inline:18px}.footer-landscape{width:22%}.with-portrait .contact-strip-inner{padding-left:30%}.contact-strip .contact-portrait{left:0;width:29%}}
@media(max-width:900px){.hero .hero-inner,.hero-home .hero-inner{display:block;min-height:0;padding:32px 0 330px}.hero .hero-copy,.hero-home .hero-copy{width:100%;max-width:720px}.hero .hero-copy h1,.hero-home .hero-copy h1{font-size:clamp(34px,5.5vw,54px)}.hero .hero-copy>p{font-size:20px;max-width:100%}.hero .hero-art,.hero-home .hero-art{top:auto;bottom:0;height:300px}.hero-composition>.hero-scene{width:100%;object-position:65% 60%;transform:none}.hero-vector{display:none}.home-person{left:4%;width:40%;height:96%;bottom:24px}.person-caption{left:0;width:100%;bottom:0;padding:8px}.person-caption strong{font-size:12px}.person-caption span,.person-caption small{font-size:10px}.hero-home+.container .quick-services{margin-top:-24px}.hero:not(.hero-home)+.container>.section:first-child,.hero:not(.hero-home)+.container>.article-meta:first-child{margin-top:-24px;padding:22px}.hero .actions{margin-top:20px}.extras-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{width:100%;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1;border:0;padding-bottom:24px}.footer-grid>div:nth-child(2){padding-left:0}.footer-grid>div:last-child{border:0}.footer-landscape{opacity:.18;width:45%;z-index:-1}.contact-strip h2{font-size:28px}.contact-strip .contact-portrait{width:30%;height:105%;object-position:50% 0}.with-portrait .contact-strip-inner{padding-left:33%;min-height:310px}.contact-strip .button{font-size:14px}.article-layout{gap:24px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.hero .hero-inner{width:calc(100% - 36px);padding-top:25px;padding-bottom:260px}.hero .hero-art,.hero-home .hero-art{height:240px}.hero .hero-copy h1,.hero-home .hero-copy h1{font-size:36px;letter-spacing:-1.3px;line-height:1.1}.hero .hero-copy>p{font-size:18px;margin-top:15px}.hero .hero-copy .hero-regions{font-size:16px}.hero .actions{gap:10px}.hero .button{padding:12px 13px;min-height:46px;font-size:13px}.hero .breadcrumbs{font-size:12px}.hero-article .hero-copy h1{font-size:33px}.home-person{left:0;width:42%;height:100%}.person-caption strong{font-size:9px}.person-caption span,.person-caption small{font-size:8px}.person-caption{padding:5px}.quick-services{min-height:0}.hero:not(.hero-home)+.container>.section:first-child{padding:20px 16px}.extras-mini .extra-body{padding:20px 14px}.extras-mini h3{font-size:18px}.extras-mini p{font-size:15px}.product-card.compact{grid-template-columns:36% 1fr}.contact-strip{margin-top:35px}.contact-strip .contact-strip-inner{padding:28px 0;min-height:240px}.contact-strip h2{font-size:25px}.contact-strip .actions{gap:10px}.contact-strip .button{font-size:14px;padding:12px 15px}.with-portrait .contact-strip-inner{padding:28px 0 245px;min-height:0}.with-portrait .contact-strip-copy{width:100%}.contact-strip .contact-portrait{height:230px;width:180px;left:50%;transform:translateX(-50%);object-position:center 5%}.contact-waves{height:100%;top:auto;bottom:0}.footer-grid{display:block}.footer-grid>div,.footer-grid>div:first-child,.footer-grid>div:nth-child(2){padding:0 0 22px;border:0}.footer-grid>div:last-child{padding:0}.footer-bottom{display:block;font-size:13px}.footer-bottom>div{display:flex;gap:18px;margin-top:14px;padding:0;background:none}.footer-landscape{width:100%;height:220px;top:auto;bottom:0;opacity:.2}.footer-contact a{overflow-wrap:anywhere;font-size:14px}.footer-grid p{max-width:none}.site-footer{padding-top:28px;padding-bottom:90px}.article-layout{max-width:100%}.product-card>.artwork{aspect-ratio:1.8}.article-cover .artwork{aspect-ratio:1.7}}
@media(prefers-reduced-motion:reduce){.hero-composition>.hero-scene{transform:none}.artwork img{transition:none}.product-card:hover .artwork img,.article-card:hover .artwork img,.extra-card:hover .artwork img{transform:none}}
@media(max-width:600px){.home-person{height:90%}.contact-waves{height:260px;inset:auto 0 0}}
/* Readability scales continuously with the layout, including 2560px desktops. */
@media(min-width:1100px){
 :root{--copy:clamp(17px,1.05vw,30px);--support:clamp(16px,1vw,28px);--detail:clamp(14px,.9vw,25px)}
 body{font-size:var(--copy)}
 h2,.section-heading h2{font-size:clamp(28px,2vw,56px)}
 h3,.compact .product-card-body h3,.product-card-body h3,.article-card h3,.extra-body h3,.extras-mini h3,.consideration h3,.roadtax-options h3,.facts-grid h3,.process-cards h3,.product-reading .article-card h3{font-size:clamp(20px,1.3vw,36px)}
 .brand,.footer-grid .brand{font-size:clamp(19px,1.25vw,34px)}
 .brand-mark{width:clamp(33px,2vw,50px);height:auto}
 .main-nav,.main-nav>a:not(.button),.nav-dropdown>summary{font-size:var(--support)}
 .button,.button.header-whatsapp,.hero .button,.quote-panel .button,.contact-strip .button,.text-link,.product-reading .article-card .text-link{font-size:var(--support)}
 .button{min-height:clamp(48px,2.7vw,72px);padding:clamp(12px,.8vw,22px) clamp(18px,1.25vw,34px)}
 .button .icon,.text-link .icon{width:1.2em;height:1.2em}
 .section-heading p{max-width:75ch}
 .product-reading .article-card p,.product-card .product-card-body p,.article-card .article-card-body p,.extra-body p,.extras-mini p,.consideration p,.online-strip p,.info-note p,.roadtax-options p,.facts-grid p,.process-cards p,.enquiry-form>p,.quote-panel>p,.contact-strip p,.section-heading p,.bio-facts p,.introduction>div>p,.choices-panel>p,.about-intro>div>p,.article-section>p,.direct-answer p,.muted{font-size:var(--copy);line-height:1.6}
 .coverage-option strong,.quick-services strong,.steps strong,.contact-details strong{font-size:var(--support)}
 .coverage-option small,.quick-services small,.steps small,.trust-list,.contact-links a,.contact-links p,.faq summary,.faq details p,.check-list li,.article-checklist label,.article-meta,.toc a,.search-field input,.filter-buttons button,.result-count,.enquiry-form label,.enquiry-form input,.enquiry-form select,.enquiry-form textarea,table{font-size:var(--support);line-height:1.55}
 .hero .breadcrumbs,.hero-label,.tag,.eyebrow,.quote-card figcaption,.small-note,.form-note,.enquiry-form .form-note,.video-summary,.video-summary p,.article-sources p,.article-sources li,.site-footer .footer-grid p,.site-footer .footer-grid>div>a:not(.brand),.site-footer .footer-contact p,.footer-bottom{font-size:var(--detail);line-height:1.55}
 .quote-card blockquote{font-size:var(--copy)}
 .site-footer .footer-grid h2,.introduction h2,.quote-panel h2,.enquiry-form h2,.article-sidebar .quote-panel h2,.article-section h2{font-size:clamp(23px,1.6vw,44px)}
 .contact-strip h2{font-size:clamp(28px,2vw,52px)}
 .contact-strip-copy,.with-portrait .contact-strip-copy{max-width:1100px}
 .contact-strip h2{max-width:1000px}
 .article-layout{max-width:1900px;grid-template-columns:minmax(0,1fr) clamp(370px,23vw,540px)}
 .coverage-option{padding:clamp(18px,1.2vw,32px)}
 .product-card-body{padding:clamp(22px,1.4vw,38px)}
 .quick-services>a>.icon{width:clamp(36px,2vw,54px);height:clamp(36px,2vw,54px)}
 .footer-contact small{font-size:.85em}
 .footer-grid{width:76%;grid-template-columns:1.05fr .7fr 1.3fr}
 .footer-landscape{width:25%}
 .footer-grid>div{padding-inline:clamp(22px,1.6vw,45px)}
 .contact-strip .contact-portrait{max-width:440px;object-position:center top}
}


/* Detail refinements: independent portrait plaque, matched video columns and full reviews. */
.home-person{bottom:82px;height:84%}
.person-caption{left:11%;width:78%;bottom:0;border:1px solid #b5dece;border-top:4px solid #ffe21b;border-radius:16px;padding:15px 12px;background:linear-gradient(130deg,#fff,#edf9f3);box-shadow:0 10px 28px #003b352b}
.person-caption strong{font-size:clamp(12px,.9vw,23px);letter-spacing:.015em}
.person-caption span{margin-top:4px}
.person-caption small{margin-top:7px;color:#087153;font-weight:650}
.introduction{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto minmax(290px,auto) auto;gap:8px 24px;align-items:stretch}
.introduction>div{display:grid;grid-template-rows:subgrid;grid-row:span 5;min-width:0}
.introduction .bio-summary{grid-column:auto;grid-row:span 5;border:0;padding:0}
.introduction .eyebrow{margin:0}
.introduction h2{margin:0}
.introduction>div>p{margin:0 0 12px}
.introduction .video-card{display:contents}
.introduction .video-player{grid-row:4;width:100%;max-width:100%;min-width:0;height:100%;min-height:0;aspect-ratio:auto}
.video-player video{object-position:center}
.introduction .video-summary{grid-row:5;margin-top:8px}
.introduction .bio-facts{grid-row:4;display:flex;flex-direction:column;justify-content:space-between;margin:0;gap:18px;padding:clamp(22px,1.5vw,40px);border:1px solid #cde6dc;border-radius:12px}
.introduction .bio-facts p{margin:0}
.introduction .bio-facts .button{font-size:var(--support);padding:14px;margin-top:auto}
.video-player{height:auto;aspect-ratio:16/10}
.roadtax-process .video-player,.about-intro .video-player{height:auto;aspect-ratio:16/10}
.roadtax-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;padding:30px 28% 30px 32px;min-height:clamp(165px,10vw,250px);background:linear-gradient(110deg,#ffe425,#ffdf16);isolation:isolate}
.roadtax-banner>div,.roadtax-banner>.button{z-index:2}
.roadtax-banner>.button{margin:0;white-space:nowrap;font-size:var(--support)}
.roadtax-banner h2{font-size:clamp(23px,1.55vw,40px);line-height:1.2}
.roadtax-banner p{font-size:var(--support)}
.roadtax-banner .eyebrow{font-size:var(--detail)}
.roadtax-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.all-reviews{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}
.review-screenshot{margin:0;padding:12px;border:1px solid #d5e7de;border-radius:16px;background:#f0f8f4;box-shadow:0 8px 22px #00432e0a;min-width:0}
.review-screenshot>figcaption{display:flex;align-items:center;gap:9px;font-weight:700;font-size:var(--support);padding:8px 5px 15px;color:#00593f}
.review-screenshot>figcaption span{margin-left:auto;font-weight:500;font-size:var(--detail)}
.review-screenshot>a{display:block;border-radius:10px;overflow:hidden;background:#fff}
.review-screenshot img{display:block;width:100%;height:auto;object-fit:contain}
.review-enlarge{display:flex;justify-content:center;gap:10px;padding:16px;font-weight:700;color:#007b55;font-size:var(--support)}
.review-source{display:inline-flex;align-items:center;gap:8px;font-size:var(--detail);font-weight:650;color:#007858;margin-top:14px}
.review-dialog{width:min(1000px,96vw);max-width:none;height:94dvh;max-height:94dvh;padding:0;border:0;border-radius:16px;background:#eef5f0;color:var(--ink)}
.review-dialog[open]{display:flex;flex-direction:column}
.review-dialog::backdrop{background:#001d18d9;backdrop-filter:blur(5px)}
.review-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:white}
.review-dialog-head h2{font-size:clamp(18px,1.3vw,28px)}
.review-close{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c6ded3;border-radius:50%;background:#f0f7f3;cursor:pointer}
.review-dialog-image{min-height:0;flex:1;overflow:auto;text-align:center;padding:12px}
.review-dialog-image img{display:block;height:auto;max-height:none;width:auto;max-width:100%;margin:auto}
.review-dialog>p{font-size:14px;padding:12px 20px;margin:0;background:white}
@media(max-width:1100px){
 .introduction{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:24px}
 .introduction>div,.introduction .bio-summary{display:block;grid-row:auto}
 .introduction .bio-summary{grid-column:1/-1;order:3}
 .introduction .video-card{display:block}
 .introduction .video-player{height:auto}
 .introduction .bio-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
 .introduction .bio-facts .button{grid-column:1/-1}
 .roadtax-banner{grid-template-columns:52px 1fr;padding:24px 30% 24px 24px;gap:12px 18px}
 .roadtax-banner>.icon-circle{width:52px;height:52px}
 .roadtax-banner>.button{grid-column:2;justify-self:start;white-space:normal}
 .all-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){.home-person{bottom:48px;height:85%}.person-caption{left:3%;width:96%;padding:9px 6px;border-radius:10px}.person-caption strong{font-size:12px}.person-caption span,.person-caption small{font-size:10px}}
@media(max-width:600px){
 .home-person{bottom:45px;height:80%;width:45%}
 .person-caption{padding:7px 5px;border-top-width:3px}.person-caption strong{font-size:9px}.person-caption span,.person-caption small{font-size:8px;margin-top:3px}
 .introduction{display:flex;flex-direction:column;gap:24px}
 .introduction>div{width:100%}.introduction .bio-summary{order:0}
 .introduction>div>p{font-size:16px;margin:8px 0 16px}
 .introduction h2{font-size:27px}
 .introduction .bio-facts{display:flex;gap:20px}
 .introduction .bio-facts p{font-size:16px}
 .roadtax-banner{display:block;padding:24px 22px 150px;min-height:0}
 .roadtax-banner>.icon-circle{display:none}
 .roadtax-banner>.button{margin-top:18px;display:inline-flex}
 .roadtax-scene{top:auto;bottom:0;height:170px;width:190%;left:-90%}
 .all-reviews{grid-template-columns:1fr}
 .review-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
 .review-dialog-head{padding:10px 14px}
 .review-dialog-image{padding:0}
}

.review-dialog-image img{width:auto;height:100%;max-height:100%;object-fit:contain}
.review-dialog-image.zoomed img{width:100%;height:auto;max-height:none}
.review-zoom{margin-left:auto;padding:10px 15px;border:1px solid #badacc;border-radius:8px;color:#006447;background:#eff8f3;font:inherit;font-size:15px;cursor:pointer}

/* Consistent contact panels and proportional media. */
.contact-grid{align-items:stretch;grid-template-columns:1.15fr 1fr .8fr}
.contact-grid>aside,.contact-grid>form{min-width:0;height:100%}
.contact-details{position:relative;isolation:isolate;padding:clamp(22px,1.5vw,40px);padding-bottom:260px;background:#005641}
.contact-details>.artwork{position:absolute;inset:0;margin:0;width:100%;height:100%;z-index:-2;border-radius:0}
.contact-details>.artwork img{width:100%;height:100%;object-fit:cover;object-position:60% bottom}
.contact-details:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#005541 0%,#005541ed 35%,#00554170 65%,transparent 86%)}
.contact-details small{font-size:clamp(15px,.95vw,25px)}
.contact-details>a>.icon,.contact-details>p>.icon{width:clamp(42px,3vw,72px);height:clamp(42px,3vw,72px);padding:10px;border-radius:50%;background:#00ab69;color:white}
.contact-review{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:linear-gradient(150deg,#ffffffd9,#eff9f4a8);padding:clamp(18px,1.5vw,36px)}
.contact-review .quote-card{flex:0;box-shadow:none}
.contact-review>.text-link{display:flex;justify-content:center;padding:16px;border-radius:10px;background:#e7f5ef;font-size:clamp(16px,1vw,25px);margin-top:22px}
.about-intro{margin-bottom:clamp(24px,2vw,48px)!important;gap:clamp(24px,3vw,72px);align-items:start}
.about-intro .video-player{height:auto;aspect-ratio:16/10}
.facts-grid{position:relative;gap:clamp(14px,1.2vw,30px)}
.facts-grid article{background:linear-gradient(140deg,#f0faf5,white);border-color:#d3e9df;border-radius:16px;padding:clamp(20px,1.5vw,36px)}
.region-list a{padding:clamp(12px,1vw,24px);gap:clamp(16px,1.3vw,32px)}
.region-list strong{font-size:clamp(21px,1.55vw,40px);line-height:1.2}
.region-list .artwork{width:clamp(76px,6vw,150px);height:clamp(76px,6vw,150px)}
.related-service-links a{padding:clamp(18px,1.4vw,34px);font-size:clamp(16px,1.1vw,29px);line-height:1.4}
.related-service-links a>.icon:first-child{width:clamp(32px,2.5vw,64px);height:clamp(32px,2.5vw,64px);margin-bottom:14px}
.related-service-links a>.icon:last-child{width:clamp(22px,1.4vw,36px);height:clamp(22px,1.4vw,36px)}
.roadtax-banner>.roadtax-photo{position:absolute;inset:0 0 0 55%;z-index:-2;overflow:hidden}
.roadtax-photo img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.roadtax-banner{background:#ffe51b}
.blog-grid:not(.is-filtered) .featured{grid-template-columns:42% 1fr;min-height:0}
.blog-grid:not(.is-filtered) .featured .article-image{min-height:0;height:clamp(260px,21vw,480px);overflow:hidden}
.blog-grid:not(.is-filtered) .featured .artwork,.blog-grid:not(.is-filtered) .featured img{height:100%;width:100%;object-fit:cover}
.blog-grid:not(.is-filtered) .featured .article-card-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,3vw,72px)}
.featured .article-card-body p{max-width:42em}

/* A native scrolling track remains usable even without JavaScript. */
.review-carousel{min-width:0}
.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:18px;color:#537064;font-size:clamp(14px,.9vw,22px)}
.carousel-controls>span{margin-right:auto}
.carousel-controls button{font:inherit;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #b9dacb;border-radius:10px;background:#eff9f4;color:#006447;cursor:pointer}
.review-carousel .review-grid{position:relative;display:flex;gap:20px;overflow:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 16px;touch-action:pan-y}
.review-carousel .review-grid::-webkit-scrollbar{display:none}
.review-carousel .review-grid>*{flex:0 0 calc((100% - 80px)/5);min-width:0;margin:0;scroll-snap-align:start}
.review-carousel .review-grid.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.review-carousel .review-grid .reveal{opacity:1;transform:none}
.review-carousel .review-screenshot figcaption{flex-wrap:wrap;gap:6px;font-size:clamp(13px,.85vw,21px)}
.review-carousel .quote-card{padding:clamp(16px,1.15vw,28px);display:flex;flex-direction:column}
.review-carousel .quote-card blockquote{font-size:clamp(16px,1vw,25px);margin:18px 0;flex:1}
.review-carousel .review-source{font-size:clamp(15px,.9vw,22px)}
.facts-grid article{min-width:0;overflow-wrap:anywhere}
@media(max-width:1500px){.review-carousel .review-grid>*{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:1100px){.region-list{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr 1fr}.contact-review{grid-column:1/-1}.contact-details{padding-bottom:240px}.review-carousel .review-grid>*{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:700px){
 .contact-grid{grid-template-columns:1fr}.contact-review{grid-column:auto}.contact-details{min-height:530px}.about-intro{padding:20px!important}.facts-grid{grid-template-columns:1fr 1fr}.facts-grid article{padding:16px}
 .related-service-links a{display:block}.region-list strong{font-size:24px}
 .review-carousel .review-grid>*{flex-basis:86%}.carousel-controls{flex-wrap:wrap}.carousel-controls>span{width:100%;font-size:14px}
 .blog-grid:not(.is-filtered) .featured{display:block}.blog-grid:not(.is-filtered) .featured .article-image{height:230px}
 .roadtax-banner>.roadtax-photo{inset:auto 0 0 0;height:170px}.roadtax-photo img{object-position:center 65%}
}

/* Text-only brand: responsive live type stays sharp at every size. */
.brand.brand-wordmark{display:inline-flex;align-items:baseline;gap:.22em;font-weight:850;letter-spacing:-.045em;white-space:nowrap;font-size:clamp(20px,1.45vw,38px);line-height:1.2}
.wordmark-akm{color:#005443}.wordmark-maju{color:#008954}.wordmark-dash{color:#b58c00}.wordmark-service{color:#101d3e}
.site-footer .brand-wordmark .wordmark-akm,.site-footer .brand-wordmark .wordmark-service{color:#fff}.site-footer .brand-wordmark .wordmark-maju{color:#6be2aa}.site-footer .brand-wordmark .wordmark-dash{color:#ffe21b}
@media(max-width:400px){.brand.brand-wordmark{font-size:19px;gap:.18em}}

/* Keep replaced media inside its grid track even when the biography sets row height. */
.video-player{min-width:0;max-width:100%;overflow:hidden}
.video-player video{display:block;width:100%;max-width:100%;min-width:0}
.site-header .brand.brand-wordmark{font-size:clamp(25px,1.8vw,46px)}

/* Mobile profile cards use their full width for readable labels and copy. */
@media(max-width:700px){
 .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .facts-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;overflow-wrap:normal}
 .facts-grid article>div{width:100%;min-width:0}
 .facts-grid h3{font-size:clamp(16px,4vw,20px);white-space:nowrap;letter-spacing:-.035em;margin:0 0 8px}
 .facts-grid p{font-size:16px;line-height:1.6;word-break:normal;overflow-wrap:normal;margin:0}
 .facts-grid .icon-circle{width:44px;height:44px;flex-shrink:0}
}
@media(max-width:359px){.facts-grid{grid-template-columns:1fr}.facts-grid article{flex-direction:row}.facts-grid h3{font-size:19px}}

/* Preserve CTA contrast and carry the gold brand accent into live typography. */
.main-nav .header-whatsapp,.main-nav .header-whatsapp:hover,.main-nav .header-whatsapp:focus-visible,.main-nav .header-whatsapp:active{color:#fff}
.brand-wordmark .wordmark-akm{position:relative;display:inline-block;padding-bottom:.13em}
.brand-wordmark .wordmark-akm::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.09em;min-height:2px;border-radius:2px;background:#ffe21b}