/* Site-wide layout rhythm. Loaded last to keep shared breakpoints consistent. */
:root{--section-space:clamp(48px,6vw,80px);--content-gap:clamp(24px,3.5vw,48px);--page-gutter:clamp(20px,3.5vw,50px)}
.wrap{width:min(var(--max),calc(100% - 2 * var(--page-gutter)))}
main :is(.knowledge-split,.enquiry-layout,.product-buying,.product-fit,.audience-work,.editorial-photo-story)>*{min-width:0}
main :is(h1,h2,h3),.button{overflow-wrap:break-word}
.button{line-height:1.35;text-align:center;max-width:100%}
main p + .button{margin-top:28px}
.knowledge-section>h2 + p{margin-top:20px}
.knowledge-section>p + .knowledge-grid,.knowledge-section>p + .product-learning-links{margin-top:28px}
.knowledge-section>h2 + .knowledge-grid{margin-top:28px}
.knowledge-split>div>h3{margin-top:28px;margin-bottom:14px}
.knowledge-card,.news-card,.product-hub-card{min-width:0}
.knowledge-card p + p{margin-top:16px}
.section{padding-block:var(--section-space)}
.knowledge-section{padding-block:40px 48px}
.knowledge-split{gap:var(--content-gap);padding-block:40px 56px}
.knowledge-faq,.knowledge-related{padding-block:36px 48px}
.inner-page .subhero{padding-top:28px;padding-bottom:64px}
.inner-page .subhero .breadcrumb{margin-bottom:40px}
.inner-page .subhero h1{font-size:clamp(2.5rem,4.9vw,4.6rem);line-height:1.08}
.inner-page .subhero .sub-intro{font-size:clamp(1.125rem,1.8vw,1.375rem);line-height:1.55}
.editorial-photo-story{gap:var(--content-gap);padding-block:48px 32px}
.editorial-photo-story figure{height:clamp(280px,29vw,390px)}
.editorial-screens{padding-block:40px 28px}
.enlarge-screen{min-height:44px;padding-inline:8px;font-size:14px;flex-shrink:0}
.screen-top{font-size:14px;gap:12px;flex-wrap:wrap}
.close-screenshot,.menu-button{min-height:44px}
.screenshot-dialog{max-height:92dvh}
.dialog-top{gap:16px}.dialog-top>span{min-width:0}
.product-support,.detail-screen{padding-block:var(--section-space)}
.product-support + .detail-screen{padding-top:0}
.product-support-grid,.inner-page .features{gap:28px}
.product-buying{gap:32px var(--content-gap)}
.news-toolbar select{min-height:48px}
.enquiry-fields input,.enquiry-fields select{min-height:48px}
.enquiry-fields textarea{min-height:150px}
.enquiry-layout{gap:var(--content-gap)}
.footer-links a{padding-block:5px;min-height:32px}
.footer-links{gap:7px}
.footer-base{align-items:baseline}
@media(min-width:761px) and (max-width:1100px){
 .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .knowledge-grid>.knowledge-card:last-child:nth-child(odd){grid-column:1/-1}
 .product-support-grid,.inner-page .features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-support-grid>article:last-child:nth-child(odd),.inner-page .features>.feature:last-child:nth-child(odd){grid-column:1/-1}
 .knowledge-card{padding:28px}
 .audience-work{grid-template-columns:1fr;gap:32px}
 .audience-work-photo{min-height:0;height:360px}
 .audience-work .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-hub-card{padding:28px}
 .costed-feature-grid{gap:32px}
 .footer-directory{gap:32px;grid-template-columns:1.25fr 1fr 1fr}
 .footer-brand{grid-row:span 2}
}
@media(max-width:1050px){
 .nav{top:100%}.nav.open{max-height:calc(100dvh - 92px);overscroll-behavior:contain}
 .nav .software-submenu{position:static;transform:none;width:100%;margin:10px 0 4px}
 .nav .button{min-height:48px}
}
@media(max-width:900px){
 .knowledge-split,.product-buying,.product-fit,.editorial-photo-story{grid-template-columns:1fr}
 .editorial-photo-story figure{height:auto;aspect-ratio:16/10}
 .editorial-photo-story>div{max-width:680px}
 .editorial-photo-story img{object-position:center 42%}
 .knowledge-split .preparation{max-width:none}
 .resource-group{grid-template-columns:1fr;gap:24px}
 .finale-main{gap:32px}.finale-main>div{padding-left:28px}
 .about-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 :root{--section-space:48px;--content-gap:28px}
 .header-inner{min-height:80px}.logo img{height:64px}
 .nav.open{max-height:calc(100dvh - 80px)}
 .inner-page .subhero{padding-top:22px;padding-bottom:44px}
 .inner-page .subhero .breadcrumb{margin-bottom:30px;gap:8px 10px}
 .inner-page .subhero h1{font-size:clamp(2.25rem,8vw,3.5rem)}
 .inner-page .subhero .eyebrow{font-size:13px;line-height:1.5}
 .sub-intro,.product-heading>div>p{margin-top:22px}
 .knowledge-section{padding-block:32px 40px}
 .knowledge-split{padding-block:32px 40px}
 .knowledge-faq,.knowledge-related{padding-block:30px 40px}
 .knowledge-grid,.product-support-grid,.inner-page .features{grid-template-columns:minmax(0,1fr);gap:20px}
 .knowledge-card,.product-hub-card,.preparation{padding:24px}
 .knowledge-card h3,.knowledge-card h2{font-size:25px}
 .editorial-photo-story{padding-top:32px;gap:26px}
 .editorial-photo-story figure{aspect-ratio:4/3}
 .audience-work-photo{aspect-ratio:4/3;height:auto;min-height:0}
 .audience-work .knowledge-grid{grid-template-columns:1fr}
 .section-head,.learning-heading,.showroom-heading,.expert-section-head{margin-bottom:30px}
 .home-learning{padding-block:16px 48px}
 .photo-hero{min-height:0;padding-block:64px 82px}
 .photo-hero h1{font-size:clamp(2.5rem,8.2vw,3.8rem)}
 .photo-hero-content{width:calc(100% - 2 * var(--page-gutter))}
 .need-links{gap:8px;padding-block:20px}
 .need-links a{display:flex;align-items:center;min-height:44px}
 .need-links p{margin-bottom:4px}
 .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
 .footer-brand{grid-column:1/-1;grid-row:auto}
 .expanded-footer .footer-links{gap:4px;padding-top:0}
 .footer-links a{min-height:44px;display:flex;align-items:center;padding-block:8px}
 .footer-links h3{margin-bottom:8px}
 .footer-base{gap:12px}
 .finale-main h2{font-size:clamp(2.5rem,9vw,4.2rem);line-height:1.06}
 .finale-main>div{padding-left:0}
 .news-article{padding-block:36px 48px}
 .news-toolbar{gap:12px 16px;margin-bottom:28px}
 .news-toolbar select{flex:1;min-width:180px}
 .knowledge-related a,.news-next a{padding-block:8px}
 .comparison-scroll{scroll-padding:20px;-webkit-overflow-scrolling:touch}
 .comparison-table{font-size:16px}.comparison-table th,.comparison-table td{padding:18px}
}
@media(max-width:480px){
 .actions{align-items:stretch;gap:20px}.actions .button{width:100%}
 .actions .text-link{justify-content:center;min-height:44px}
 .inner-page .product-heading-centered .actions{align-items:stretch}
 .photo-hero .actions{align-items:center}.photo-hero .button{width:auto}
 .office-services-layout .expert-services-grid{grid-template-columns:1fr}
 .news-toolbar label{flex-basis:100%}
 .news-toolbar select{width:100%;flex-basis:100%}
 .enquiry-form{padding:20px}.enquiry-fields{gap:20px}
 .enquiry-form>.button{width:100%}
 .screen-top>span{font-size:13px}
 .costed-feature-brand{flex-wrap:wrap;gap:16px}
 .costed-feature-brand>span{max-width:none}
 .footer-directory{gap:28px 18px}
}

