/* Foundations: one spacing scale, type scale, container and divider system. */
:root{--navy:#0b3046;--ink:#173649;--blue:#0877a9;--sky:#72cce3;--muted:#526d7b;--line:#d8e2e7;--off:#f4f7f8;--white:#fff;--section:88px;--gutter:48px;--header:88px;--subnav:60px;--radius:4px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + var(--subnav) + 24px)}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,dl{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;text-wrap:balance}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(32px,3vw,44px);line-height:1.18;letter-spacing:-.035em}h3{font-size:24px;line-height:1.3;letter-spacing:-.025em}p{max-width:70ch}em{font-style:normal;color:var(--sky)}[hidden]{display:none!important}.container{width:min(1248px,calc(100% - var(--gutter)*2));margin-inline:auto;min-width:0}.muted{color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.eyebrow.light{color:#b5e1ee}.eyebrow>span{width:6px;height:6px;background:var(--sky)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:var(--radius);background:var(--blue);color:white;font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,box-shadow .18s}.button:hover{background:#075f89;box-shadow:0 4px 14px #073e5518}.button>span{font-size:23px;line-height:1}.button.small{min-height:48px;padding:12px 20px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:14px;font-weight:600;line-height:1.5;border-bottom:1px solid #9db5c0}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link>span{font-size:21px}.light-link{color:white;border-color:#7c9dac}.light-link:hover{color:var(--sky)}:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #0877a9;outline-offset:4px}.division-hero :focus-visible,.hero :focus-visible,.network :focus-visible{outline-color:#8edaf0}.skip{position:fixed;z-index:100;left:16px;top:-100px;background:white;padding:16px}.skip:focus{top:16px}

/* Header and navigation */
.topbar{background:var(--navy);color:#d5e4ec;font-size:11px;line-height:1.5}.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px;padding-block:8px}.topbar a{color:white}.topbar a span{margin-left:12px}header{position:sticky;top:0;background:white;z-index:40;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--header)}.logo,.nav .logo{width:184px;height:60px;object-fit:contain}header nav{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:600;line-height:1.4}header nav>a:not(.button){display:flex;align-items:center;min-height:44px}header nav a:hover,header nav a[aria-current=page]{color:var(--blue)}header nav a.button:hover{color:white}.nav-group{position:relative;display:flex;align-items:center;gap:0}.nav-group>a{min-height:44px;display:flex;align-items:center}.sub-toggle{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;padding:0;border:0;background:none;color:var(--ink)}.submenu{display:none;position:absolute;top:100%;left:-16px;min-width:300px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:0 0 4px 4px;padding:8px;background:white;box-shadow:0 16px 32px #0b304619}.nav-group.expanded .submenu{display:grid}.submenu a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px;font-size:13px}.submenu a:hover{background:var(--off)}.menu{display:none}

/* Hero templates */
.hero{position:relative;overflow:hidden;background:var(--navy);color:white}.hero-art{position:absolute;inset:0 0 0 36%;background:linear-gradient(90deg,#0b3046,transparent 80%),linear-gradient(0deg,#0b30464d,#0b304617),url('images/retail-curation.webp') center/cover}.hero-content{position:relative;padding-top:80px}.hero h1{max-width:850px}.hero-intro{font-size:18px;color:#d3e4eb;line-height:1.7;margin-top:24px;max-width:630px}.actions{display:flex;align-items:center;gap:32px;margin-top:32px}.hero-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff30;margin-top:72px;padding-block:24px;font-size:10px;letter-spacing:.1em;color:#d4e4eb}.image-note{position:absolute;right:20px;top:44%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.14em;color:#e6f0f5}.division-hero{background:var(--navy);color:white;overflow:hidden}.division-hero>.container{position:relative}.division-copy{position:relative;padding-block:48px 64px;max-width:880px}.breadcrumb{display:inline-flex;align-items:center;min-height:32px;color:#b3d5e3;font-size:12px;margin-bottom:32px}.division-copy .eyebrow{margin-bottom:16px}.division-copy h1{font-size:clamp(40px,4.3vw,60px)}.division-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#c3dbe5;margin-top:24px;max-width:64ch}.division-copy .button{margin-top:32px}.division-hero.with-image>.container{display:grid;grid-template-columns:1fr 1fr;gap:64px}.division-hero.with-image .division-copy{padding-block:40px 56px}.division-image{width:100%;height:100%;position:absolute;left:calc(50% + 32px);top:0;max-width:none;width:calc(50vw - 32px);object-fit:cover;object-position:center}.division-hero:not(.with-image)>.container:after{content:'';position:absolute;right:0;top:60px;width:210px;height:210px;border:1px solid #b5dcea15;transform:rotate(30deg);pointer-events:none}.division-hero:not(.with-image) .division-copy{z-index:1}

/* Anchored section navigation */
.section-nav{display:block;position:sticky;top:var(--header);z-index:30;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.section-nav>.container{display:flex;align-items:center;gap:28px;overflow-x:auto;min-height:var(--subnav);scrollbar-width:thin}.section-nav a{display:flex;align-items:center;flex-shrink:0;min-height:var(--subnav);border-bottom:2px solid transparent;padding-top:2px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--muted)}.section-nav a:hover,.section-nav a[aria-current=location]{color:var(--blue);border-color:var(--blue)}.section-picker{display:none}

/* Section rhythm and editorial layouts */
.intro,.approach,.faq{padding-block:var(--section);display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro .lead{font-size:22px;line-height:1.55;margin-bottom:24px}.intro p:not(.eyebrow):not(.lead),.approach>div>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:24px}.intro .text-link,.approach .text-link{margin-top:24px}.expertise,.content-section{padding-block:var(--section)}.expertise,.soft{background:var(--off)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}.section-top>p{font-size:16px;color:var(--muted);max-width:34ch}.content-heading{max-width:800px;margin-bottom:40px}.section-intro{font-size:17px;line-height:1.75;color:var(--muted);margin-top:24px}.content-section+.content-section{position:relative}.content-section+.content-section:before{content:'';position:absolute;top:0;left:max(var(--gutter),calc((100% - 1248px)/2));right:max(var(--gutter),calc((100% - 1248px)/2));height:1px;background:var(--line)}.content-section.soft:before,.content-section.soft+.content-section:before{display:none}.content-section>.container>h2{margin-bottom:40px}.content-section.has-photo>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px 64px;align-items:center}.content-section.has-photo .content-heading{margin:0}.section-photo{width:100%;height:360px;object-fit:cover;object-position:center;border-radius:var(--radius);background:var(--off)}.has-photo .info-grid,.has-photo .spec-table{grid-column:1/-1}.content-section.is-diagram .section-photo{object-fit:contain;background:white;padding:16px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.info-grid article{border-top:1px solid var(--line);padding-block:28px}.info-grid h3{font-size:23px;margin-bottom:12px}.info-grid p{color:var(--muted);font-size:16px}.spec-table{width:100%;border-top:1px solid var(--line)}.spec-table>div{display:grid;grid-template-columns:minmax(160px,25%) 1fr;gap:40px;padding:24px 0;border-bottom:1px solid var(--line)}.spec-table dt{font-weight:600;font-size:15px}.spec-table dd{margin:0;color:var(--muted);font-size:16px}.principles article{display:flex;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.principles article>span{font-size:12px;color:var(--blue);padding-top:4px}.principles h3{font-size:23px;margin-bottom:12px}.principles p{font-size:16px;color:var(--muted)}

/* Cards: consistent internal alignment and media ratios */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{position:relative;min-height:380px;border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;justify-content:space-between;color:white;overflow:hidden;background:#143d4c}.service-card.construction{background:linear-gradient(0deg,#082b43f0,#082b4330),url('images/site-media/7f1549f20ff1.webp') center/cover}.service-card.trading{background:#205c78}.card-number{font-size:12px;letter-spacing:.1em;color:#d2e6ee}.service-card p{font-size:12px;color:#c6e0e9;line-height:1.7;margin:24px 0 16px;min-height:42px}.service-card h3{font-size:30px;min-height:78px;margin-bottom:24px}.card-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-top:16px;border-top:1px solid #ffffff40;font-size:14px}.card-link b{font-size:23px;font-weight:400}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.capability-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.capability{min-width:0;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.capability:hover{border-color:#8aafc0;box-shadow:0 8px 24px #0b304609}.capability-visual{aspect-ratio:1.85;position:relative;overflow:hidden;background:#e9f1f5}.capability-visual img{width:100%;height:100%;object-fit:cover}.capability-visual.abstract{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#eaf4f7,#c7dce6)}.capability-visual.abstract:before,.capability-visual.abstract:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #729aad50;transform:rotate(30deg)}.capability-visual.abstract:after{width:240px;height:240px}.capability-visual.abstract span{font-size:48px;font-family:Manrope;color:#39728d}.capability-body{display:flex;flex-direction:column;flex:1;padding:32px}.capability .eyebrow{font-size:10px;margin-bottom:16px}.capability h3{font-size:27px;margin-bottom:16px}.capability p{font-size:15px;color:var(--muted);margin-bottom:24px}.capability .text-link{margin-top:auto;align-self:flex-start}.capability-grid.text-only .capability-body{min-height:280px}.three-up .capability h3{font-size:24px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-category{min-width:0;display:flex;flex-direction:column;min-height:228px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:white;transition:border-color .2s,background .2s}.product-category:hover{border-color:var(--blue);background:#f4f9fb}.product-category>span:first-child{font-size:12px;color:var(--blue);margin-bottom:24px}.product-category h3{font-size:24px;margin-bottom:24px}.product-category>span:last-child{font-size:13px;color:var(--blue);margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}

/* Brands and projects */
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.brand-tile{display:flex;align-items:center;justify-content:center;min-height:144px;border:1px solid var(--line);border-radius:var(--radius);background:white;padding:28px;text-align:center;font:600 22px/1.4 Manrope,Arial,sans-serif}.brand-tile img{width:100%;height:72px;object-fit:contain}.directory-search{max-width:420px;margin-bottom:24px}.directory-search input{margin-top:8px}#brand-count{font-size:13px;color:var(--muted);margin-bottom:16px;min-height:22px}.empty-result{padding:24px;background:var(--off);color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.project-card{min-width:0}.project-image{display:block;position:relative;border:0;border-radius:var(--radius);padding:0;aspect-ratio:1.65;width:100%;overflow:hidden;background:var(--off)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.project-image:hover img{transform:scale(1.025)}.project-image span{position:absolute;right:16px;bottom:16px;background:white;color:var(--ink);font-size:12px;padding:10px 16px;border-radius:2px}.project-card .eyebrow{margin:24px 0 12px}.project-card h3{font-size:28px;margin-bottom:12px}.project-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.project-filters button{min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);font-size:14px}.project-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.proof-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.proof-links strong,.proof-links span{display:block}.proof-links strong{font-size:20px;font-weight:500}.proof-links span{font-size:14px;color:var(--muted);margin-top:8px}.gallery-dialog{max-width:min(1000px,calc(100vw - 32px));width:90vw;border:0;border-radius:4px;padding:24px;background:white;color:var(--ink)}.gallery-dialog::backdrop{background:#031d2be6}.gallery-dialog img{max-width:100%;max-height:72vh;object-fit:contain;margin:20px auto}.gallery-dialog p{text-align:center;max-width:none}.close-gallery{display:block;margin-left:auto;min-height:44px;padding:10px 16px;border:0;border-radius:3px;background:var(--navy);color:white}

/* Locations and FAQ */
.network{background:var(--navy);color:white;padding-block:var(--section) 48px}.network .section-top>p{color:#bdd3de}.locations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #ffffff35}.location{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:none;border:0;border-right:1px solid #ffffff35;padding:24px;color:white;font-size:16px;text-align:left;line-height:1.5}.location:last-child{border-right:0}.location>span{flex-basis:100%;font-size:12px;color:#a4c5d6}.location b{font-weight:400}.location.active{background:#ffffff0a;box-shadow:inset 0 -3px var(--sky)}#office-details{min-height:120px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-top:32px;font-size:15px;color:#c2d8e3}#office-details a{color:white}.faq>div>p:not(.eyebrow){color:var(--muted);margin-top:24px}.faq p a{text-decoration:underline;text-underline-offset:4px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;cursor:pointer;font-size:16px;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;color:var(--blue)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:15px;margin-bottom:24px;padding-right:32px}

/* Enquiry: stable field heights and an explicit form surface */
.contact{padding-block:var(--section);background:#eaf2f6;border-top:1px solid #d9e7ed}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}.contact h2{font-size:clamp(36px,3.5vw,48px)}.contact em{color:var(--blue)}.contact-grid>div>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:24px}.contact-email{display:inline-block;font-size:20px;line-height:1.5;margin-top:32px;overflow-wrap:anywhere}.phone{display:block;font-size:15px;margin-top:12px}.contact form{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 10px 30px #0b304605}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0}label{display:block;min-width:0;margin-bottom:24px;font-size:12px;line-height:1.5;font-weight:600;color:var(--ink)}label>span{font-weight:400;color:var(--muted)}input,select,textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #bacbd4;border-radius:3px;background:white;color:var(--ink);padding:12px;font-size:15px;font-weight:400;line-height:1.5}input,select{height:48px}select{padding-right:24px}textarea{min-height:128px;resize:vertical}input::placeholder,textarea::placeholder{color:#607581;opacity:1}input:hover,select:hover,textarea:hover{border-color:#7897a7}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}.form-note{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:24px}.contact form>.button{min-width:210px}#form-status{font-size:13px;color:var(--muted);margin-top:16px}#form-status:empty{display:none}

/* Footer */
footer{background:white}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:48px;border-bottom:1px solid var(--line)}.footer-top p{font-size:16px;line-height:1.5}.footer-top>div{display:flex;gap:20px;font-size:13px}.footer-map{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:40px;padding-block:40px}.footer-map h3{font:600 14px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;margin-bottom:16px}.footer-map a{display:block;font-size:13px;line-height:1.6;color:var(--muted);padding-block:6px}.footer-map a:hover{color:var(--blue)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:24px;font-size:11px;line-height:1.5;color:var(--muted)}

/* Tablet: use a full menu instead of shrinking navigation text. */
@media(max-width:1180px){:root{--gutter:32px}.menu{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 16px;background:white;border:1px solid var(--line);border-radius:3px;color:var(--ink);font-size:14px}.nav .logo{width:180px}header nav{display:none;position:absolute;top:var(--header);left:0;right:0;max-height:calc(100dvh - var(--header));overflow-y:auto;background:white;padding:24px var(--gutter);box-shadow:0 12px 28px #0b304615;flex-direction:column;align-items:stretch;gap:8px;font-size:15px}header nav.open{display:flex}.nav-group{flex-wrap:wrap;justify-content:space-between}.nav-group>a{flex:1;min-height:48px}.sub-toggle{min-width:48px;min-height:48px}.submenu{position:static;min-width:0;width:100%;border:0;border-left:2px solid var(--line);border-radius:0;box-shadow:none;padding:4px 8px 4px 16px;margin:8px 0}.submenu a{font-size:14px}.intro,.approach,.faq{gap:48px}.contact-grid{gap:40px}.division-hero.with-image>.container{gap:40px}.division-image{left:calc(50% + 20px);width:calc(50vw - 20px)}.content-section.has-photo>.container{gap:32px 40px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-grid.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid.three-up .capability:last-child{grid-column:1/-1}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-map{gap:24px}.footer-top>div{flex-direction:column;gap:8px}}

/* Mobile */
@media(max-width:760px){:root{--gutter:20px;--header:76px;--subnav:64px;--section:56px}body{font-size:16px}h1{font-size:clamp(36px,9vw,48px);letter-spacing:-.035em}h2{font-size:32px;letter-spacing:-.025em}h3{font-size:23px}.eyebrow{font-size:10px;letter-spacing:.12em}.topbar{font-size:10px}.topbar .container{min-height:36px;gap:12px}.topbar .container>span{max-width:170px}.topbar a span{display:none}.nav .logo,.logo{width:160px;height:52px}.hero-content{padding-top:56px}.hero-art{inset:0;opacity:.4;background-position:65% center}.hero-intro{font-size:16px;margin-top:24px}.hero-intro br,.section-top>p br{display:none}.actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}.hero-bottom{margin-top:48px;padding-block:24px;font-size:8px;letter-spacing:.06em}.hero-bottom>a,.image-note{display:none}.division-copy,.division-hero.with-image .division-copy{padding-block:32px 40px}.division-copy h1{font-size:clamp(36px,9vw,44px)}.division-copy .breadcrumb{margin-bottom:24px}.division-copy>p:not(.eyebrow){font-size:16px;margin-top:24px}.division-copy .button{margin-top:24px}.division-hero.with-image>.container{display:block}.division-image{position:relative;inset:auto;width:calc(100% + var(--gutter)*2);max-width:none;height:260px;margin-left:calc(-1*var(--gutter))}.division-hero:not(.with-image)>.container:after{width:130px;height:130px;top:40px;right:0}.section-nav>.container{display:none}.section-picker{width:min(1248px,calc(100% - var(--gutter)*2));margin-inline:auto;display:flex;align-items:center;gap:16px;margin-block:0;padding-block:10px;min-height:var(--subnav);font-size:11px;white-space:nowrap}.section-picker select{margin:0;height:44px;min-width:0;flex:1;font-size:13px;border-color:var(--line);background:white}.intro,.approach,.faq,.contact-grid{grid-template-columns:1fr;gap:32px}.intro .lead{font-size:21px}.section-top{display:block;margin-bottom:32px}.section-top>p{margin-top:24px;max-width:100%}.content-heading{margin-bottom:32px}.section-intro{font-size:16px;margin-top:20px}.content-section>.container>h2{margin-bottom:32px}.content-section.has-photo>.container{grid-template-columns:1fr;gap:28px}.section-photo{height:auto;aspect-ratio:1.45}.has-photo .info-grid,.has-photo .spec-table{grid-column:auto}.info-grid{grid-template-columns:1fr;gap:0}.info-grid article{padding-block:24px}.spec-table>div{grid-template-columns:1fr;gap:8px;padding-block:20px}.spec-table dd{font-size:15px}.service-grid,.capability-grid,.capability-grid.three-up{grid-template-columns:1fr;gap:24px}.service-card{min-height:320px;padding:28px}.service-card h3{min-height:0;font-size:30px}.service-card p{min-height:0}.capability-grid.three-up .capability:last-child{grid-column:auto}.capability-visual{aspect-ratio:1.65}.capability-body{padding:24px}.capability h3,.three-up .capability h3{font-size:26px}.capability-grid.text-only .capability-body{min-height:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-category{padding:20px;min-height:220px}.product-category h3{font-size:22px;letter-spacing:-.02em;overflow-wrap:normal}.product-category>span:last-child{font-size:12px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-tile{min-height:116px;padding:20px;font-size:18px}.brand-tile img{height:60px}.project-grid{grid-template-columns:1fr;gap:40px}.project-image{aspect-ratio:1.4}.project-card h3{font-size:27px}.project-filters{gap:8px;margin-bottom:24px}.project-filters button{padding:10px 16px;font-size:13px}.proof-links{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:32px}.locations{grid-template-columns:repeat(2,minmax(0,1fr))}.location{padding:20px 16px;font-size:15px;gap:12px}.location:nth-child(2){border-right:0}.location:nth-child(-n+2){border-bottom:1px solid #ffffff35}.network{padding-bottom:32px}#office-details{flex-direction:column;gap:16px;min-height:164px;font-size:14px;padding-top:24px}.faq>div>p:not(.eyebrow){margin-top:20px}summary{font-size:15px;padding-block:20px}.contact h2{font-size:38px}.contact-grid{gap:32px}.contact-email{font-size:19px;margin-top:24px}.contact form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}label{margin-bottom:20px;font-size:12px}input,select,textarea{font-size:16px}.contact form>.button{width:100%}.footer-top{flex-wrap:wrap;gap:24px;padding-block:32px}.footer-top>div{flex-direction:row;gap:20px}.footer-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding-block:32px}.footer-map a{font-size:12px;padding-block:8px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding-block:24px}.gallery-dialog{padding:16px}.gallery-dialog img{max-height:65vh}}
@media(max-width:360px){:root{--gutter:16px}.product-grid{grid-template-columns:1fr}.contact form{padding:20px}.topbar .container>span{max-width:130px}.nav .logo{width:145px}.button{padding-inline:20px;gap:20px}.footer-map{gap:24px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Pages without section navigation need only the main header offset. */
html:not(:has(.section-nav)){scroll-padding-top:calc(var(--header) + 24px)}

/* A consistent page opening and direct, visible navigation. */
:root{--hero-height:580px}
.hero,.division-hero{height:var(--hero-height);position:relative}
.hero-content,.division-hero>.container,.division-hero.with-image>.container{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:0}
.hero-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:56px}
.hero h1{max-width:900px;font-size:60px}.hero-intro{font-size:17px}.hero-bottom{position:absolute;left:max(var(--gutter),calc((100% - 1248px)/2));right:max(var(--gutter),calc((100% - 1248px)/2));bottom:0;margin:0}.division-copy,.division-hero.with-image .division-copy{padding:0;max-width:100%;width:100%}.division-copy h1{font-size:52px;line-height:1.12;max-width:18ch}.division-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;margin-top:24px}.division-copy .breadcrumb{margin-bottom:20px}.division-copy .button{margin-top:28px}.division-image{height:100%;left:calc(50% + 32px);width:calc(50vw - 32px);border-left:3px solid var(--sky)}.division-hero:after{content:'';position:absolute;right:0;bottom:0;width:120px;height:100%;background:linear-gradient(135deg,transparent 65%,#0877a966 65%);pointer-events:none}.division-hero:not(.with-image)>.container:after{display:none}.family-nav{background:#edf4f7;border-bottom:1px solid #cbdce5}.family-nav>.container{display:flex;gap:32px;align-items:center;overflow-x:auto;scrollbar-width:thin}.family-nav a{display:flex;align-items:center;flex-shrink:0;min-height:64px;font-size:13px;font-weight:600;border-bottom:3px solid transparent}.family-nav a[aria-current=page]{border-color:var(--blue);color:var(--blue)}.family-nav a:hover{color:var(--blue)}.section-nav{position:static;background:white}.section-nav>.container{min-height:56px}.section-nav a{min-height:56px;font-size:11px}.section-nav:has(a:only-child){display:none}html{scroll-padding-top:calc(var(--header) + 24px)}
.detail-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}.detail-gallery:has(figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.detail-gallery:has(figure:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}figure{margin:0;min-width:0}.detail-gallery button{display:block;position:relative;background:var(--off);padding:16px;border:1px solid var(--line);width:100%;aspect-ratio:1.35;overflow:hidden}.detail-gallery img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.detail-gallery button:hover img{transform:scale(1.04)}.detail-gallery button>span{position:absolute;bottom:12px;right:12px;background:white;width:32px;height:32px;border-radius:50%;color:var(--blue)}figcaption{font-size:13px;color:var(--muted);margin-top:16px}.content-section:has(.detail-gallery) .spec-table{margin-top:32px}.films{background:var(--navy);color:white}.films .eyebrow{color:var(--sky)}.films .section-top>p{color:#c3dbe5}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.film-grid video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#061b29;border:1px solid #ffffff30}.film-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;color:white;padding-top:8px}.film-grid figcaption>span{font-size:10px;letter-spacing:.13em;color:var(--sky)}.film-grid h3{font-size:24px}.product-category{padding:0 24px 24px}.product-category>img{height:180px;object-fit:cover;width:calc(100% + 48px);max-width:none;margin:0 -24px 24px}.product-category>span:first-of-type{font-size:11px;color:var(--blue);margin-bottom:12px}.service-card.defense{background:linear-gradient(0deg,#082b43f5,#082b4350),url('images/supply-coordination.webp') center/cover}.service-card.trading{background:linear-gradient(0deg,#082b43f5,#082b4360),url('images/retail-curation.webp') center/cover}.content-section>.container>.eyebrow:before,.section-top .eyebrow:before{content:'';width:24px;height:3px;background:var(--blue);transform:skewX(-35deg)}
@media(min-width:761px) and (max-width:1180px){.division-copy h1{font-size:42px}.division-hero.with-image>.container{gap:40px}.division-image{left:calc(50% + 20px);width:calc(50vw - 20px)}.hero h1{font-size:52px}.detail-gallery{gap:16px}}
@media(max-width:760px){:root{--hero-height:690px}.hero-content{padding:40px 0 80px}.hero h1{font-size:40px}.hero-intro{font-size:16px}.division-hero>.container,.division-hero.with-image>.container{display:flex;flex-direction:column;align-items:stretch;gap:0;justify-content:flex-start}.division-copy,.division-hero.with-image .division-copy{height:470px;padding:28px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-shrink:0}.division-copy h1{font-size:36px;max-width:22ch}.division-copy .breadcrumb{margin-bottom:16px}.division-copy .eyebrow{margin-bottom:12px}.division-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}.division-copy .button{margin-top:24px;font-size:13px;min-height:48px}.division-image{position:relative;inset:auto;height:220px;width:calc(100% + var(--gutter)*2);margin-left:calc(-1*var(--gutter));border-left:0;border-top:3px solid var(--sky);flex-shrink:0}.family-nav>.container{gap:24px}.family-nav a{min-height:58px;font-size:12px}.section-nav>.container{display:flex;gap:24px;min-height:48px}.section-nav a{min-height:48px}.detail-gallery,.detail-gallery:has(figure:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.detail-gallery button{padding:8px;aspect-ratio:1}.detail-gallery figcaption{font-size:11px;margin-top:10px}.film-grid{grid-template-columns:1fr;gap:32px}.film-grid figcaption{gap:12px}.film-grid h3{font-size:22px}.product-category{padding:0 20px 20px}.product-category>img{height:140px;width:calc(100% + 40px);margin-inline:-20px}.hero-bottom{font-size:8px}.section-picker{display:none}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}}
.film-player{position:relative;aspect-ratio:16/9}.film-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;width:100%;padding:40px;color:white;border:1px solid #ffffff30;background:linear-gradient(135deg,#16485f 0%,#0b3046 62%,#1a6684 62%,#13445b 78%,#267c9b 78%);text-align:left}.film-start>span:nth-child(2){font-size:10px;letter-spacing:.15em}.film-start strong{display:block;font-family:Manrope;font-size:34px;font-weight:500;letter-spacing:-.03em;margin-top:12px}.play-symbol{display:grid;place-items:center;width:52px;height:52px;border:1px solid #8fcadf;border-radius:50%;font-size:18px;padding-left:3px}.film-duration{font-size:12px}.film-start:hover .play-symbol{background:var(--blue)}@media(max-width:760px){.film-start{padding:24px;gap:12px}.film-start strong{font-size:24px;margin-top:8px}.play-symbol{width:40px;height:40px;font-size:14px}.film-start>span:nth-child(2){font-size:8px}.film-duration{font-size:11px}}

/* Focused navigation and editorial company story. */
header nav{font-size:14px;gap:32px}.story-photo{height:440px;overflow:hidden;border-radius:4px}.story-photo img{width:100%;height:100%;object-fit:cover}.intro{align-items:center}.intro .lead{margin-top:24px;margin-bottom:0;font-size:21px}.family-nav{background:#f4f7f8}.family-nav>.container:before{content:'EXPLORE';font-size:10px;letter-spacing:.12em;color:var(--muted)}.section-nav{background:var(--off)}.section-nav>.container:before{content:'ON THIS PAGE';font-size:9px;letter-spacing:.12em;white-space:nowrap;color:var(--muted)}.service-card{min-height:350px}.service-card h3{font-size:28px}.service-card p{color:#fff}.content-heading+.capability-grid{margin-top:8px}
@media(max-width:1180px){header nav{gap:8px;font-size:16px}}
@media(max-width:760px){.story-photo{height:280px}.family-nav>.container:before,.section-nav>.container:before{display:none}.service-card{min-height:310px}.intro .lead{font-size:20px}}

.directory-overview{margin-bottom:32px}.story-photo img{object-position:center}
.hero-content{gap:0}.hero-content>.eyebrow{margin-bottom:20px}.hero-intro{margin-top:24px}.hero-content .actions{margin-top:32px}

/* Flagship sector hierarchy */
.priority-hero .hero-art{background-size:cover;background-position:center}
.priority-sectors{padding-top:88px;background:#fff}
.priority-sectors>.container{padding-bottom:48px}
.sector-feature{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:#f1f5f7}
.sector-feature:nth-of-type(even) .sector-picture{order:2}
.sector-picture{min-height:500px;overflow:hidden}
.sector-picture img{width:100%;height:100%;object-fit:cover;display:block}
.sector-copy{padding:72px clamp(32px,5vw,90px);align-self:center}
.sector-copy h2{font-size:clamp(32px,3.4vw,52px);line-height:1.1;margin:20px 0 24px;max-width:540px}
.sector-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:540px}
.sector-copy .sector-proof{font-size:14px!important;border-top:1px solid #bccbd3;padding-top:22px;margin:28px 0;color:#355e72}
.sector-feature.defense{background:#092f45;color:white}
.sector-feature.defense .eyebrow,.sector-feature.defense .sector-proof{color:#a6d9ef}
.sector-feature.padel{background:#e9f1f5}
.wider-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9d6de}
.wider-links>a{padding:32px 32px 20px 0;text-decoration:none;border-bottom:1px solid #c9d6de}
.wider-links>a:hover h3{color:#087eb1}
.wider-links h3{font-size:25px;margin-bottom:12px}
header nav{gap:22px}
@media(min-width:1100px){header nav a{font-size:14px}}
@media(max-width:760px){.priority-sectors{padding-top:56px}.sector-feature{display:flex;flex-direction:column;min-height:0}.sector-feature:nth-of-type(even) .sector-picture{order:0}.sector-picture{height:280px;min-height:280px}.sector-copy{padding:36px 24px 44px}.sector-copy h2{font-size:34px}.wider-links{grid-template-columns:1fr}.sector-copy .button{white-space:normal}.priority-hero .hero-bottom{font-size:10px}}

/* Three distinct, equally sized flagship hero slides. */
.hero-carousel .carousel-images{position:absolute;inset:0;background:#0b3046}
.carousel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease}
.carousel-image.active{opacity:1}
.carousel-images:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,39,.94) 0%,rgba(5,25,39,.75) 42%,rgba(5,25,39,.14) 100%)}
.hero-carousel .hero-content{padding-bottom:112px}
.hero-carousel h1{font-size:clamp(44px,4.7vw,64px);max-width:17ch;min-height:2.24em;line-height:1.12}
.hero-carousel .hero-intro{max-width:52ch;min-height:3.4em}
.hero-carousel .hero-content>.eyebrow{font-size:14px;color:#9ed8ed;letter-spacing:.14em}
.hero-carousel .hero-bottom{align-items:center;padding-block:16px;gap:24px}
.carousel-tabs{display:flex;gap:28px;flex:1}
.carousel-tabs button,.carousel-pause{background:transparent;color:#d4e4eb;border:0;border-radius:0;font:inherit;font-size:14px;letter-spacing:0;min-height:48px;cursor:pointer}
.carousel-tabs button{display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;text-align:left;padding:8px 0}
.carousel-tabs button span{font-size:12px;color:#a0c2d0}
.carousel-tabs button[aria-pressed=true]{color:white;border-color:#6bc9ec}
.carousel-pause{padding:8px 12px;border:1px solid #ffffff55;white-space:nowrap}
.carousel-tabs button:focus-visible,.carousel-pause:focus-visible{outline:2px solid #8bdeff;outline-offset:4px}
@media(max-width:760px){.hero-carousel .hero-content{padding:36px 0 150px;justify-content:center}.hero-carousel h1{font-size:clamp(34px,9vw,40px);min-height:3.36em;max-width:17ch}.hero-carousel .hero-intro{min-height:5.1em;margin-top:18px}.hero-carousel .hero-content>.eyebrow{font-size:12px}.hero-carousel .hero-bottom{align-items:flex-end;gap:12px;padding-block:16px}.carousel-tabs{display:grid;gap:0;grid-template-columns:1fr}.carousel-tabs button{font-size:13px;min-height:32px;padding:4px 0;width:max-content}.carousel-pause{font-size:12px;min-height:44px}.hero-carousel .actions{margin-top:20px;gap:12px}.hero-carousel .button{font-size:13px;padding:14px 18px}.carousel-images:after{background:linear-gradient(90deg,#051927e8,#05192780)}}
@media(prefers-reduced-motion:reduce){.carousel-image{transition:none}}

/* Portfolio refinement: clear brand identity, shared rhythm and readable controls. */
.eyebrow{font-size:12px}.family-nav a,.section-nav a{font-size:14px}.section-nav a{white-space:nowrap}.section-nav>.container{overflow-x:auto}.family-nav>.container:before,.section-nav>.container:before{font-size:12px}.capability p,.info-grid p,.spec-table dd{font-size:16px}label,.form-note,.footer-map a,.footer-top>div{font-size:14px}.footer-bottom{font-size:12px}.capability .eyebrow{font-size:12px}.topbar{font-size:12px}.brand-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-tile{min-height:178px;padding:28px 22px 22px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;flex-direction:column;gap:20px;justify-content:flex-start}.brand-logo{height:80px;width:100%;display:flex;align-items:center;justify-content:center}.brand-tile img{max-width:160px;height:72px;width:100%;object-fit:contain}.brand-tile h3{font:500 14px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:0;text-wrap:wrap}.agency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-grid:has(>article:only-child){grid-template-columns:minmax(0,1fr);max-width:600px}.agency-grid .brand-tile{align-items:flex-start;padding:32px;gap:20px}.agency-grid .brand-logo{justify-content:flex-start}.agency-grid h3{font:600 21px/1.3 Manrope,Arial,sans-serif}.agency-grid p{font:400 16px/1.7 'DM Sans',Arial,sans-serif;text-align:left;color:var(--muted);max-width:40ch}.directory-search{font-size:14px}#brand-count{font-size:14px}.brand-grid+.empty-result{margin-top:20px}.retail-feature{background:var(--off);border-block:1px solid var(--line)}.retail-feature-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.retail-feature-intro>div>p:not(.eyebrow){margin:24px 0 28px;color:var(--muted);max-width:48ch}.retail-feature-intro>img{width:100%;height:420px;object-fit:cover;border-radius:var(--radius)}.retail-brand-preview{margin-top:48px}.portfolio-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.portfolio-caption>p{font-size:14px;color:var(--muted)}.retail-brand-preview .brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.retail-brand-preview .brand-tile{padding:24px 18px;min-height:145px;gap:12px}.retail-brand-preview .brand-logo{height:60px}.retail-brand-preview img{height:50px}.construction-link{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.construction-link>span:first-child{display:flex;align-items:center;gap:24px}.construction-link strong{font-size:20px;font-weight:500}.construction-link>span>span{color:var(--muted);font-size:16px}.construction-link>span:last-child{font-size:28px;color:var(--blue)}.construction-link:hover strong{color:var(--blue)}#soocool{background:var(--navy);color:white}#soocool .eyebrow{color:var(--sky)}#soocool .section-intro{color:#d4e4eb}#soocool .content-heading{max-width:800px}.brand-tile:hover{background:#f9fbfc}.content-section:has(.agency-grid){background:var(--off)}
@media(min-width:1181px){header nav{gap:20px}.nav .logo{width:176px}header nav>a{white-space:nowrap}}
@media(max-width:1180px){.retail-feature-intro{gap:40px}.retail-feature-intro>img{height:370px}.retail-brand-preview .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.eyebrow{font-size:12px}.retail-feature-intro{grid-template-columns:1fr;gap:32px}.retail-feature-intro>img{height:280px}.retail-brand-preview{margin-top:32px}.portfolio-caption{align-items:flex-start;flex-direction:column;gap:8px}.retail-brand-preview .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{padding:22px 16px;min-height:164px;gap:16px}.brand-logo{height:70px}.brand-tile img{height:62px}.agency-grid{grid-template-columns:1fr}.agency-grid .brand-tile{padding:24px}.construction-link>span:first-child{display:block}.construction-link>span>span{display:block;margin-top:8px}.family-nav a,.section-nav a{font-size:14px;min-height:48px}.carousel-tabs button{min-height:44px;font-size:14px}.hero-carousel .hero-content{padding-bottom:184px}.hero-carousel .hero-bottom{padding-block:12px}.hero-carousel .button{font-size:14px}.carousel-pause{font-size:14px}.detail-gallery figcaption{font-size:13px}.form-note,.footer-map a,label{font-size:14px}}
@media(max-width:380px){.hero-carousel h1{font-size:34px}.hero-carousel .hero-content>.eyebrow{margin-bottom:12px}.hero-carousel .hero-intro{margin-top:12px}.hero-carousel .actions{margin-top:16px}.division-copy h1{font-size:32px}}

/* Four equal business areas and a clearer separation of shared capabilities. */
.priority-sectors{padding-block:var(--section)}.priority-sectors>.container{padding-bottom:0}.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.business-card{border-bottom:1px solid var(--line);padding-bottom:32px;min-width:0}.business-image{display:block;position:relative;aspect-ratio:1.85;overflow:hidden;background:var(--off)}.business-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.business-image:hover img{transform:scale(1.025)}.business-image>span{position:absolute;top:20px;left:20px;background:var(--navy);color:white;padding:8px 14px;font-size:14px}.business-copy{padding-top:26px}.business-copy h3{font-size:30px;margin-bottom:16px}.business-copy>p{color:var(--muted);font-size:17px}.business-copy .business-detail{font-size:14px;margin-top:20px;color:var(--blue)}.business-copy>.text-link{margin-top:16px}.shared-capabilities{background:var(--off);border-block:1px solid var(--line)}.shared-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.shared-grid>a{position:relative;border-top:2px solid var(--blue);padding:24px 0 40px}.shared-grid h3{font-size:23px;margin-bottom:16px}.shared-grid p{color:var(--muted);font-size:16px}.shared-grid>a>span{display:block;margin-top:20px;color:var(--blue);font-size:24px}.shared-grid>a:hover h3{color:var(--blue)}.shared-capabilities .retail-brand-preview{margin-top:24px;padding-top:40px;border-top:1px solid var(--line)}.portfolio-caption h3{font-size:24px}.carousel-tabs{gap:20px}.carousel-tabs button{flex:1;line-height:1.4;font-size:14px;max-width:240px}.carousel-tabs button span{flex-shrink:0}.hero-carousel .hero-intro{max-width:56ch}#inspection .detail-gallery{grid-template-columns:1fr;max-width:520px}#inspection .detail-gallery button{aspect-ratio:1.8;padding:32px}#inspection .detail-gallery img{image-rendering:auto}#retail-network .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#retail-network>.container>.button{margin-top:32px}.shared-capabilities .section-top{align-items:flex-end}header nav{gap:18px}
@media(min-width:1181px){header nav a{font-size:13px}}
@media(max-width:760px){.business-grid{grid-template-columns:1fr;gap:36px}.business-card{padding-bottom:28px}.business-copy{padding-top:24px}.business-copy h3{font-size:28px}.business-copy>p{font-size:16px}.business-image{aspect-ratio:1.65}.shared-grid{grid-template-columns:1fr;gap:8px}.shared-grid>a{padding-bottom:24px}.shared-grid h3{font-size:24px}.carousel-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;width:100%}.carousel-tabs button{width:100%;font-size:13px;min-height:48px;gap:6px;align-items:flex-start}.hero-carousel .hero-bottom{align-items:flex-end;gap:10px}.carousel-pause{padding:8px;font-size:12px}.hero-carousel .hero-content{padding-bottom:164px}#retail-network .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-caption h3{font-size:23px}.shared-capabilities .retail-brand-preview{padding-top:32px}.shared-grid>a>span{margin-top:12px}}

/* Preserve the full supplied shelter photographs at a restrained display size. */
#sunshades .detail-gallery button{aspect-ratio:1.8;padding:20px;background:#f4f7f8}
#sunshades .detail-gallery img{max-height:270px;object-fit:contain}
#sunshades .directory-overview{margin-top:28px;margin-bottom:0}
@media(max-width:760px){#sunshades .detail-gallery{grid-template-columns:1fr;gap:28px}#sunshades .detail-gallery button{aspect-ratio:1.55;padding:12px}#sunshades figcaption{font-size:14px}}

/* Photographic sections and purposeful information graphics. */
.section-visual{margin:0;min-width:0}.section-visual figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.section-visual .section-photo{height:380px}.has-photo .detail-gallery,.has-photo .brand-grid,.has-photo .process-graphic,.has-photo .component-key,.has-photo .supply-graphic,.has-photo .network-graphic,.has-photo .material-palette{grid-column:1/-1}.has-photo>.container>.button,.has-photo>.container>.directory-overview{justify-self:start}.process-graphic{list-style:none;display:flex;margin:0 0 32px;padding:0;border:1px solid #294f63;background:var(--navy);color:white;width:100%}.process-graphic li{position:relative;flex:1;min-width:0;padding:32px 28px;border-right:1px solid #ffffff25}.process-graphic li:last-child{border-right:0}.process-number{display:block;color:var(--sky);font:500 36px/1 Manrope,Arial,sans-serif;margin-bottom:28px}.process-graphic h3{font-size:22px;margin-bottom:12px}.process-graphic p{font-size:15px;color:#d4e3ea;line-height:1.65}.process-arrow{position:absolute;right:-13px;top:31px;background:var(--navy);width:25px;text-align:center;color:var(--sky);font-size:24px;z-index:1}.component-key{list-style:none;margin:0;padding:24px 0;display:flex;gap:20px;justify-content:space-between;border-block:1px solid var(--line)}.component-key li{display:flex;gap:12px;align-items:center;font-size:15px}.component-key li>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--blue);color:var(--blue);border-radius:50%;font-weight:600}.network-graphic{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:center;padding:48px;background:var(--navy);color:white}.network-hub{display:flex;flex-direction:column;position:relative}.network-hub>.eyebrow{color:var(--sky)}.network-hub>strong{font:500 52px/1.1 Manrope,Arial,sans-serif}.network-hub>span:last-child{margin-top:14px;color:#c7dce6}.network-hub:after{content:'';position:absolute;right:-64px;top:50%;width:64px;height:1px;background:#72cce388}.network-branches{border-left:1px solid #72cce388;padding-left:36px;display:grid;gap:24px}.network-branches>div{position:relative;padding:20px 24px;background:#ffffff08;border:1px solid #ffffff25}.network-branches>div:before{content:'';position:absolute;left:-37px;top:50%;width:36px;height:1px;background:#72cce388}.network-branches strong,.network-branches span{display:block}.network-branches strong{font-size:18px;font-weight:500}.network-branches span{font-size:14px;color:#c7dce6;margin-top:4px}.material-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);margin-bottom:32px}.material-palette>div{padding:30px;border-right:1px solid var(--line);background:var(--off)}.material-palette>div:last-child{border-right:0}.material-number{display:block;font-size:14px;color:var(--blue);margin-bottom:24px}.material-palette h3{font-size:30px;margin-bottom:10px}.material-palette p{font-size:14px;color:var(--muted)}.supply-graphic{display:flex;border-block:1px solid var(--line);margin:0 0 32px}.supply-graphic>div{flex:1;min-width:0;padding:24px;border-right:1px solid var(--line);background:var(--off)}.supply-graphic>div:last-child{border:0}.supply-graphic span{display:block;color:var(--blue);font-size:14px;margin-bottom:20px}.supply-graphic strong{font:500 23px/1.4 Manrope,Arial,sans-serif}.is-diagram .section-visual .section-photo{object-fit:contain;background:white}.detail-gallery:has(figure:nth-child(3):last-child) button{aspect-ratio:1.65;padding:0}.detail-gallery:has(figure:nth-child(3):last-child) img{object-fit:contain;background:var(--off)}
@media(max-width:960px){.process-graphic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.process-graphic li{border-bottom:1px solid #ffffff25}.process-arrow{display:none}.component-key{flex-wrap:wrap;justify-content:flex-start}.material-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.network-graphic{padding:32px;gap:32px}.network-hub:after{right:-32px;width:32px}}
@media(max-width:760px){.section-visual .section-photo{height:auto;aspect-ratio:1.45}.section-visual figcaption{font-size:12px}.process-graphic{grid-template-columns:1fr 1fr;margin-bottom:20px}.process-graphic li{padding:24px 18px}.process-number{font-size:30px;margin-bottom:20px}.process-graphic h3{font-size:19px}.process-graphic p{font-size:14px}.network-graphic{grid-template-columns:1fr;gap:28px;padding:28px}.network-hub>strong{font-size:40px}.network-hub:after{display:none}.network-branches{padding-left:24px}.network-branches>div{padding:16px}.network-branches>div:before{left:-25px;width:24px}.network-branches strong{font-size:17px}.material-palette>div{padding:24px}.material-palette h3{font-size:25px}.supply-graphic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.supply-graphic>div{padding:20px;border-bottom:1px solid var(--line)}.supply-graphic strong{font-size:20px}.component-key{gap:16px}.component-key li{width:calc(50% - 8px);font-size:14px}.detail-gallery:has(figure:nth-child(3):last-child){grid-template-columns:1fr}.detail-gallery:has(figure:nth-child(3):last-child) button{aspect-ratio:1.65}}
.approach-photo{margin-top:32px}.approach-photo img{width:100%;height:280px;object-fit:cover}.approach-photo figcaption{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.approach-photo img{height:240px}}

/* Project films live with their project, and related links do not repeat hero photography. */
.project-media{position:relative;aspect-ratio:1.65;overflow:hidden;background:var(--navy);border-radius:var(--radius)}
.project-media video{display:block;width:100%;height:100%;object-fit:cover}
.project-play{position:absolute;inset:auto 20px 22px auto;display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid #ffffff80;background:#082b43eb;color:white;padding:12px 18px;border-radius:3px;font:500 14px/1.4 'DM Sans',sans-serif;box-shadow:0 6px 20px #0002}
.project-play:hover{background:var(--blue)}.project-play[hidden]{display:none}.project-play>span{font-size:18px}
.project-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.project-meta .eyebrow{margin:0 0 12px}.project-format{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.project-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.project-actions button.text-link{background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 8px;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.related-links>a{position:relative;padding:30px 60px 30px 0;border-bottom:1px solid var(--line);margin-right:32px;transition:color .2s}.related-links h3{font-size:23px;margin:12px 0 0}.related-links .eyebrow{font-size:12px}.related-arrow{position:absolute;right:8px;top:50%;font-size:28px;color:var(--blue)}.related-links>a:hover h3{color:var(--blue)}
.facility-map{display:grid;grid-template-columns:1fr 1.5fr;background:var(--navy);color:white;margin:0 0 40px;grid-column:1/-1}.facility-map-title{padding:44px;border-right:1px solid #ffffff30}.facility-map-title .eyebrow{color:var(--sky)}.facility-map-title h3{font-size:32px;line-height:1.3;margin:20px 0}.facility-map-title p{font-size:16px;color:#d4e3ea}.facility-map-grid{display:grid;grid-template-columns:1fr 1fr}.facility-map-grid>div{padding:32px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.facility-map-grid>div>span{color:var(--sky);font-size:14px}.facility-map-grid h4{font:500 23px/1.3 Manrope,sans-serif;margin:18px 0 8px}.facility-map-grid p{font-size:15px;color:#d4e3ea}
@media(max-width:760px){.project-play{inset:auto 12px 14px auto;padding:10px 14px}.project-meta{margin-top:20px}.project-actions{gap:16px}.project-format{font-size:12px}.related-links{grid-template-columns:1fr}.related-links>a{margin-right:0;padding:24px 44px 24px 0}.related-links h3{font-size:22px}.facility-map{grid-template-columns:1fr}.facility-map-title{padding:28px;border-right:0;border-bottom:1px solid #ffffff30}.facility-map-title h3{font-size:28px}.facility-map-grid>div{padding:24px 20px}.facility-map-grid h4{font-size:21px}}

.court-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;margin:0;border-block:1px solid var(--line)}.court-facts>div{display:flex;flex-direction:column-reverse;gap:16px;padding:28px;border-right:1px solid var(--line);background:var(--off)}.court-facts>div:last-child{border:0}.court-facts dt{font-size:14px;color:var(--muted)}.court-facts dd{font:500 34px/1.2 Manrope,sans-serif;color:var(--blue);margin:0}.detail-gallery:has(figure:only-child){grid-template-columns:minmax(0,1fr);max-width:620px}.detail-gallery:has(figure:only-child) button{aspect-ratio:1.65}.detail-gallery:has(figure:only-child) img{object-fit:contain}@media(max-width:760px){.court-facts{grid-template-columns:1fr 1fr}.court-facts>div{padding:24px 18px;border-bottom:1px solid var(--line)}.court-facts dd{font-size:30px}}

/* Quiet, arrow-free navigation and graphic accents. */
.division-hero:after,.division-hero:not(.with-image)>.container:after,.capability-visual.abstract:before,.capability-visual.abstract:after{display:none}
.content-section>.container>.eyebrow:before,.section-top .eyebrow:before{transform:none}
.related-links>a{padding-right:24px}

/* Shared editorial system: type, rhythm, navigation and responsive surfaces. */
:root{--section:clamp(64px,6.1vw,88px);--gutter:clamp(24px,4vw,48px);--radius:4px}
body{font-size:1rem;line-height:1.7}
h1,h2,h3{font-weight:500;letter-spacing:-.035em}h2{font-size:clamp(2rem,3vw,2.75rem);line-height:1.2}h3{letter-spacing:-.02em}
p{max-width:65ch}button,input,select,textarea{font-size:1rem}button{touch-action:manipulation}
.eyebrow{font-size:.75rem;letter-spacing:.12em;line-height:1.6;margin-bottom:16px}
header nav>a{font-size:.875rem}.button,.button.small{justify-content:center;font-size:.875rem;min-height:48px;gap:12px}.button{padding:15px 24px;min-height:52px}
.text-link{font-size:.875rem;min-height:44px;padding-block:8px;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
header nav>a[aria-current=page]:not(.button){box-shadow:inset 0 -2px var(--blue)}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:.875rem;line-height:1.4;margin-bottom:24px;flex-wrap:wrap}
.breadcrumb a{display:inline-flex;align-items:center;min-height:32px;color:#c6dce7}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px}.breadcrumb>span{color:#7da1b3}
.division-copy h1{font-size:clamp(2.5rem,3.65vw,3.25rem);line-height:1.13;letter-spacing:-.04em}
.division-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:#d3e3eb}.division-image{border:0}
.family-nav>.container{gap:28px}.family-nav>.container:before{content:'RELATED PAGES';white-space:nowrap;font-size:.75rem}
.family-nav a,.section-nav a{font-size:.875rem;min-height:56px}.section-nav>.container{gap:26px}.section-nav a[aria-current=location]{font-weight:600}
.section-top{align-items:flex-end;gap:40px;margin-bottom:40px}.section-top>p{max-width:37ch}.section-top>.text-link{flex-shrink:0}
.content-heading{max-width:760px;margin-bottom:36px}.section-intro{font-size:1.0625rem;line-height:1.75;margin-top:20px}
.content-section.has-photo>.container{gap:36px 56px}.content-section.has-photo .content-heading{max-width:600px}
.content-section>.container>.button,.content-section>.container>.directory-overview{margin-top:28px;margin-bottom:0}
.content-section.has-photo>.container>.button,.content-section.has-photo>.container>.directory-overview{margin-top:0}
.content-section:focus{outline:none}.section-visual figcaption,figcaption{font-size:.8125rem;line-height:1.6;margin-top:12px}
.info-grid{column-gap:40px}.info-grid article{padding-block:28px}.info-grid h3{font-size:1.375rem;line-height:1.35}.info-grid p,.capability p,.spec-table dd{font-size:1rem}
.capability-body{padding:28px}.capability h3{font-size:1.625rem}.capability .eyebrow{font-size:.75rem}.capability-grid.text-only .capability-body{min-height:0}
.business-grid{gap:48px 32px}.business-copy h3{font-size:clamp(1.625rem,2.15vw,1.875rem)}.business-copy>p{font-size:1rem}.business-copy .business-detail{font-size:.875rem;line-height:1.6}
.business-image{border-radius:var(--radius)}.business-card{display:flex;flex-direction:column}.business-copy{display:flex;flex-direction:column;flex:1}.business-copy>.text-link{align-self:flex-start;margin-top:20px}
.retail-partners{padding-top:0}.retail-partners .retail-brand-preview{margin:0;border-top:1px solid var(--line);padding-top:40px}.retail-partners .portfolio-caption{margin-bottom:28px}.retail-partners .brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.shared-grid>a{padding-bottom:28px}.shared-grid h3{font-size:1.375rem}.related-links{column-gap:32px}.related-links>a{margin:0;padding:28px 0}.related-links h3{font-size:1.375rem}
.process-graphic{margin:0 0 32px}.process-graphic li{padding:28px 24px}.process-number{font-size:2rem;margin-bottom:24px}.process-graphic h3{font-size:1.375rem}.process-graphic p{font-size:1rem;line-height:1.65}
.material-palette p,.facility-map-grid p{font-size:1rem}.supply-graphic strong{font-size:1.375rem}.material-palette h3{font-size:1.75rem}
.product-category h3{font-size:1.375rem;line-height:1.35}.product-category>span:first-of-type{font-size:.75rem}.product-category>span:last-child{font-size:.875rem}
.project-meta{align-items:baseline}.project-card h3{font-size:1.75rem}.project-image span{font-size:.875rem}.project-actions{gap:16px 24px}.project-actions button.text-link{padding:8px 0}
.brand-tile h3{font-size:.875rem}.brand-tile{transition:background .2s}.brand-logo{flex-shrink:0}.agency-grid p{font-size:1rem}
label,.form-note{font-size:.875rem}input,select,textarea{font-size:1rem}.contact form{padding:32px}.contact-email{overflow-wrap:anywhere}
summary,details p{font-size:1rem}summary{min-height:64px}details p{padding-right:24px}
.footer-map a{font-size:.875rem;min-height:44px;display:flex;align-items:center}.footer-map h3{font-size:1rem}.footer-top>div a{min-height:44px;display:flex;align-items:center}
#office-details{font-size:1rem}.topbar{font-size:.75rem}.location{min-height:108px}
.hero-carousel .hero-content{padding-top:40px;padding-bottom:124px}.hero-carousel h1{font-size:clamp(2.5rem,4.5vw,4rem);letter-spacing:-.04em}.hero-carousel .hero-intro{font-size:1.0625rem;line-height:1.7;margin-top:24px}.hero-carousel .hero-content>.eyebrow{font-size:.8125rem}
.carousel-tabs button{font-size:.875rem;min-height:52px}.carousel-pause{font-size:.875rem;min-height:44px}
@media(min-width:1181px){header nav{gap:22px}.nav .logo{width:176px}.nav{gap:24px}}
@media(min-width:761px) and (max-width:1100px){.division-copy h1{font-size:2.5rem}.process-graphic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.retail-partners .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shared-grid{gap:24px}.content-section.has-photo>.container{gap:32px}}
@media(max-width:760px){
 :root{--gutter:20px;--section:56px}
 h2{font-size:2rem;line-height:1.22}.topbar .container>span{max-width:180px}
 .hero,.division-hero{height:auto;min-height:var(--hero-height)}
 .division-hero>.container,.division-hero.with-image>.container{height:auto;min-height:var(--hero-height)}
 .division-copy,.division-hero.with-image .division-copy{height:auto;min-height:470px;padding-block:32px;justify-content:center}
 .division-copy h1{font-size:2.125rem;line-height:1.15;max-width:22ch}.division-copy>p:not(.eyebrow){font-size:1rem;margin-top:20px}.division-copy .button{font-size:.875rem;max-width:100%;margin-top:24px}
 .division-image{height:220px;min-height:220px}.breadcrumb{margin-bottom:16px;font-size:.875rem}
 .hero-carousel .hero-content{min-height:690px;padding:40px 0 174px;justify-content:center}.hero-carousel h1{font-size:2.25rem;min-height:3.36em;line-height:1.12}.hero-carousel .hero-intro{font-size:1rem;min-height:5.1em;margin-top:16px}.hero-carousel .hero-content>.eyebrow{font-size:.75rem;margin-bottom:16px}
 .hero-carousel .hero-bottom{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 0}.carousel-tabs{gap:4px 16px}.carousel-tabs button{font-size:.875rem;min-height:44px;align-items:center;max-width:none}.carousel-pause{justify-self:end;padding:4px 12px;min-height:36px;font-size:.8125rem}.hero-carousel .actions{margin-top:20px;gap:12px}
 .family-nav>.container,.section-nav>.container{gap:24px}.family-nav a,.section-nav a{min-height:52px}
 .section-top{margin-bottom:32px}.section-top>.text-link{margin-top:20px}.section-top>p{margin-top:20px}.content-section.has-photo>.container{gap:28px}.section-intro{font-size:1rem}
 .info-grid{gap:0}.info-grid h3{font-size:1.375rem}.business-grid{gap:36px}.business-copy{padding-top:24px}.business-copy h3{font-size:1.75rem}.business-copy .business-detail{margin-top:16px}
 .retail-partners .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-partners .retail-brand-preview{padding-top:32px}.retail-partners .portfolio-caption{gap:12px}.portfolio-caption h3{font-size:1.5rem}
 .process-graphic{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.process-graphic li{padding:24px 18px}.process-graphic h3{font-size:1.25rem}.process-graphic p{font-size:1rem}.process-number{font-size:1.75rem;margin-bottom:18px}
 .material-palette>div{padding:24px 18px}.material-palette h3{font-size:1.5rem}.supply-graphic strong{font-size:1.25rem}.facility-map-grid h4{font-size:1.25rem}.court-facts dd{font-size:1.875rem}
 .project-card h3{font-size:1.625rem}.project-meta{gap:12px}.project-format{font-size:.75rem}.related-links{gap:0}.related-links>a{padding:24px 0}
 .detail-gallery figcaption,.section-visual figcaption{font-size:.8125rem}.contact form{padding:24px}.contact h2{font-size:2.25rem}.form-note{font-size:.875rem}
 .footer-map{column-gap:24px;row-gap:32px}.footer-map a{font-size:.875rem}.footer-bottom{font-size:.75rem}.shared-grid h3{font-size:1.375rem}
}
@media(max-width:420px){.process-graphic{grid-template-columns:1fr}.process-graphic li{border-right:0}.process-graphic li:last-child{border-bottom:0}.product-grid{grid-template-columns:1fr}.footer-map{grid-template-columns:1fr 1fr}.topbar .container>span{max-width:155px}.hero-carousel h1{font-size:2.125rem}}
@media(max-width:360px){.hero-carousel .hero-content{min-height:750px}.division-copy h1{font-size:2rem}.footer-map{grid-template-columns:1fr}.facility-map-grid{grid-template-columns:1fr}.rr-page .container{width:calc(100% - 32px)}}

/* Visual service guides: photography paired with decisions, not repeated decoration. */
.visual-guide-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}.visual-guide-grid.three-guides{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-guide{min-width:0;background:var(--off);border:1px solid var(--line);border-radius:4px;overflow:hidden}.guide-photo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.7;border:0;padding:0;background:#e8eef1;cursor:zoom-in}.guide-photo img{width:100%;height:100%;object-fit:contain}.guide-photo>span{position:absolute;bottom:12px;right:12px;padding:8px 12px;background:#fffffff2;color:var(--ink);font-size:.8125rem}.guide-copy{padding:28px}.guide-copy h3{font-size:1.5rem;margin-bottom:14px}.guide-copy>p{font-size:1rem;color:var(--muted)}.guide-copy dl{margin-top:24px;border-top:1px solid var(--line)}.guide-copy dl>div{padding-block:16px;border-bottom:1px solid var(--line)}.guide-copy dt{font-size:.875rem;font-weight:600}.guide-copy dd{margin:5px 0 0;font-size:.875rem;color:var(--muted)}
#sunshades .guide-photo img{object-fit:scale-down;padding:16px}#sunshades .visual-guide-grid{margin-top:0}
.brand-families{display:grid;gap:40px}.brand-families>section>h3{font-size:1.5rem;margin-bottom:20px}.brand-families .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-families .brand-tile{min-height:160px}
.court-explorer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding:36px;border:1px solid var(--line);background:var(--off);margin-bottom:32px}.court-explorer figure{display:flex;flex-direction:column;justify-content:center;min-width:0}.court-explorer img{width:100%;height:310px;object-fit:contain;background:white}.court-explorer figcaption{font-size:.8125rem}.component-controls{min-width:0}.component-buttons{display:flex;gap:8px;flex-wrap:wrap}.component-buttons button{display:flex;gap:10px;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #b8cdd7;background:white;color:var(--ink);font-size:.875rem;text-align:left;border-radius:3px}.component-buttons button>span{color:var(--blue);font-size:.75rem}.component-buttons button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.component-buttons button[aria-pressed=true]>span{color:var(--sky)}#component-description{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;min-height:210px}#component-description h3{font-size:1.375rem;margin-bottom:12px}#component-description p{font-size:1rem;color:var(--muted)}
#profile.has-photo .section-photo{object-fit:contain;height:420px;background:var(--off);padding:20px}#profile.has-photo>.container{grid-template-columns:1fr .65fr}#profile.has-photo .section-visual{grid-column:2;grid-row:1/3}#profile.has-photo>.container>.button{grid-column:1;justify-self:start;margin-top:0}
.has-photo .brand-families{grid-column:1/-1}#soocool figcaption{color:#c9dce6}.project-card:only-child{max-width:800px}.project-grid:has(.project-card:only-child){grid-template-columns:minmax(0,1fr)}
@media(max-width:1000px){.visual-guide-grid.three-guides{grid-template-columns:1fr}.three-guides .visual-guide{display:grid;grid-template-columns:1fr 1fr}.three-guides .guide-photo{height:100%;min-height:220px}.court-explorer{gap:28px;padding:28px}.brand-families .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.visual-guide-grid,.visual-guide-grid.three-guides{grid-template-columns:1fr;gap:24px}.three-guides .visual-guide{display:block}.guide-copy{padding:24px}.guide-copy h3{font-size:1.375rem}.guide-photo,.three-guides .guide-photo{height:auto;min-height:0;aspect-ratio:1.65}.court-explorer{grid-template-columns:1fr;padding:20px;gap:28px}.court-explorer img{height:auto;aspect-ratio:1.5}#component-description{min-height:220px}.component-buttons button{flex:1 0 40%;padding:10px}.brand-families{gap:32px}.brand-families .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#profile.has-photo>.container{grid-template-columns:1fr}#profile.has-photo .section-visual{grid-column:auto;grid-row:auto}#profile.has-photo>.container>.button{grid-column:auto}#profile.has-photo .section-photo{height:360px}}
@media(min-width:761px){.brand-families>section:first-child .brand-grid,.brand-families>section:last-child .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.brand-product-scene{margin:24px 0 28px}.brand-product-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.brand-product-scene figcaption{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.6}.brand-product-scene figcaption span{display:block;font-size:12px}

/* One masthead across all business divisions. */
body .topbar{display:none}body{--header:112px}
body header{border:0;border-bottom:1px solid var(--line);background:#fff;z-index:40}
body .nav{height:112px;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:48px 64px;gap:0;align-items:center}
body .nav>a{grid-column:1;grid-row:1/3;padding:0}
body .nav .logo{width:190px;height:60px}
body #navigation{display:contents}
.nav-utility{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:28px;border-bottom:1px solid var(--line);height:48px}
.nav-utility>a{font-size:14px;font-weight:500;min-height:40px;display:flex;align-items:center;color:var(--muted)}
.nav-utility .button.small{background:none;border:0;border-radius:0;padding:0;color:var(--blue);min-height:40px;font-weight:600}
.nav-utility .button.small:hover{background:none;color:var(--navy);box-shadow:none}
.nav-businesses{grid-column:2;grid-row:2;display:flex;justify-content:space-between;align-items:stretch;gap:20px;height:64px}
.nav-businesses>a{position:relative;display:flex;align-items:center;min-height:48px;padding:0;font-size:16px;font-weight:500;letter-spacing:0;color:var(--ink);transition:color .18s;white-space:nowrap}
.nav-businesses>a:hover,.nav-businesses>a[aria-current=page]{color:var(--blue)}
.nav-businesses>a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.nav-businesses>a:hover:after,.nav-businesses>a[aria-current=page]:after{transform:scaleX(1)}
@media(min-width:761px){body .menu{display:none}}
@media(min-width:761px) and (max-width:1000px){body .nav{grid-template-columns:190px 1fr}.nav-businesses{gap:16px}.nav-businesses>a{font-size:14px}body .nav .logo{width:160px}}
@media(max-width:760px){body{--header:78px}
 body .nav{height:auto;min-height:78px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;position:relative}
 body .nav>a{padding:16px 0}body .nav .logo{width:160px;height:46px}
 body .menu{display:flex;align-items:center;gap:12px;background:none;color:var(--ink);border:1px solid var(--line);border-radius:0;padding:10px 14px;min-height:44px;font-size:14px}
 body #navigation{display:none;position:static;width:100%;padding:0 0 20px;box-shadow:none;background:white;max-height:calc(100dvh - 90px);overflow-y:auto}
 body #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .nav-businesses{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:0;border-top:1px solid var(--line)}
 .nav-businesses>a{min-height:66px;padding:16px 10px;font-size:15px;line-height:1.4;white-space:normal;border-bottom:1px solid var(--line)}
 .nav-businesses>a:nth-child(odd){padding-left:0}.nav-businesses>a[aria-current=page]{background:#f1f6f8}
 .nav-businesses>a:after{display:none}
 .nav-utility{height:auto;justify-content:space-between;gap:16px;padding-top:16px;flex-wrap:wrap;border:0}
 .nav-utility>a{padding:0!important}.nav-utility .button.small{margin:0;padding:0!important}
}
/* Clear corporate masthead: quiet utilities above four equal divisions. */
body header{box-shadow:0 3px 18px #10374906;border-top:3px solid #137fa5}
body .nav{grid-template-columns:225px minmax(0,1fr);grid-template-rows:43px 67px;height:110px}
body .nav .logo{width:184px;height:62px;object-fit:contain}
.nav-utility{height:43px;border-bottom:1px solid #e7edef;gap:26px}
.nav-utility>a{font-size:12px;letter-spacing:.015em;color:#637781}
.nav-utility .button.small{font-size:12px;color:#125a79}
.nav-businesses{height:67px;gap:0;display:grid;grid-template-columns:repeat(4,auto)}
.nav-businesses>a{justify-content:center;padding:0 16px;font-size:14px;font-weight:600;letter-spacing:-.015em}
.nav-businesses>a:first-child{padding-left:0;justify-content:flex-start}
.nav-businesses>a:last-child{padding-right:0;justify-content:flex-end}
.nav-businesses>a:after{height:2px;bottom:12px;left:16px;right:16px}.nav-businesses>a:first-child:after{left:0}.nav-businesses>a:last-child:after{right:0}
@media(min-width:761px) and (max-width:1050px){body .nav{grid-template-columns:170px minmax(0,1fr)}body .nav .logo{width:148px}.nav-businesses>a{font-size:12px;padding-inline:9px}.nav-businesses>a:after{left:9px;right:9px}}
@media(max-width:760px){body .nav{height:auto;min-height:78px;display:flex}body .nav .logo{width:155px;height:46px}.nav-businesses{grid-template-columns:1fr;height:auto;gap:0}.nav-businesses>a,.nav-businesses>a:first-child,.nav-businesses>a:last-child{justify-content:flex-start;padding:19px 16px!important;font-size:18px;min-height:64px;border-bottom:1px solid #e4ecef}.nav-businesses>a[aria-current=page]{border-left:3px solid #1387ac;background:#f0f6f8}.nav-utility{height:auto;border:0;gap:20px;padding:18px 16px 8px}.nav-utility>a{font-size:13px}body .menu{border-radius:4px;border-color:#d8e3e8;font-weight:500}}
body header{position:sticky;top:0}.mega-group{display:flex;align-items:stretch}.mega-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:0;padding:0 12px;color:var(--ink);font:600 14px/1.3 'DM Sans',sans-serif;cursor:pointer}.mega-trigger span{font-size:17px;font-weight:400;color:#63808a}.mega-trigger[aria-expanded=true],.mega-trigger[data-current]{color:#117ca3}.mega-trigger[aria-expanded=true] span{transform:rotate(45deg)}.mega-trigger:focus-visible{outline:2px solid #1485ac;outline-offset:-4px}.mega-panel[hidden]{display:none!important}.mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 24px 36px #092f4526;border-top:1px solid #e2e9ec;padding:36px max(4vw,calc((100vw - 1248px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;z-index:50}.mega-kicker{font-size:10px;letter-spacing:.13em;color:#718991}.mega-intro h2{font-size:26px;letter-spacing:-.025em;margin:12px 0}.mega-intro p{font-size:14px;line-height:1.7;color:#687f88;margin:0 0 20px}.mega-panel .mega-overview{font-size:13px;color:#08769f;text-decoration:underline;text-underline-offset:5px}.mega-links{display:grid;align-content:start;gap:0}.mega-links a{padding:13px 0;border-bottom:1px solid #e7edef;font-size:15px;color:#203e4c;min-height:44px}.mega-links a:hover{color:#08769f}.mega-panel>img{width:100%;height:220px;object-fit:cover;border-radius:4px}.mega-close{position:absolute;right:20px;top:10px;font-size:11px;color:#627d89;background:none;border:0;cursor:pointer;padding:8px}.mega-panel a:focus-visible{outline:2px solid #1685b0;outline-offset:4px}@media(max-width:1050px) and (min-width:761px){.mega-trigger{font-size:12px;padding:0 8px;gap:7px}.mega-panel{gap:24px;padding:30px 4vw}.mega-intro h2{font-size:23px}}@media(max-width:760px){.mega-group{display:block;border-bottom:1px solid #dde7eb}.mega-trigger{font-size:18px;padding:20px 12px;min-height:64px}.mega-panel{position:static;box-shadow:none;border-top:0;padding:6px 12px 24px;display:block}.mega-panel>img{display:none}.mega-intro h2,.mega-kicker,.mega-close{display:none}.mega-intro p{font-size:13px;margin-bottom:12px}.mega-links{margin-top:16px}.mega-links a{font-size:14px;padding:12px}.mega-overview{display:inline-block;padding:8px 0}.nav-businesses{display:block}}
/* Full-width two-tier masthead. */
@media(min-width:761px){
 body{--header:132px}body .nav{height:132px;grid-template-columns:230px minmax(0,1fr);grid-template-rows:76px 56px}
 body .nav>a{grid-column:1;grid-row:1;padding:0}body .nav .logo{width:184px;height:60px}
 .nav-utility{grid-column:2;grid-row:1;height:76px;border:0;gap:30px}
 .nav-utility>a{font-size:13px;color:#546d79}
 .nav-utility .button.small{background:#0c4259;color:white;padding:0 21px!important;min-height:40px;border-radius:4px;text-decoration:none}
 .nav-utility .button.small:hover{background:#126080;color:white}
 .nav-businesses{grid-column:1/-1;grid-row:2;width:100%;height:56px;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e3ebee}
 .mega-group{position:static;min-width:0}.mega-trigger{justify-content:center;font-size:14px;gap:13px;position:relative;padding:0 16px}
 .mega-trigger:after{content:'';position:absolute;left:28px;right:28px;bottom:0;height:2px;background:#1484aa;transform:scaleX(0);transition:transform .18s}
 .mega-trigger[aria-expanded=true]:after,.mega-trigger[data-current]:after{transform:scaleX(1)}
 .mega-trigger:hover{background:#f5f9fa;color:#117a9f}
 .mega-group+.mega-group{border-left:1px solid #edf1f3}
}
@media(min-width:761px) and (max-width:1000px){.mega-trigger{font-size:13px;padding:0 8px;gap:8px}}

/* v38 — client company presentation */
.about-page .division-image{object-fit:contain;background:#071924;padding:24px}
.about-section-nav>.container{justify-content:center;gap:26px}.about-section-nav>.container:before{display:none}.about-section-nav a{font-size:15px;padding:18px 0}
.grainger-signature{display:block;width:260px;max-width:100%;height:auto;margin:24px 0 36px}
.credential-strip{display:grid;grid-template-columns:290px 1fr;gap:36px;align-items:center;border-block:1px solid var(--line);padding:26px 0;margin:28px 0}.credential-art{position:relative;width:290px;height:150px;overflow:hidden;background:white}.credential-art img{position:absolute;width:480px;max-width:none;left:-97px;top:-122px}.credential-strip h3{font-size:24px;margin-bottom:8px}.credential-strip p{max-width:48ch;color:var(--muted)}
.world-map{position:relative;width:min(100%,1000px);margin:12px auto 24px;aspect-ratio:900/425}.world-map>img,.world-map>svg{position:absolute;inset:0;width:100%;height:100%}.map-country{position:absolute;transform:translateY(-50%);background:#103448;color:#e3f3fa;border:1px solid #587b8b;border-radius:4px;padding:8px 12px;font:500 12px/1.3 inherit;white-space:nowrap;cursor:pointer;min-height:36px}.map-country.active{background:#9cdcf4;color:#082e42;border-color:#9cdcf4}.map-country:hover{border-color:white}.office-country{font-size:18px;font-weight:600;margin-bottom:10px}.office-map-link{display:inline-flex;margin-top:12px;border-bottom:1px solid #87b9cf;font-size:14px;padding-bottom:3px}#office-details{min-height:172px}#office-details p{margin-top:0}
footer{padding-top:28px!important}.footer-top{padding-top:0!important;padding-bottom:20px!important;min-height:0!important}.footer-map{padding-block:24px!important;gap:24px}.footer-map h3{margin-bottom:12px}.footer-map a{min-height:32px;line-height:1.45;padding-block:5px}.footer-bottom{padding-block:16px!important;gap:20px;align-items:center}.footer-socials{display:flex;gap:8px;margin-left:auto}.footer-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--navy)}.footer-socials svg{width:17px;height:17px}.footer-socials a:hover{background:var(--off)}
@media(max-width:760px){.about-page .division-image{padding:12px}.about-section-nav>.container{justify-content:flex-start;gap:22px}.credential-strip{grid-template-columns:1fr;gap:16px}.world-map{margin:12px 0;aspect-ratio:900/510}.world-map>img,.world-map>svg{height:83.33%}.map-country{font-size:10px;padding:6px;min-height:36px;left:60%!important}.world-map [data-map-office="uk"]{top:14%!important}.world-map [data-map-office="qatar"]{top:37%!important}.world-map [data-map-office="uae"]{top:60%!important}.world-map [data-map-office="ksa"]{top:83%!important}.world-map svg{display:none}.footer-bottom{flex-wrap:wrap}.footer-socials{margin-left:0}.footer-map a{min-height:38px}#office-details{min-height:220px}}

.catalogue-parts{max-width:760px;border-block:1px solid var(--line);padding:20px 0}.catalogue-parts summary{cursor:pointer;font-weight:600}.catalogue-parts>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:20px}.catalogue-parts a{padding:12px;border:1px solid var(--line);font-size:14px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}}

/* Retail & Distribution — client revision, October 2026. */
.retail-page .soocool-hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:430px;padding-top:64px;padding-bottom:64px}
.retail-page .soocool-hero .division-copy{padding:0;max-width:520px}
.retail-page .soocool-hero h1{font-size:clamp(34px,3.4vw,52px);line-height:1.12;max-width:520px}
.retail-page .soocool-hero .division-copy>p:not(.eyebrow){max-width:470px}
.retail-page .soocool-signature{display:flex;align-items:center;justify-content:center;padding:32px 0}
.retail-page .soocool-signature img{width:100%;max-width:560px;height:auto;object-fit:contain}
.retail-page #retail-products,.retail-page #retail-portfolio,.retail-page #retail-network{padding:64px 0}
.retail-page #retail-products .content-heading{margin-bottom:28px}
.retail-page #retail-products .container,.retail-page #retail-portfolio .container,.retail-page #retail-network .container{display:block}
.retail-slide-stage{aspect-ratio:2.15;overflow:hidden;border-radius:6px;background:#eef2f1}
.retail-slide{position:relative;margin:0;width:100%;height:100%;animation:retail-reveal .3s ease}
.retail-slide[hidden]{display:none}
.retail-slide img{width:100%;height:100%;object-fit:cover;display:block}
.retail-slide figcaption{position:absolute;inset:auto 0 0;padding:56px 32px 24px;color:white;background:linear-gradient(transparent,rgba(6,25,36,.86));display:flex;align-items:end;justify-content:space-between;gap:24px}
.retail-slide figcaption h3{color:white;font-size:clamp(22px,2.5vw,34px);margin:6px 0 0}
.retail-slide figcaption span{font-size:13px;letter-spacing:.06em}
.retail-slide figcaption small{max-width:235px;font-size:11px;line-height:1.5}
.retail-slide-controls{display:flex;align-items:center;gap:24px;padding-top:16px}
.retail-slide-status{font-size:12px;letter-spacing:.12em;margin:0;color:#516975}
.retail-slide-dots{display:flex;gap:4px}
.retail-slide-dots button{border:0;background:transparent;padding:16px 7px;cursor:pointer;min-height:44px}
.retail-slide-dots span{display:block;width:28px;height:3px;background:#c7d5da}
.retail-slide-dots button[aria-pressed=true] span{background:#0b7195}
.retail-slide-arrows{margin-left:auto;display:flex;gap:8px}
.retail-slide-arrows button{width:44px;height:44px;border:1px solid #c7d5da;background:white;color:#092f45;border-radius:50%;font-size:22px;cursor:pointer}
.retail-page #retail-portfolio{background:#f5f8f9}
.retail-page #retail-portfolio .brand-grid,.retail-page #retail-network .brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}
.retail-page #retail-portfolio .brand-tile,.retail-page #retail-network .brand-tile{background:white;border:1px solid #e1e8eb;padding:22px 12px;text-align:center;min-width:0}
.retail-page .brand-logo{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.retail-page .brand-logo img{max-height:66px;max-width:140px;width:100%;height:100%;object-fit:contain}
.retail-page .brand-tile h3{font-size:13px;line-height:1.4;margin:0}
.retail-page .brand-explore{font-size:12px;margin-top:12px}
.retail-page #trade{border-top:1px solid #e1e8eb}
@keyframes retail-reveal{from{opacity:.65}to{opacity:1}}
@media(max-width:760px){.retail-page .soocool-hero .container{grid-template-columns:1fr;gap:24px;min-height:0;padding-top:40px;padding-bottom:40px}.retail-page .soocool-signature{padding:12px 0;justify-content:flex-start}.retail-page .soocool-signature img{max-width:320px}.retail-page #retail-products,.retail-page #retail-portfolio,.retail-page #retail-network{padding:40px 0}.retail-slide-stage{aspect-ratio:1.15}.retail-slide figcaption{padding:48px 18px 18px;display:block}.retail-slide figcaption small{display:block;margin-top:10px;max-width:none}.retail-page #retail-portfolio .brand-grid,.retail-page #retail-network .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.retail-page .brand-logo img{max-width:120px}}
@media(prefers-reduced-motion:reduce){.retail-slide{animation:none}}

/* Logo-first brand directory, 10 October 2026. */
.brand-tile:has(.brand-explore){position:relative;isolation:isolate}
.brand-tile .brand-explore{position:absolute;inset:0;width:100%;height:100%;margin:0!important;padding:0;border:0;background:transparent;border-radius:inherit;display:flex;align-items:flex-end;justify-content:flex-end;color:#537382}
.brand-tile .brand-explore span{display:grid;place-items:center;width:32px;height:32px;margin:0 15px 14px 0;font-size:23px;font-weight:400;line-height:1;transition:color .18s,background .18s;border-radius:50%}
.brand-tile .brand-explore:hover{background:transparent}
.brand-tile:has(.brand-explore):hover{border-color:#7eabbc;background:#f8fbfc}
.brand-tile .brand-explore:hover span{background:#e6f0f4;color:#086689}
.brand-tile .brand-explore:focus-visible{outline:3px solid #08789e;outline-offset:3px}
.retail-page #retail-portfolio .brand-grid{gap:16px;margin-top:32px}
.retail-page #retail-portfolio .brand-tile{min-height:174px;padding:24px 22px 18px;align-items:stretch;justify-content:space-between;gap:20px;border:1px solid #dee7eb;border-radius:6px;transition:background .18s,border-color .18s}
.retail-page #retail-portfolio .brand-logo{height:76px;margin:0;display:flex;justify-content:center;align-items:center}
.retail-page #retail-portfolio .brand-logo img{max-width:136px;max-height:64px;width:100%;height:100%;object-fit:contain}
.retail-page #retail-portfolio .brand-tile h3{font-size:13px;font-weight:500;line-height:1.45;text-align:left;padding-right:26px;margin:0;min-height:19px}
.brand-directory-intro{color:#526c79;font-size:15px;line-height:1.6;margin:14px 0 0;max-width:560px}
.retail-page #retail-portfolio .content-heading{margin-bottom:0}
@media(max-width:1100px) and (min-width:761px){.retail-page #retail-portfolio .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.retail-page #retail-portfolio .brand-grid{gap:12px;margin-top:24px}.retail-page #retail-portfolio .brand-tile{min-height:160px;padding:20px 16px 16px;gap:18px}.retail-page #retail-portfolio .brand-logo{height:66px}.retail-page #retail-portfolio .brand-logo img{max-width:115px;max-height:56px}.brand-tile .brand-explore span{margin-right:10px;margin-bottom:10px}.retail-page #retail-portfolio .brand-tile h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.brand-tile,.brand-tile .brand-explore span{transition:none!important}}

/* Compact brand panels and quieter logo cards. */
.retail-page #retail-portfolio .brand-grid{gap:20px;border:0;background:transparent}
.retail-page #retail-portfolio .brand-tile{min-height:158px;padding:22px 22px 16px;gap:16px;border-color:transparent;border-radius:8px;box-shadow:0 1px 3px #092f4508}
.retail-page #retail-portfolio .brand-tile:hover{border-color:#c9dce4;background:#fff;box-shadow:0 4px 16px #092f450a}
.retail-page #retail-portfolio .brand-logo{height:66px}
.retail-page #retail-portfolio .brand-logo img{max-height:56px;max-width:132px}
.retail-page #retail-portfolio .brand-tile[data-brand="miir"] img{max-width:114px}
.retail-page #retail-portfolio .brand-tile[data-brand="power air"] img,.retail-page #retail-portfolio .brand-tile[data-brand="waboba"] img{max-height:62px}
dialog.brand-detail{width:min(520px,calc(100% - 32px));padding:36px;border-radius:12px;box-shadow:0 24px 80px #00121f30}
.brand-detail .brand-close{position:absolute;top:12px;right:12px;width:44px;height:44px;min-height:44px;padding:0;font-size:28px;font-weight:300;background:transparent;border:0;border-radius:50%;color:#526c79}
.brand-detail .brand-close:hover{background:#f0f5f7}
.brand-detail .brand-detail-heading{gap:24px;margin:22px 0 0;align-items:center}
.brand-detail .brand-detail-heading img{width:112px;height:80px;object-fit:contain;flex-shrink:0}
.brand-detail .brand-detail-heading h2{font-size:27px;line-height:1.2;margin:6px 0 0}
.brand-detail .brand-detail-heading .eyebrow{font-size:10px;margin:0;letter-spacing:.08em}
.brand-detail-description{font-size:16px;line-height:1.65;color:#526c79;margin:26px 0}
.brand-detail .brand-detail-actions{margin:0;padding-top:24px;border-top:1px solid #e6edef;display:flex;gap:20px;justify-content:space-between;align-items:center}
.brand-official-link{font-size:13px;line-height:1.5;min-height:44px;display:inline-flex;gap:10px;align-items:center;color:#176683;text-decoration:none}
.brand-official-link:hover{text-decoration:underline}
.brand-detail .brand-detail-actions .button{font-size:13px;padding:13px 18px;min-height:44px}
@media(max-width:760px){.retail-page #retail-portfolio .brand-grid{gap:12px}.retail-page #retail-portfolio .brand-tile{min-height:150px;padding:20px 16px 14px;gap:16px}.retail-page #retail-portfolio .brand-logo img{max-width:112px}dialog.brand-detail{padding:28px 24px}.brand-detail .brand-detail-heading{gap:18px}.brand-detail .brand-detail-heading img{width:86px;height:68px}.brand-detail .brand-detail-heading h2{font-size:24px}.brand-detail .brand-detail-actions{flex-direction:column;align-items:stretch;gap:12px}.brand-official-link{justify-content:center}.brand-detail .brand-detail-actions .button{width:100%}}

.division-hero .division-image[src="images/grainger-authorized-reseller.png"]{object-fit:contain;background:#fff;padding:clamp(28px,5vw,80px)}

#mega-trading>img{object-fit:contain;background:#fff;padding:36px 24px}