/* Shared HUD banner dimensions and typography come from menu-heroes.css. */
body.subpage main .out-cabin-hero .hero-image{opacity:1;object-position:center top}
body.subpage main .out-cabin-hero:before{background:linear-gradient(90deg,rgba(5,5,8,.8),rgba(5,5,8,.43) 52%,rgba(5,5,8,.12)),linear-gradient(0deg,#080809,transparent 20%)}
body.subpage main .out-cabin-hero .hero-content{max-width:850px;text-shadow:0 2px 16px #0009}
body.subpage main .out-cabin-hero p{color:#fff}
.carpit-article{text-align:left}
.carpit-article .section{border-bottom:1px solid #ffffff19}
.carpit-article h2{max-width:1050px;font-size:clamp(32px,3.7vw,52px);line-height:1.18;letter-spacing:-.025em}
.carpit-copy,.carpit-lead{max-width:1050px;margin-top:30px}
.carpit-article p{max-width:1050px;font-size:18px;line-height:1.85;color:#c8c8ce}
.carpit-copy p+p{margin-top:22px}
.carpit-pattern-list{margin-top:50px}
.carpit-pattern{display:grid;grid-template-columns:56px minmax(0,1fr);gap:26px;padding:34px 0;border-top:1px solid #ffffff23}
.carpit-number{padding-top:5px;color:var(--pattern-colour);font-size:16px;letter-spacing:.08em}
.carpit-pattern h3{font-size:clamp(22px,2vw,29px);line-height:1.4;letter-spacing:-.015em;font-weight:500;max-width:1080px}
.carpit-pattern h3 span{color:var(--pattern-colour)}
.carpit-pattern p{margin-top:18px}
.carpit-pattern em{color:#f5f5f7}
.carpit-article .carpit-signature{margin-top:36px;color:#fff}
.carpit-signature strong{display:block;font-weight:500}
.carpit-signature strong+strong{margin-top:8px}
.carpit-actions{display:flex;flex-wrap:wrap;gap:16px 36px}
@media(max-width:800px){
 body.subpage main .out-cabin-hero .hero-image{object-position:74% top}
 body.subpage main .out-cabin-hero:before{background:linear-gradient(90deg,#050508d9,#05050865),linear-gradient(0deg,#080809,transparent 24%)}
 .carpit-article p{font-size:17px;line-height:1.8}
 .carpit-pattern{grid-template-columns:28px minmax(0,1fr);gap:16px;padding:28px 0}
 .carpit-pattern-list{margin-top:35px}
}

/* Consistent CARPIT imagery; preserve every projection and message. */
.carpit-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;margin-top:48px}
.carpit-gallery figure{min-width:0;margin:0}
.carpit-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b0b0d}
.carpit-gallery figcaption{padding-top:16px;color:#f2f2f4;font-size:18px;line-height:1.5;font-weight:500}
@media(max-width:680px){.carpit-gallery{grid-template-columns:1fr;gap:30px;margin-top:34px}.carpit-gallery figcaption{font-size:17px;padding-top:12px}}

/* Four supplied scenes sit beside the related editorial copy. */
.carpit-media-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap);align-items:start;max-width:1320px}
.carpit-side-photo{margin:0;min-width:0;width:100%}
.carpit-side-photo a,.carpit-side-photo img{display:block;width:100%}
.carpit-side-photo img{height:auto;aspect-ratio:1000/563;object-fit:contain;border-radius:12px;background:#101012}
.carpit-text-column{min-width:0}
.subpage .carpit-text-column h2{font-size:clamp(28px,2.9vw,42px);line-height:1.22}
@media(max-width:800px){.carpit-media-row{grid-template-columns:minmax(0,1fr);gap:30px}.carpit-side-photo{max-width:680px}}

/* Keep the whole projection screen below the fixed header. */
body.subpage[data-page="out-cabin-projection"] main .hero.product-hero{background:#08070d}
body.subpage[data-page="out-cabin-projection"] main .hero.product-hero .hero-image{
 inset:86px 0 0;width:100%;height:calc(100% - 86px);object-fit:contain;object-position:right bottom;opacity:1;z-index:-2;
}
body.subpage[data-page="out-cabin-projection"] main .hero.product-hero:before{
 z-index:-1;background:linear-gradient(90deg,#08070d,rgba(8,7,13,.8) 40%,transparent 72%),linear-gradient(0deg,#080809,transparent 14%);
}
body.subpage[data-page="out-cabin-projection"] main .hero.product-hero .hero-content{max-width:50%}
@media(max-width:800px){
 body.subpage[data-page="out-cabin-projection"] main .hero.product-hero{align-items:flex-start;padding-top:120px}
 body.subpage[data-page="out-cabin-projection"] main .hero.product-hero .hero-content{max-width:100%}
 body.subpage[data-page="out-cabin-projection"] main .hero.product-hero .hero-content p{font-size:15px;line-height:1.5;margin-top:14px}
 body.subpage[data-page="out-cabin-projection"] main .hero.product-hero .hero-content .link{margin-top:16px}
 body.subpage[data-page="out-cabin-projection"] main .hero.product-hero .hero-image{inset:auto 0 0;height:210px;object-position:right bottom}
 body.subpage[data-page="out-cabin-projection"] main .hero.product-hero:before{background:linear-gradient(0deg,#080809,transparent 10%)}
}