/* Shared public-page rhythm. Heading sizes, colours and business content stay owned by their components. */
.wrap.information,.wrap.catalog,.wrap.detail,.wrap.enquiry{width:min(1280px,88%);margin-inline:auto}
.information,.catalog,.detail,.enquiry{padding-block:64px 104px}
.information .breadcrumb,.catalog .breadcrumb,.detail .breadcrumb,.enquiry .breadcrumb{margin-bottom:30px;line-height:1.8}
.information .info-hero{gap:clamp(32px,6vw,88px);margin-bottom:64px;align-items:start}
.information .section-heading,.catalog .section-heading{gap:40px;margin-bottom:48px}
.catalog .catalog-search-form{padding-block:28px;margin-top:10px}
.catalog .result-count{margin-block:28px}
.catalog .product-pagination{margin-block:48px}
.new-product-list{margin-block:64px 96px}
.new-product-list .section-heading{margin-bottom:40px}
.study-grid{gap:32px}
.study-copy{padding:40px}
.study-copy p{line-height:1.95}
.study-grid.page-new-products{margin-top:64px}
.partner-information>.catalog-note{margin-top:72px;padding-block:40px;gap:36px}
.product-detail{column-gap:8%;row-gap:48px}
.detail-copy{padding-top:8px}
.detail-copy>p{margin-block:24px 30px;line-height:1.9}
.detail-copy dl{margin-block:34px}
.detail-copy dl>div{padding-block:17px;gap:28px;line-height:1.8}
.detail .product-gallery{gap:20px;margin-top:24px}
.development-context{margin-top:64px;padding-top:36px}
.development-context>section{padding-block:32px}
.development-context p{line-height:1.9}
.detail>.related,.material-study>.related{margin-top:72px;padding-top:40px}
.material-study-photo{margin:40px 0 64px}
.material-study-sections>section{padding-block:44px;gap:56px}
.material-study-sections .study-body p+p{margin-top:18px}
.material-study .photochromic-sequence{margin-block:40px 56px;padding-block:28px}
.material-study>.context-links{margin-block:36px}
.material-study>.catalog-note{margin-top:64px;padding-block:40px;gap:36px}
.quality-evidence .quality-jump{padding-block:28px!important;margin-top:36px}
.quality-evidence .quality-scope{padding-block:28px;gap:16px 28px}
.quality-evidence .quality-library{padding-top:80px}
.quality-evidence .quality-record-grid{gap:32px}
.quality-evidence .quality-record-copy{padding:32px}
.quality-evidence .quality-record-copy>p{line-height:1.9;margin-block:24px}
.quality-card-photo figcaption{padding:14px 20px;line-height:1.7}
.quality-evidence>.catalog-note{margin-top:80px;padding-block:40px;gap:40px}
.about-profile .about-intro{gap:clamp(36px,6vw,88px);margin-bottom:64px}
.about-profile .about-section{padding-block:40px}
.about-profile .about-section.has-photo{gap:56px}
.about-profile .about-next{padding-block:36px;margin-top:32px}
.about-profile .about-contact{padding:40px;margin-top:48px;gap:40px}
.contact-page .contact-options{gap:64px;margin-block:56px 64px}
.contact-page .contact-options>section{padding-top:32px}
.contact-page .contact-options p{line-height:1.9;margin-block:24px 30px}
.contact-page .contact-email{padding:32px;margin-bottom:48px}
.contact-page .contact-company{padding-top:36px}
.contact-page .contact-company p{line-height:1.9;margin-top:20px}
.enquiry .enquiry-grid{column-gap:10%;row-gap:56px}
.enquiry .enquiry-intro>p{line-height:1.9;margin-top:28px}
.enquiry .brief-help{margin-top:40px;padding-top:28px}
.enquiry .field{margin-bottom:28px}
.enquiry .field label{margin-bottom:12px}
.enquiry .field input,.enquiry .field textarea{padding:15px}
.enquiry .field textarea{min-height:180px;line-height:1.8}
.enquiry .form-row{gap:0 24px}
.enquiry .form-actions{margin-top:30px;gap:18px}
.resources-page .resource-grid{gap:32px;margin-block:48px 56px}
.resources-page .resource-grid article{padding:34px}
.resources-page .resource-grid p{line-height:1.95;margin-block:18px 26px}
.guide-page{max-width:940px}
.guide-page .guide-summary,.guide-page .guide-sections p{line-height:1.95}
.guide-page .guide-meta{margin-block:24px 44px}
.guide-page .guide-sections section{padding-block:40px}
.guide-page .context-links{margin-block:36px}
.information.legal>p{margin-block:28px;line-height:1.95}
.information .shortlist-row{padding-block:32px;gap:32px}
.information .receipt-card{padding:44px;margin-block:48px}
.information .comparison-scroll th,.information .comparison-scroll td{padding:24px;line-height:1.85}
.admin .admin-inquiry{margin-bottom:24px;padding:24px}
.admin .admin-record{padding:32px;margin-top:24px}
.admin .enquiry-products{margin-block:32px}
.admin .enquiry-product{padding-block:24px;gap:24px}
@media(max-width:800px){
 .information,.catalog,.detail,.enquiry{padding-block:52px 80px}
 .information .info-hero{gap:30px;margin-bottom:48px}
 .information .section-heading,.catalog .section-heading{gap:28px;margin-bottom:36px}
 .study-copy{padding:30px}
 .material-study-sections>section{gap:32px;padding-block:36px}
 .quality-evidence .quality-library{padding-top:60px}
 .quality-evidence .quality-record-grid{gap:24px}
 .quality-evidence .quality-record-copy{padding:28px}
 .about-profile .about-section.has-photo{gap:32px}
 .contact-page .contact-options{gap:36px}
 .enquiry .enquiry-grid{column-gap:7%;row-gap:44px}
}
@media(max-width:580px){
 .wrap.information,.wrap.catalog,.wrap.detail,.wrap.enquiry{width:90%}
 .information,.catalog,.detail,.enquiry{padding-block:40px 64px}
 .information .breadcrumb,.catalog .breadcrumb,.detail .breadcrumb,.enquiry .breadcrumb{margin-bottom:24px}
 .information .info-hero{gap:24px;margin-bottom:40px}
 .new-product-list{margin-block:44px 64px}
 .study-copy{padding:28px}
 .study-grid{gap:24px}
 .partner-information>.catalog-note,.material-study>.catalog-note,.quality-evidence>.catalog-note{padding-block:30px;margin-top:48px;gap:28px}
 .detail-copy{padding-top:0}
 .detail-copy dl>div{padding-block:15px;gap:20px}
 .product-detail{row-gap:36px}
 .development-context{margin-top:44px;padding-top:28px}
 .development-context>section{padding-block:28px}
 .material-study-photo{margin-block:32px 44px}
 .material-study-sections>section{grid-template-columns:1fr;gap:22px;padding-block:32px}
 .material-study .photochromic-sequence{margin-block:32px 40px}
 .quality-evidence .quality-library{padding-top:48px}
 .quality-evidence .quality-record-copy{padding:26px}
 .about-profile .about-intro{gap:32px;margin-bottom:44px}
 .about-profile .about-section{padding-block:32px}
 .about-profile .about-section.has-photo{gap:28px}
 .about-profile .about-contact{padding:28px;gap:28px;margin-top:36px}
 .contact-page .contact-options{gap:40px;margin-block:40px 48px}
 .contact-page .contact-email{padding:26px;margin-bottom:36px}
 .enquiry .enquiry-grid{row-gap:40px}
 .enquiry .field{margin-bottom:26px}
 .enquiry .form-row{gap:0}
 .resources-page .resource-grid{gap:24px;margin-block:36px 44px}
 .resources-page .resource-grid article{padding:26px}
 .guide-page .guide-sections section{padding-block:30px}
 .information .shortlist-row{gap:18px;padding-block:28px}
 .information .receipt-card{padding:28px;margin-block:36px}
 .information .comparison-scroll th,.information .comparison-scroll td{padding:16px}
 .admin .admin-inquiry{padding:18px}
 .admin .admin-record{padding:22px}
 .admin .enquiry-product{gap:16px}
}

