/* Page-specific content-first layout: one banner and one published introduction section. */
.precast-page { background:#fff; }
.precast-banner { position:relative; min-height:470px; overflow:hidden; background:#e9ece9; }
.precast-banner::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(239,241,238,.98) 0%,rgba(239,241,238,.72) 35%,rgba(46,49,146,.08) 100%),url('/wp-content/uploads/2026/08/jk-fujairah-plant-hero.webp') center 40% / cover no-repeat; }
.precast-banner::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 52%,rgba(46,49,146,.08)); pointer-events:none; }
.precast-banner .container { position:relative; z-index:1; min-height:470px; display:flex; align-items:center; }
.precast-banner-copy { width:min(536px,50vw); padding:45px 50px 40px; background:rgba(255,255,255,.96); border-top:4px solid #339933; box-shadow:0 18px 45px rgba(31,34,86,.10); }
.precast-banner .eyebrow { color:#339933; }
.precast-banner h1 { max-width:12ch; margin:10px 0 17px; color:#2e3192; font-size:clamp(48px,5.2vw,76px); line-height:.96; letter-spacing:-.06em; }
.precast-banner p { max-width:42ch; margin:0; color:#454545; font-size:16px; line-height:1.7; }
.precast-crumb { display:flex; gap:10px; margin-top:27px; color:#555; font-size:11px; font-weight:700; }
.precast-crumb a { color:#2e3192; text-decoration:none; }
.precast-crumb .current { color:#339933; }
.precast-introduction { padding:100px 0 114px; background:#fff; }
.precast-intro-frame { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr); gap:70px; align-items:start; padding:0; background:transparent; }
.precast-copy { position:relative; }
.precast-copy .eyebrow { color:#339933; }
.precast-copy h2 { max-width:14ch; margin:9px 0 25px; color:#222; font-size:clamp(36px,4vw,58px); line-height:1.01; letter-spacing:-.055em; }
.precast-source-quote { max-width:59ch; margin:0 0 24px; padding-left:20px; border-left:3px solid #339933; color:#2e3192; font-size:19px; font-weight:700; line-height:1.55; }
.precast-copy p { max-width:71ch; margin:0 0 18px; color:#4c4c4c; font-size:15px; line-height:1.78; }
.precast-products-panel { position:sticky; top:106px; padding:31px 28px 28px; background:#2e3192; }
.precast-products-panel::before { content:""; position:absolute; inset:15px 15px auto auto; width:32px; height:32px; border-top:1px solid rgba(255,255,255,.45); border-right:1px solid rgba(255,255,255,.45); }
.precast-products-panel .eyebrow { color:#9bdd9b; }
.precast-products-panel h3 { max-width:11ch; margin:9px 0 23px; color:#fff; font-size:30px; line-height:1.02; letter-spacing:-.045em; }
.precast-product-list { display:block; margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.25); }
.precast-product-list li { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.25); color:#fff; font-size:13px; line-height:1.45; }
.precast-product-list li::before { content:"•"; margin-right:9px; color:#9bdd9b; font-size:16px; vertical-align:-1px; }
@media (max-width:900px) {
.precast-intro-frame { grid-template-columns:1fr; gap:42px; padding:45px 38px; }
.precast-source-visual { width:min(100%,360px); }
}
@media (max-width:560px) {
.precast-banner,.precast-banner .container { min-height:485px; align-items:flex-end; }
.precast-banner::before { background:linear-gradient(180deg,rgba(239,241,238,.05),rgba(239,241,238,.18)),url('/assets/jk-precast-concretee-live_ab5df02e.jpg') center / cover no-repeat; }
.precast-banner-copy { width:100%; padding:31px 25px 26px; }
.precast-banner h1 { font-size:51px; }
.precast-banner p { font-size:15px; }
.precast-introduction { padding:62px 0 72px; }
.precast-intro-frame { gap:35px; }
.precast-copy h2 { font-size:40px; }
.precast-source-quote { font-size:17px; }
.precast-copy p { font-size:14px; line-height:1.7; }
.precast-products-panel { position:relative; top:auto; padding:28px 23px; }
}