/* Scale layer 2.5: larger type, wider rhythm and deeper sections. Colours stay orange #F15B2A / graphite #202326 / concrete #E8E6E1. */
:root{--container:1360px;--gutter:clamp(24px,5vw,96px);--section:clamp(88px,9vw,144px);--head-gap:clamp(40px,4vw,64px)}
body{font-size:16px;line-height:1.8}
h1,h2,h3{letter-spacing:-.015em}

/* Header */
.header-inner{height:96px;gap:32px}
.site-nav>ul{gap:clamp(18px,2vw,36px)}
.site-nav>ul>li>a,.nav-row>a{font-size:15px;min-height:96px;letter-spacing:.02em}
.site-nav>ul>li>a:after,.nav-row>a:after{bottom:22px}
.mega-menu{padding-top:48px;padding-bottom:48px}
.mega-intro .mega-title{font-size:34px}
.mega-intro p:not(.mega-title){font-size:14px;line-height:1.9}
.mega-links>a{padding:16px 12px;font-size:15px}
.mega-links small{font-size:12px}
.landscape-menu-links>a>span{font-size:15px}

/* Buttons and links */
.button{min-height:56px;padding:16px 28px;font-size:14px;gap:36px;letter-spacing:.04em}
.text-link{font-size:14px;gap:22px}
.eyebrow{font-size:12px;letter-spacing:.2em}