/* A softer, neutral charcoal band retains the home page rhythm. */
.home-page .quality{background:#484a44;color:#f6f5f0}
.home-page .quality p{color:#dedfd7}

/* Homepage exploration: small lower-left image and a restrained text column. */
.home-page .development{grid-template-columns:30% 37%;column-gap:5%;background:var(--paper);align-items:start;min-height:640px}
.home-page .development-photo{min-height:0;height:clamp(320px,28vw,500px);align-self:end}
.home-page .development-photo img{object-position:center}
.home-page .development-copy{padding:24px 0 28px;min-width:0;align-self:start}
.home-page .development-copy>p{max-width:none}
.home-page .development-copy .process{width:100%}
@media(max-width:900px){
 .home-page .development{grid-template-columns:1fr 1fr;column-gap:8%;padding-inline:5%;min-height:0}
 .home-page .development-photo{height:360px}
 .home-page .development-copy{padding:48px 0 24px}
}
@media(max-width:650px){
 .home-page .development{grid-template-columns:1fr;gap:28px;padding-inline:6%}
 .home-page .development-photo{height:auto;aspect-ratio:1.08}
 .home-page .development-copy{padding:0 0 32px}
}

.study-grid.page-new-products>section,.study-grid.page-new-products figure{background:transparent}
.materials-banner{margin-bottom:0}

@media(min-width:901px){
 .home-page .development{grid-template-columns:30vw 37vw;column-gap:5vw;padding-left:5vw}
 .home-page .development-copy{position:static;top:auto;align-self:end;padding-bottom:0}
}

.study-grid.page-new-products>section{border:1px solid var(--line)}
.study-grid.page-new-products figure{border-bottom:1px solid var(--line)}

/* Material studies span the banner; alternate the reading alignment. */
.study-grid.page-materials{grid-template-columns:minmax(0,1fr)}
.page-materials>section:nth-child(even) .study-copy{text-align:right}
.page-materials>section:nth-child(even) .eyebrow{justify-content:flex-end}

/* Equal section spacing above the copy and below the image. */
@media(min-width:901px){
 .home-page .development{min-height:0}
 .home-page .development-copy{padding-top:0;padding-bottom:0}
}

.study-grid.page-materials>section,.study-grid.page-materials figure{background:transparent}

@media(min-width:901px){
 .home-page .development{--exploration-space:clamp(112px,8vw,160px);column-gap:var(--exploration-space);padding-left:var(--exploration-space);grid-template-columns:30vw minmax(0,37vw)}
}