@import url("../v23-company-page/company.css?v=20260818-spacing-02");

/* Product page uses the Company Page framework as its single visual system. */
.products-deck .chapter__wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 38%,rgba(255,255,255,.55) 58%,rgba(255,255,255,.04) 100%)}
.chapter--proof .chapter__media img{object-position:center center}.chapter--proof .chapter__wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 44%,rgba(255,255,255,.2) 80%)}

.chapter--overview{padding:clamp(126px,14vh,170px) clamp(26px,7vw,140px) clamp(60px,8vh,90px)}
.chapter--overview .chapter__media img{object-position:right center}.chapter--overview .chapter__wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 44%,rgba(255,255,255,.3) 78%,rgba(255,255,255,.05) 100%)}
.product-overview-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.2fr);gap:clamp(44px,7vw,120px);align-items:center;min-height:calc(max(700px,100vh) - clamp(186px,22vh,260px))}
.product-overview-intro h2{font-size:clamp(44px,4.6vw,82px)}.product-overview-intro>p:last-child{max-width:520px;margin:25px 0 0}
.product-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:rgba(255,255,255,.66);backdrop-filter:blur(13px)}
.product-index article{display:flex;min-height:380px;flex-direction:column;padding:clamp(24px,3vw,42px);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-index article>span,.supplier-facts dt,.route-cards span{font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.product-index h3{margin:52px 0 18px;font-size:clamp(38px,4vw,62px)}.product-index p{margin:0;font-size:14px}.product-index .text-link{margin-top:auto}

.chapter--product-detail .chapter__media img{object-position:right center}.chapter--product-detail .chapter__wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 40%,rgba(255,255,255,.58) 57%,rgba(255,255,255,.03) 100%)}
.product-detail-copy{width:min(690px,46vw)}.product-detail-copy h2{max-width:690px;font-size:clamp(46px,4.8vw,84px)}
.product-detail-copy .chapter__lead{margin-top:clamp(22px,3vh,30px)}
.supplier-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(28px,4vh,44px) 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.supplier-facts div{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.72)}.supplier-facts dt{margin-bottom:12px}.supplier-facts dd{margin:0;font-size:12px;line-height:1.45}
.chapter--reinfire .product-detail-copy{width:min(600px,40vw);max-width:100%}.chapter--reinfire .supplier-facts{width:100%;max-width:100%}
.chapter--reinfire .chapter__media{inset:0 0 0 50%;width:50%;height:100%;background:#e7e7e7}.chapter--reinfire .chapter__film{inset:0;width:100%;height:100%;object-fit:contain;object-position:center center}.chapter--reinfire .chapter__wash{background:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.18) 14%,rgba(255,255,255,0) 30%)}
.chapter--inhalo .chapter__media img{object-position:right center}
.chapter--inhalo .chapter__wash{z-index:1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 39%,rgba(255,255,255,.64) 57%,rgba(255,255,255,.03) 78%,rgba(255,255,255,0) 100%)}
.inhalo-airflow{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .1s ease}
.chapter--inhalo.is-active .inhalo-airflow{opacity:1}

.chapter--routes{padding:clamp(126px,14vh,170px) clamp(26px,7vw,140px) clamp(60px,8vh,90px);background:#fff}
.chapter--routes .chapter__media{z-index:0}.chapter--routes .chapter__media img{object-position:right center}.chapter--routes .chapter__wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 40%,rgba(255,255,255,.72) 60%,rgba(255,255,255,.1) 100%)}
.chapter--routes::before{position:absolute;z-index:1;inset:0;background:linear-gradient(rgba(45,98,140,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,98,140,.03) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(120deg,transparent 5%,#000 55%,transparent 96%);content:"";pointer-events:none}
.route-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.2fr);grid-template-rows:1fr auto;gap:clamp(38px,6vw,100px);align-items:center;min-height:calc(max(700px,100vh) - clamp(186px,22vh,260px))}
.route-copy h2{font-size:clamp(44px,4.5vw,80px)}.route-copy>p:last-child{max-width:620px;margin:25px 0 0}
.route-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.route-cards article{min-height:230px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.7)}.route-cards h3{margin:38px 0 10px;font-size:36px}.route-cards p{margin:0;font-size:13px}.route-cards strong{display:block;margin-top:24px;font-size:11px;line-height:1.4;text-transform:uppercase}.route-cards .route-note{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:26px;min-height:0}.route-cards .route-note p{max-width:540px}.route-next{grid-column:2;margin-top:0}

