/* Inner pages carry the established typography, cobalt architecture and natural imagery. */
.inner-page{background:#fff;color:#123b67}.inner-page main{overflow:hidden}.inner-page .header{z-index:30}.inner-page .navigation [aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.page-hero{position:relative;min-height:510px;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(0,22,74,.6),rgba(0,22,74,.03) 85%),url('../media/hero-v6-lossless.webp') center 48%/cover;color:#fff;padding:160px 0 65px}.page-hero h1{font-size:clamp(44px,5.1vw,76px);line-height:1.04;letter-spacing:-.045em;font-weight:500;max-width:900px;margin:25px 0 22px}.page-hero p{font-size:19px;line-height:1.55;max-width:620px;margin:0;color:#f3f6ff}.breadcrumbs{display:flex;gap:13px;font-size:15px;align-items:center}.breadcrumbs>a:hover{text-decoration:underline}.page-section{padding:88px 0}.page-section h3{font-size:27px;font-weight:500;line-height:1.18;letter-spacing:-.02em;margin:24px 0 13px}.page-section p{font-size:18px;line-height:1.65;margin:0 0 20px}.story-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.story-copy p.large-copy{font-size:26px;line-height:1.4;margin-bottom:25px}.page-link{display:inline-flex;align-items:center;gap:22px;font-size:17px;line-height:1.4;font-weight:500;padding:8px 0;color:inherit}.page-link:hover{text-decoration:underline;text-underline-offset:5px}.page-link span{font-size:22px}.factory-feature{position:relative;min-height:530px;display:flex;align-items:flex-end;isolation:isolate;padding:65px max(4vw,20px);color:#fff}.factory-feature>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.factory-feature::after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,rgba(0,15,29,.82),rgba(0,15,29,0) 85%);z-index:-1}.factory-feature-copy{width:100%;max-width:1360px;margin:auto}.factory-feature-copy p{font-size:20px;line-height:1.6;max-width:580px}.faq-page-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.faq-page-layout aside p{color:#53677e}.faq-accordion details{border-top:1px solid #d6e2ee;padding:25px 0}.faq-accordion summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;font-size:22px;line-height:1.3;list-style:none}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary span{font-size:27px;font-weight:400;transition:transform .2s}.faq-accordion details[open] summary span{transform:rotate(45deg)}.faq-accordion details p{margin:20px 42px 0 0;color:#53677e;font-size:17px}.faq-accordion summary:focus-visible{outline:2px solid #0047ab;outline-offset:7px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%}.contact-big{display:block;color:#0047ab;font-size:clamp(28px,3vw,44px);letter-spacing:-.035em;margin:32px 0 22px;overflow-wrap:anywhere}.contact-grid>div>h3:first-child{margin-top:0}.contact-grid h3{font-size:22px}.contact-grid p{font-size:19px}.email-explainer{font-size:15px;line-height:1.5;color:#fff;margin:0}.inner-page [id]{scroll-margin-top:115px}
@media(max-width:1000px){.story-layout{gap:7%}}
@media(max-width:800px){.page-hero{min-height:430px;padding:135px 0 48px;background-position:60% center}.page-hero h1{font-size:clamp(42px,7vw,58px)}.page-hero p{font-size:17px;max-width:510px}.page-section{padding:58px 0}.story-layout,.faq-page-layout,.contact-grid{grid-template-columns:1fr;gap:30px}.story-copy p.large-copy{font-size:23px}.factory-feature{min-height:430px;padding-top:45px;padding-bottom:45px}.factory-feature-copy p{font-size:18px}.contact-big{margin:20px 0}.contact-grid{gap:40px}}
@media(max-width:540px){.page-hero{min-height:410px;padding-top:130px}.page-hero h1{font-size:42px}.breadcrumbs{font-size:14px}.faq-accordion summary{font-size:21px}.faq-accordion details p{margin-right:15px}.factory-feature{min-height:440px}.factory-feature>img{object-position:45% center}}
@media(prefers-reduced-motion:reduce){.faq-accordion summary span{transition:none}}

.page-section h2,.factory-feature h2{font-size:clamp(34px,3.6vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0 0 25px}
.contact-band{color:#fff;background:linear-gradient(90deg,rgba(4,24,13,.6),rgba(4,24,13,.3)),url('../media/enquiry-grass-only-background-lossless.webp') center 55%/cover;padding:75px 0}.contact-band>.section-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-band h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0 0 20px}.contact-band p{font-size:18px;line-height:1.65;margin:0;max-width:610px}.contact-band-link{display:flex;align-items:center;justify-content:space-between;gap:50px;flex-shrink:0;padding:19px 23px;background:#fff;color:#0047ab;min-width:230px;font-size:18px;transition:background .25s,color .25s}.contact-band-link:hover,.contact-band-link:focus-visible{background:#0047ab;color:#fff}.contact-band-link span{font-size:24px}.page-section h2{color:#0047ab}

@media(max-width:800px){.contact-band{padding:52px 0}.contact-band>.section-wrap{display:block}.contact-band h2{font-size:36px}.contact-band p{font-size:17px}.contact-band-link{margin-top:30px;max-width:300px}.page-section h2{font-size:36px}}
@media(max-width:540px){.contact-band h2{font-size:34px}.contact-band p br{display:none}.contact-band-link{max-width:none}.page-section h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.contact-band-link{transition:none}}

/* Keep the breadcrumb, heading and body on one shared page grid. */
.page-hero>.section-wrap{flex:none;width:calc(100% - clamp(40px,8vw,160px));max-width:1360px;box-sizing:border-box}.breadcrumbs{justify-content:flex-start;padding:0;margin:0;text-align:left;flex-wrap:wrap;row-gap:6px}.breadcrumbs>*{line-height:1.4}.breadcrumbs>span:last-child{color:inherit}.page-hero h1,.page-hero p{margin-left:0;padding-left:0}@media(max-width:800px){.page-hero>.section-wrap{width:calc(100% - 40px)}}

/* Each primary page has its own image; the shared hero grid and transparent header stay intact. */
.hero-about{background-image:linear-gradient(90deg,rgba(8,22,18,.32),rgba(8,22,18,.02)),url('../media/page-hero-about.webp')}
.hero-products{background-image:linear-gradient(90deg,rgba(10,21,29,.23),transparent 70%),url('../media/page-hero-products-installation.webp')}
.hero-news{background-image:linear-gradient(90deg,rgba(8,22,18,.28),rgba(8,22,18,.02)),url('../media/page-hero-news-garden-library.webp');background-position:center}
.inner-page .hero-news p{max-width:520px}
.hero-faqs{background-image:linear-gradient(90deg,rgba(26,19,10,.3),transparent 75%),url('../media/page-hero-faqs.webp')}
.inner-page .page-hero:is(.hero-products,.hero-news){min-height:460px;padding:155px 0 52px}
.inner-page .page-hero:is(.hero-products,.hero-news) h1{font-size:clamp(48px,5.2vw,72px)}
@media(max-width:800px){
 .hero-about{background-position:47% center}
 .hero-products{background-position:60% center}
 .hero-news{background-position:66% center}
 .hero-faqs{background-position:55% center}
 .inner-page .page-hero:is(.hero-products,.hero-news){min-height:400px;padding:130px 0 40px}
 .inner-page .page-hero:is(.hero-products,.hero-news) h1{font-size:44px}
 .page-hero:is(.hero-about,.hero-products,.hero-news,.hero-faqs){background-blend-mode:normal;background-color:#17342b}
 .page-hero:is(.hero-about,.hero-products,.hero-news,.hero-faqs)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,18,16,.46),transparent 90%);pointer-events:none}
 .page-hero:is(.hero-about,.hero-products,.hero-news,.hero-faqs)>.section-wrap{position:relative;z-index:1}
}