/* Hero */
.page-home .hero{grid-template-columns:44% 56%;min-height:clamp(640px,calc(100vh - 96px),860px)}
.page-home .hero-image{height:auto;min-height:clamp(640px,calc(100vh - 96px),860px)}
.hero-copy{padding:72px 64px 48px max(var(--gutter),calc((100vw - var(--container))/2))}
.hero .eyebrow{font-size:12px;letter-spacing:.22em;margin-bottom:40px}
.hero h1{font-size:clamp(56px,6vw,100px);line-height:1.08;letter-spacing:-.03em;font-weight:900}
.hero-copy>p{font-size:18px;line-height:1.9;max-width:500px;margin:32px 0 44px;color:var(--ink)}
.hero-actions{gap:16px}
.hero .button{font-size:14px;min-height:58px;padding:16px 28px;gap:36px}
.hero-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;margin-top:64px;border-top:1px solid #20232640;padding-top:32px}
.hero-stats dd{margin:0}
.hero-stats>div{padding-right:40px;margin-right:40px;border-right:1px solid #20232640}
.hero-stats>div:last-child{border-right:0;margin-right:0;padding-right:0}
.hero-stats strong{display:block;font:700 clamp(36px,3.2vw,52px)/1 Arial,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.hero-stats strong small{font:600 16px/1 "Microsoft YaHei",sans-serif;margin-left:4px}
.hero-stats span{display:block;font-size:13px;margin-top:12px;color:#202326cc;letter-spacing:.04em}
.hero-bottom{display:none}
.hero-image-caption{left:calc(44% + 56px);bottom:56px}
.hero-image-caption>span{font-size:12px;letter-spacing:.16em;margin-bottom:12px}
.hero-image-caption strong{font-size:30px;font-weight:600;letter-spacing:.02em}
.hero-image .image-badge{bottom:24px;right:28px}
.image-badge{font-size:11px;padding:4px 9px}

/* Discipline strip */
.home-disciplines>a{padding:44px 40px 44px 0;gap:24px}
.home-disciplines>a:not(:first-child){padding-left:44px}
.home-disciplines>a>span:first-child{font-size:14px;margin-top:6px}
.home-disciplines strong{font-size:21px;font-weight:700}
.home-disciplines small{font-size:14px;margin-top:8px}
.home-disciplines>a>span:last-child{font-size:24px}

/* Sections and headings */
.page-home .section,.section{padding-top:var(--section);padding-bottom:var(--section)}
.section-heading{margin-bottom:var(--head-gap);gap:40px}
.section-heading>div{max-width:820px}
.section-eyebrow{font-size:12px;letter-spacing:.22em;margin-bottom:20px}
.section-heading h2{font-size:clamp(32px,3.1vw,48px);line-height:1.25;padding-left:24px;letter-spacing:-.02em}
.section-heading h2:before{width:5px;top:6px;bottom:6px}
.section-heading p{font-size:17px;line-height:1.85;margin-top:20px;padding-left:24px;max-width:680px}
.section-heading>.text-link{font-size:15px;padding-bottom:8px}

/* Service cards */
.services-grid{gap:32px}
.service-card .photo{height:clamp(220px,18vw,280px)}
.service-card>div{padding:26px 28px 6px;gap:14px}
.service-card h3{font-size:22px;line-height:1.35}
.card-no{font-size:14px;min-width:26px}
.service-card>div>span:last-child{width:36px;height:36px;font-size:19px}
.service-description{font-size:15px;line-height:1.8;padding:4px 28px 28px 68px}
.landscape-feature{margin-top:48px;min-height:400px;grid-template-columns:1fr 1fr}
.landscape-feature .photo{height:400px}
.landscape-feature>div{padding:64px 72px}
.landscape-feature .eyebrow{font-size:12px;margin-bottom:20px}
.landscape-feature h3{font-size:clamp(32px,3vw,44px);line-height:1.25;font-weight:800}
.landscape-feature p{font-size:16px;line-height:1.9;margin:20px 0 32px}
.landscape-feature .text-link{font-size:15px}
.landscape-feature>div:after{font-size:110px;right:56px;top:48px}

/* Landscape products */
.products-grid{gap:24px}
.product-card .photo{height:clamp(220px,19vw,300px)}
.product-card>div{padding:24px 24px;min-height:0}
.product-card h3{font-size:19px;font-weight:700}
.product-card>div>span{font-size:20px}

/* Project mosaic */
.project-mosaic{grid-template-rows:clamp(260px,22vw,340px) clamp(260px,22vw,340px);gap:24px}
.project-caption{padding:72px 32px 28px}
.project-caption>span:first-child{font-size:13px;margin-bottom:8px;letter-spacing:.04em}
.project-caption h3{font-size:21px;line-height:1.45}
.project-caption>span:last-child{font-size:26px}

/* Guides, about, FAQ teaser */
.guide-grid{gap:28px}
.guide-card{padding:40px 36px 44px;gap:22px}
.guide-card>.icon{width:34px;height:34px;margin-top:34px}
.guide-card small{font-size:13px;letter-spacing:.12em}
.guide-card h3{font-size:20px;line-height:1.5;margin:12px 0 12px}
.guide-card p{font-size:14px;line-height:1.85}
.guide-card>span:last-child{font-size:24px}
.about-teaser{margin-top:var(--section);padding-top:80px;gap:64px}
.about-year>span{font-size:13px;letter-spacing:.16em}
.about-year strong{font-size:clamp(88px,8vw,128px);line-height:1}
.about-year strong span{font-size:18px}
.about-year p{font-size:15px;margin-top:18px}
.about-teaser h2{font-size:clamp(30px,2.6vw,40px);line-height:1.35;margin-bottom:24px}
.about-teaser>div>p{font-size:16px;line-height:1.95;margin-bottom:28px}
.faq-teaser{padding-left:48px}
.faq-teaser>.icon{width:40px;height:40px}
.faq-teaser h3{font-size:23px;margin:22px 0 14px}
.faq-teaser p{font-size:15px;line-height:1.9;margin-bottom:28px}

/* Contact strip */
.contact-strip{padding:clamp(72px,7vw,112px) 0}
.contact-strip>.container{gap:56px}
.contact-strip .eyebrow{font-size:12px;letter-spacing:.2em;margin-bottom:18px}
.contact-strip .strip-title{font-size:clamp(34px,3.4vw,54px);line-height:1.2}
.contact-strip p{font-size:16px;padding-left:48px}
.contact-strip .button{min-height:62px;padding:18px 32px;font-size:15px}

/* Footer */
.site-footer{padding-top:clamp(72px,7vw,112px)}
.footer-main{gap:72px;padding-bottom:80px}
.footer-brand>a>img{width:260px;margin-bottom:28px}
.footer-brand p{font-size:14px;line-height:1.95;margin-top:12px}
.footer-brand .footer-phone{font-size:34px;margin-top:28px}
.footer-brand small{font-size:13px}
.footer-col .footer-title{font-size:16px;margin:8px 0 28px}
.footer-col>a{font-size:14px;line-height:1.7;margin-bottom:16px}
.footer-product-image{width:40px;height:30px;margin-right:12px}
.footer-bottom{font-size:13px;padding-top:28px;padding-bottom:28px;gap:24px}
.footer-domain{font-size:13px}
.back-top{width:48px;height:48px;line-height:48px;right:28px;bottom:28px}

/* Inner pages: intro band */
.breadcrumbs{font-size:13px;padding-top:28px;padding-bottom:28px;gap:14px}
.page-intro{padding:clamp(72px,7vw,112px) 0 clamp(72px,7vw,104px)}
.page-intro .eyebrow{font-size:12px;letter-spacing:.22em;margin-bottom:24px}
.page-intro h1{font-size:clamp(40px,4.4vw,68px);line-height:1.15;letter-spacing:-.025em}
.page-intro p{font-size:18px;line-height:1.9;margin-top:28px;max-width:760px;color:#4a4c4e}
.page-intro.with-image>.container{min-height:clamp(440px,36vw,560px)}
.page-intro.with-image>.container>div{padding:72px 72px 72px max(var(--gutter),calc((100vw - var(--container))/2))}
.page-intro.with-image .photo{height:100%;min-height:clamp(440px,36vw,560px)}
.page-intro.with-image h1{font-size:clamp(36px,3.3vw,54px)}
.page-intro.with-image p{font-size:17px}

/* Article layout */
.article-layout{grid-template-columns:minmax(0,1fr) 340px;gap:clamp(56px,6vw,104px);padding-top:clamp(64px,6vw,96px);padding-bottom:clamp(88px,8vw,128px)}
.article-aside{top:128px}
.editor-content{padding:0}
.answer-panel{padding:40px 44px;border-left-width:5px}
.answer-panel .eyebrow{font-size:12px;margin-bottom:14px}
.answer-panel p{font-size:19px;line-height:1.9}
.article-toc{gap:14px 32px;padding:28px 0;font-size:14px}
.article-body>section,.editor-content>section{padding:64px 0}
.article-body h2,.editor-content h2{font-size:clamp(28px,2.4vw,36px);line-height:1.3;margin-bottom:32px}
.editor-content h3{font-size:22px;margin:36px 0 14px;padding-top:0}
.article-body p,.editor-content p{font-size:16px;line-height:2}
.check-list{gap:4px;margin-top:32px}
.check-list li{font-size:16px;padding:18px 0;gap:16px}
table{font-size:15px}
th{padding:18px 22px;font-size:15px}
td{padding:20px 22px;line-height:1.8}
.related-grid{gap:24px}
.related-grid .photo{height:300px}
.faq-list summary{font-size:18px;padding:28px 0;gap:28px}
.faq-list summary>span{font-size:28px}
.faq-list details>div{padding:0 56px 32px 0}
.faq-list p,.faq-list details>div p{font-size:16px;line-height:1.95}
.source-note{font-size:13px;margin-top:28px}
.scope-note p{font-size:14px}
.gallery-description{font-size:15px}

/* Aside */
.consult-card{padding:44px 40px}
.consult-card .eyebrow{font-size:12px}
.consult-card .consult-title{font-size:34px;line-height:1.2}
.consult-card p{font-size:15px;line-height:1.85;margin:24px 0 28px}
.consult-card .button{font-size:14px;min-height:56px;padding:16px 20px}
.aside-phone{font:700 28px/1.2 Arial,sans-serif;margin-top:28px;letter-spacing:.02em}
.aside-links{padding:36px 40px;margin-top:20px}
.aside-links .aside-title{font-size:17px;margin:0 0 18px}
.aside-links a{padding:16px 0;font-size:15px}

/* Galleries */
.project-gallery{gap:24px}
.toilet-gallery{gap:28px}
.toilet-gallery .photo{height:300px}
.toilet-gallery article>div{padding:24px 28px}
.toilet-gallery small{font-size:13px}
.toilet-gallery h3{font-size:19px}
.source-video{margin:40px 0}
.source-video figcaption{font-size:14px;padding:20px 24px}

/* Listings */
.category-nav{padding-top:28px;padding-bottom:28px;font-size:15px;gap:28px}
.product-editorial{gap:80px}
.product-editorial article{min-height:440px}
.product-editorial .photo{height:440px}
.product-editorial article>div{padding:56px 64px}
.product-editorial h2{font-size:clamp(34px,3vw,46px)}
.product-editorial p{font-size:16px;line-height:1.95;margin:24px 0 32px}
.project-search{padding:36px;gap:24px;margin-bottom:40px}
.project-search label{font-size:14px;gap:12px}
.project-search input,.project-search select,.project-search .button{height:56px}
.project-count{font-size:15px;margin:28px 0}
.project-grid{gap:32px}
.project-grid .photo{height:380px}
.record-type{font-size:13px;padding:8px 12px;left:16px;top:16px}
.project-pagination{gap:10px;margin:56px 0 24px}
.project-pagination a{padding:12px 20px;font-size:15px}

/* About, contact, search */
.about-layout{gap:104px}
.about-layout h2{font-size:clamp(32px,3vw,44px);margin:24px 0 28px}
.about-layout p{font-size:17px;line-height:2}
.about-number{padding:64px;min-height:440px}
.about-number strong{font-size:clamp(100px,9vw,140px);line-height:1.1}
.about-number span{font-size:16px}
.info-grid{gap:20px;margin-top:40px}
.info-grid>div{padding:32px}
.info-grid span{font-size:13px}
.info-grid h3{font-size:18px;margin-top:12px}
.contact-layout{gap:104px}
.contact-layout h2{font-size:clamp(28px,2.4vw,36px);margin-bottom:28px}
.contact-layout>div>p{font-size:16px;margin:20px 0}
.brief-form{padding:52px}
.brief-form h2{font-size:32px}
.brief-form label{font-size:14px;margin:24px 0}
.brief-form input,.brief-form textarea,.brief-form select{font-size:15px;padding:14px;margin-top:10px}
.search-form input{height:60px;font-size:16px;padding:0 20px}
.search-results{gap:20px;padding:40px 0}
.search-results a{padding:32px 36px}
.search-results h2{font-size:24px}
.search-results p{font-size:15px}

/* Large screens */
@media(min-width:1650px){.page-home .hero,.page-home .hero-image{min-height:clamp(720px,calc(100vh - 96px),900px);height:auto}
.hero h1{font-size:104px}
}

/* Tablet landscape */
@media(max-width:1190px){.header-inner{height:88px}
.site-nav>ul>li>a,.nav-row>a{font-size:13px;min-height:88px}
.page-home .hero,.page-home .hero-image{min-height:600px;height:auto}
.hero h1{font-size:64px}
.hero-copy{padding:56px 40px 40px var(--gutter)}
.hero-copy>p{font-size:16px}
.hero .button{padding:14px 20px;font-size:13px;gap:20px}
.hero-stats>div{padding-right:24px;margin-right:24px}
.hero-stats strong{font-size:36px}
.section-heading h2{font-size:36px}
.service-card .photo{height:210px}
.service-card h3{font-size:19px}
.service-description{font-size:14px;padding-left:28px}
.product-card .photo{height:200px}
.product-card h3{font-size:16px}
.product-card>div{padding:20px 16px}
.project-mosaic{grid-template-rows:250px 250px}
.footer-main{gap:44px}
.footer-brand .footer-phone{font-size:28px}
.contact-strip .strip-title{font-size:36px}
.contact-strip p{font-size:14px;padding-left:28px}
.article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:56px}
.consult-card{padding:36px 30px}
.aside-links{padding:30px}
}

/* Tablet portrait */
@media(max-width:950px){.hero-copy{padding:48px 32px 40px var(--gutter)}
.hero h1{font-size:52px}
.hero .button{font-size:12px;padding:13px 16px;gap:14px}
.hero .eyebrow{font-size:10px}
.hero-stats{margin-top:44px;padding-top:24px}
.hero-stats strong{font-size:30px}
.hero-stats span{font-size:12px}
.hero-image-caption{left:calc(44% + 32px);bottom:40px}
.hero-image-caption strong{font-size:22px}
.home-disciplines>a{padding:32px 20px 32px 0;gap:14px}
.home-disciplines>a:not(:first-child){padding-left:22px}
.home-disciplines strong{font-size:17px}
.home-disciplines small{font-size:12px}
.services-grid{gap:24px}
.service-card h3{font-size:18px}
.service-card>div{padding:20px 20px 4px}
.service-description{padding:4px 20px 22px}
.landscape-feature{min-height:320px}
.landscape-feature .photo{height:320px}
.landscape-feature>div{padding:44px}
.landscape-feature h3{font-size:30px}
.products-grid{gap:16px}
.product-card .photo{height:170px}
.product-card h3{font-size:15px}
.product-card>div{padding:18px 14px}
.project-caption{padding:56px 22px 22px}
.project-caption h3{font-size:17px}
.guide-grid{gap:18px}
.guide-card{padding:28px 22px;gap:14px}
.guide-card h3{font-size:17px}
.guide-card p{font-size:13px}
.about-teaser{gap:36px;padding-top:56px}
.about-year strong{font-size:84px}
.about-teaser h2{font-size:28px}
.faq-teaser{padding-left:32px}
.footer-main{gap:40px}
.article-layout{grid-template-columns:1fr;gap:56px}
.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aside-links{margin-top:0}
.about-layout,.contact-layout{gap:56px}
}

/* Phones and small tablets */
@media(max-width:850px){:root{--section:72px;--head-gap:36px}
.header-inner{height:76px}
.site-nav>ul>li>a,.nav-row>a{font-size:16px;min-height:56px}
.page-home .hero{min-height:0;grid-template-columns:1fr}
.page-home .hero-image{min-height:0;height:380px}
.hero-copy{padding:56px var(--gutter) 48px;min-height:0}
.hero .eyebrow{font-size:11px;margin-bottom:28px}
.hero h1{font-size:clamp(48px,11vw,72px)}
.hero-copy>p{font-size:16px;margin:24px 0 32px;max-width:100%}
.hero .button{font-size:14px;padding:15px 20px;gap:24px;min-height:54px}
.hero-stats{margin-top:44px;padding-top:28px}
.hero-stats strong{font-size:38px}
.hero-stats span{font-size:13px}
.hero-image-caption{left:var(--gutter);bottom:32px}
.hero-image-caption>span{font-size:11px}
.hero-image-caption strong{font-size:22px}
.home-disciplines>a{padding:28px 12px 28px 0;gap:8px}
.home-disciplines>a:not(:first-child){padding-left:16px}
.home-disciplines>a>span:first-child{font-size:12px}
.home-disciplines strong{font-size:16px}
.home-disciplines small{font-size:12px;line-height:1.6}
.section-heading{gap:20px}
.section-eyebrow{font-size:11px;margin-bottom:14px}
.section-heading h2{font-size:30px;line-height:1.35;padding-left:18px}
.section-heading p{font-size:15px;margin-top:14px;padding-left:18px}
.section-heading>.text-link{font-size:14px;margin-top:20px}
.services-grid{gap:20px}
.service-card .photo{height:180px}
.service-card>div{padding:16px 16px 4px;gap:8px}
.service-card h3{font-size:17px}
.card-no{font-size:12px}
.service-description{font-size:13px;line-height:1.7;padding:2px 16px 16px}
.service-card>div>span:last-child{width:28px;height:28px;font-size:16px}
.home-services .services-grid>.service-card:last-child>.photo{height:180px}
.landscape-feature{margin-top:32px;min-height:0;grid-template-columns:1fr 1.1fr}
.landscape-feature .photo{min-height:260px}
.landscape-feature>div{padding:36px 32px}
.landscape-feature .eyebrow{font-size:10px}
.landscape-feature h3{font-size:28px}
.landscape-feature p{font-size:14px}
.landscape-feature .text-link{font-size:14px}
.products-grid{gap:20px}
.product-card .photo,.products-grid>.product-card:last-child .photo{height:200px}
.product-card h3{font-size:17px}
.product-card>div{padding:18px 16px}
.project-mosaic{grid-template-rows:280px 230px 230px;gap:18px}
.project-caption{padding:56px 20px 20px}
.project-caption>span:first-child{font-size:12px}
.project-caption h3{font-size:17px}
.guide-grid{gap:16px}
.guide-card{padding:28px 26px;gap:20px}
.guide-card h3{font-size:18px}
.guide-card p{font-size:14px}
.guide-card small{font-size:12px}
.about-teaser{margin-top:64px;padding-top:48px;gap:40px 32px}
.about-year strong{font-size:88px}
.about-teaser h2{font-size:28px}
.about-teaser>div>p{font-size:15px}
.faq-teaser{padding:32px 0 0}
.faq-teaser h3{font-size:20px}
.faq-teaser p{font-size:14px}
.faq-teaser .text-link{font-size:14px}
.contact-strip{padding:64px 0}
.contact-strip .eyebrow{font-size:11px}
.contact-strip .strip-title{font-size:32px}
.contact-strip .button{font-size:14px;min-height:56px}
.site-footer{padding-top:64px}
.footer-main{gap:40px 24px;padding-bottom:48px}
.footer-brand{padding-bottom:36px}
.footer-brand>a>img{width:230px}
.footer-brand p{font-size:14px}
.footer-brand .footer-phone{font-size:30px}
.footer-brand small{font-size:12px}
.footer-col .footer-title{font-size:15px;margin:0 0 20px}
.footer-col>a{font-size:14px;margin-bottom:14px}
.footer-bottom{font-size:12px}
.footer-domain{font-size:12px}
.back-top{width:44px;height:44px;line-height:44px;right:16px;bottom:16px}
.breadcrumbs{font-size:12px;padding-top:20px;padding-bottom:20px}
.page-intro{padding:56px 0}
.page-intro h1{font-size:38px}
.page-intro p{font-size:16px;margin-top:20px}
.page-intro.with-image>.container{grid-template-columns:1fr;min-height:0}
.page-intro.with-image>.container>div{padding:48px var(--gutter)}
.page-intro.with-image .photo{min-height:0;height:280px}
.page-intro.with-image h1{font-size:36px}
.page-intro.with-image p{font-size:16px}
.article-layout{padding-top:48px;padding-bottom:72px;gap:48px}
.answer-panel{padding:28px 24px}
.answer-panel p{font-size:17px}
.article-toc{font-size:14px;gap:12px 22px}
.article-body>section,.editor-content>section{padding:48px 0}
.article-body h2,.editor-content h2{font-size:27px;margin-bottom:24px}
.editor-content h3{font-size:20px}
.article-body p,.editor-content p{font-size:16px}
.check-list li{font-size:15px}
table{font-size:14px}
th,td{padding:14px 16px}
.related-grid{grid-template-columns:1fr;gap:20px}
.related-grid .photo{height:240px}
.faq-list summary{font-size:17px;padding:24px 0}
.faq-list details>div{padding-right:0}
.article-aside{grid-template-columns:1fr}
.consult-card{padding:36px 28px}
.consult-card .consult-title{font-size:30px}
.toilet-gallery .photo{height:240px}
.product-editorial{gap:48px}
.product-editorial article,.product-editorial article:nth-child(even){grid-template-columns:1fr;min-height:0}
.product-editorial article:nth-child(even)>.photo{order:0}
.product-editorial .photo{height:280px}
.product-editorial article>div{padding:36px 28px}
.product-editorial h2{font-size:32px}
.project-search{padding:24px;gap:16px}
.project-grid{grid-template-columns:1fr;gap:24px}
.project-grid .photo{height:280px}
.about-number{padding:40px;min-height:0}
.about-number strong{font-size:100px}
.about-layout p{font-size:16px}
.brief-form{padding:32px 24px}
.brief-form h2{font-size:27px}
}
@media(max-width:480px){:root{--section:64px}
.page-home .hero-image{height:300px}
.hero-copy{padding-top:48px}
.hero h1{font-size:48px}
.hero-copy>p{font-size:15px}
.hero .button{padding:14px 16px;font-size:13px;gap:16px}
.hero-stats{grid-template-columns:repeat(3,1fr)}
.hero-stats>div{padding-right:12px;margin-right:12px}
.hero-stats strong{font-size:30px}
.hero-stats strong small{font-size:13px}
.hero-stats span{font-size:12px}
.home-disciplines{grid-template-columns:1fr}
.home-disciplines>a,.home-disciplines>a:not(:first-child){padding:20px 0;border-left:0;border-top:1px solid #4a4c4e}
.home-disciplines>a:first-child{border-top:0}
.home-disciplines>a>span:first-child,.home-disciplines>a>span:last-child{display:block}
.home-disciplines strong{font-size:17px}
.home-disciplines small{font-size:13px}
.section-heading h2{font-size:27px}
.services-grid{grid-template-columns:1fr;gap:20px}
.service-card .photo,.home-services .services-grid>.service-card:last-child>.photo{height:210px}
.home-services .services-grid>.service-card:last-child{display:flex;grid-column:auto;grid-row:auto}
.home-services .services-grid>.service-card:last-child>div{align-self:stretch;padding-top:16px}
.home-services .services-grid>.service-card:last-child>.service-description{padding:2px 16px 18px}
.service-card h3{font-size:19px}
.service-description{font-size:14px}
.landscape-feature{grid-template-columns:1fr}
.landscape-feature .photo{height:220px;min-height:0}
.landscape-feature>div{padding:32px 24px}
.landscape-feature h3{font-size:26px}
.products-grid{gap:14px}
.product-card .photo{height:150px}
.product-card h3{font-size:15px}
.product-card>div{padding:16px 14px}
.products-grid>.product-card:last-child .photo{height:180px}
.project-mosaic{grid-template-rows:260px 200px 220px;gap:14px}
.project-caption h3{font-size:16px}
.project-caption>span:first-child{font-size:11px}
.guide-card{padding:24px 20px}
.about-year strong{font-size:80px}
.about-teaser h2{font-size:26px}
.contact-strip .strip-title{font-size:28px}
.footer-col>a{font-size:13px}
.footer-col .footer-title{font-size:14px}
.page-intro h1,.page-intro.with-image h1{font-size:32px}
.page-intro.with-image .photo{height:230px}
.article-body h2,.editor-content h2{font-size:24px}
.answer-panel p{font-size:16px}
}