.chapter--enquiry{color:#000;background:#fff}
.chapter--enquiry .chapter__media{z-index:0}.chapter--enquiry .chapter__media img{object-position:right center}.chapter--enquiry .chapter__wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.67) 58%,rgba(255,255,255,.08) 100%)}
.chapter--enquiry::before{position:absolute;z-index:1;inset:0;background:linear-gradient(rgba(45,98,140,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,98,140,.026) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(120deg,transparent 5%,#000 55%,transparent 96%);content:"";pointer-events:none}
.chapter--enquiry .contact-layout{position:relative;z-index:2;padding:clamp(126px,14vh,164px) clamp(26px,7vw,140px) clamp(60px,8vh,90px)}
.chapter--enquiry .contact-copy h2{font-size:clamp(48px,5vw,90px)}

@media(max-width:1100px){.product-overview-layout,.route-layout{grid-template-columns:1fr 1fr}.product-index{grid-template-columns:1fr}.product-index article{min-height:250px}.product-index article:nth-child(2){display:none}.supplier-facts{grid-template-columns:1fr}}
@media(max-width:899px),(max-height:699px),(pointer:coarse){.chapter--overview,.chapter--routes{padding:112px 24px 68px}.product-overview-layout,.route-layout{grid-template-columns:1fr;grid-template-rows:auto;align-content:center;min-height:calc(100svh - 180px);gap:30px}.product-index{grid-template-columns:repeat(2,minmax(0,1fr))}.product-index article{min-height:245px}.product-index article:nth-child(2){display:flex}.product-index h3{margin:26px 0 12px}.product-detail-copy{width:min(720px,calc(100% - 48px))}.supplier-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.route-next{grid-column:1}.chapter--enquiry .contact-layout{padding:112px 24px 68px}.chapter--reinfire .chapter__media{inset:0;width:100%;height:100%}.chapter--reinfire .chapter__film{inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.chapter--reinfire .chapter__wash,.products-deck .chapter__wash,.chapter--proof .chapter__wash,.chapter--overview .chapter__wash,.chapter--product-detail .chapter__wash,.chapter--routes .chapter__wash,.chapter--enquiry .chapter__wash{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.62) 42%,rgba(255,255,255,.97) 70%,#fff 100%)}.chapter--inhalo .chapter__media img{object-position:78% center}}
@media(prefers-reduced-motion:reduce){.inhalo-airflow{display:none}}
@media(max-width:600px){.product-index{grid-template-columns:1fr}.product-index article{min-height:210px}.product-index article:nth-child(2){display:flex}.supplier-facts{grid-template-columns:1fr}.supplier-facts div:nth-child(2){display:block}.route-copy .chapter__eyebrow{display:block;line-height:1.55}.route-copy .chapter__eyebrow span{margin-right:12px}.route-copy .chapter__eyebrow::after{display:none}.route-cards{grid-template-columns:1fr}.route-cards article{min-height:170px}.route-cards article:nth-child(2){display:block}.route-cards .route-note{grid-column:1;grid-template-columns:1fr}.chapter--enquiry .contact-copy h2{font-size:clamp(42px,12vw,60px)}}

/* Shared horizontal rail migration. */
.chapter--overview,.chapter--routes,.chapter--enquiry .contact-layout{padding-right:var(--section-rail-inline-end);padding-left:var(--section-rail-inline-start)}
.chapter--overview,.chapter--routes,.chapter--enquiry .contact-layout{padding-top:var(--deck-section-padding-start);padding-bottom:var(--deck-section-padding-end)}