/* Keep the carpenter and handsaw visible in both audience crops. */
.audience-card-photo[src$="subcontractor-carpenter.webp"]{object-position:45% 60%}
.audience-photo-subcontractors img{object-position:42% center}

/* People-led homepage audience section, distinct from the learning cards. */
.audience-people{padding-block:40px 64px}
.audience-people-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:76px}
.audience-people-heading h2{font-size:clamp(2rem,3.4vw,3.2rem);max-width:620px}
.audience-people-heading>a{flex-shrink:0}
.audience-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:76px 28px}
.audience-person-card{position:relative;isolation:isolate;display:flex;align-items:center;min-height:310px;border-radius:16px;background:#eaf1f8;padding:32px;color:#002e73}
.audience-person-card:nth-child(2),.audience-person-card:nth-child(3){background:#f4f6f8}
.audience-person-copy{position:relative;z-index:2;width:56%;padding-right:8px}
.audience-person-copy h3{font-size:clamp(1.65rem,2.4vw,2rem);line-height:1.12;margin-bottom:18px}
.audience-person-copy p{font-size:18px;line-height:1.5;margin-bottom:24px}
.audience-person-copy>span{font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.audience-person-card>img{position:absolute;z-index:1;right:0;bottom:0;width:47%;height:calc(100% + 48px);object-fit:contain;object-position:center bottom;pointer-events:none}
.audience-person-card:hover .audience-person-copy>span{text-decoration-thickness:2px}
.audience-person-card:focus-visible{outline:3px solid #002e73;outline-offset:6px}
.audience-people + .home-learning{border-top:1px solid #dbe3ec;padding-top:48px}
@media(min-width:761px) and (max-width:1000px){.audience-person-card{padding:26px;min-height:345px}.audience-person-copy{width:61%}.audience-person-card>img{width:43%}.audience-person-copy p{font-size:17px}}
@media(max-width:760px){.audience-people{padding-block:32px 48px}.audience-people-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:72px}.audience-people-grid{grid-template-columns:1fr;gap:68px}.audience-person-card{min-height:280px;padding:28px}.audience-person-copy{width:57%}.audience-person-card>img{width:45%;height:calc(100% + 40px)}.audience-people+.home-learning{padding-top:40px}}
@media(max-width:400px){.audience-person-card{padding:22px;min-height:310px}.audience-person-copy{width:60%}.audience-person-copy h3{font-size:25px}.audience-person-copy p{font-size:17px}.audience-person-card>img{width:43%}.audience-person-copy>span{font-size:15px}}
@media(min-width:601px) and (max-width:1000px){.audience-people-grid{grid-template-columns:1fr}.audience-person-card{min-height:300px}.audience-person-copy{width:56%}.audience-person-card>img{width:47%}}
@media(max-width:600px){
 .audience-person-card{display:block;padding:210px 26px 28px;min-height:0}
 .audience-person-copy{width:100%;padding:0}
 .audience-person-copy h3{font-size:28px;overflow-wrap:normal;margin-bottom:16px}
 .audience-person-copy p{font-size:18px;margin-bottom:22px}
 .audience-person-copy>span{font-size:16px}
 .audience-person-card>img{top:-48px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:210px;height:238px;object-fit:contain;object-position:center bottom}
}