/* Ramenskie Okna v9.1: five image-led page intros and unique REHAU illustrations.
   Loaded after reference-adaptation.css so v9 design remains unchanged elsewhere. */
.page-head.page-head--photo {
  position:relative;isolation:isolate;overflow:hidden;
  background-position:center center;background-size:cover;
  border-bottom:0;min-height:355px;padding:64px 0 70px;
  display:flex;align-items:center;
}
.page-head.page-head--photo::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(10,23,40,.90) 0%,rgba(10,23,40,.76) 46%,rgba(10,23,40,.34) 100%);
}
.page-head.page-head--photo > .container{position:relative;z-index:1;width:min(1320px,calc(100% - 80px));}
.page-head--calculator{background-image:url('../images/page-banners/page-calculator.webp')}
.page-head--portfolio{background-image:url('../images/page-banners/page-portfolio.webp')}
.page-head--quiz{background-image:url('../images/page-banners/page-quiz.webp')}
.page-head--reviews{background-image:url('../images/page-banners/page-reviews.webp')}
.page-head--contacts{background-image:url('../images/page-banners/page-contacts.webp')}
.page-head.page-head--photo h1{font-size:clamp(36px,3.9vw,56px);font-weight:600;color:#fff!important;max-width:800px;margin:0 0 18px;line-height:1.13;}
.page-head.page-head--photo p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.9)!important;max-width:700px;margin:0;}
.page-head.page-head--photo .eyebrow{color:#93c5ff!important;letter-spacing:.11em;font-weight:600;}
.page-head.page-head--photo .breadcrumbs{color:rgba(255,255,255,.73);margin-bottom:30px;}
.page-head.page-head--photo .breadcrumbs a{color:#fff;}
.page-head.page-head--photo .breadcrumbs span{color:rgba(255,255,255,.6);}
/* The About first screen is a separate two-column template. Turn it into one wide photo hero. */
.about-page .about-intro-section.about-intro--photo{
 background:url('../images/page-banners/page-company.webp') center/cover no-repeat;
 position:relative;isolation:isolate;min-height:485px;
 padding:64px 0 74px;display:flex;align-items:center;
}
.about-page .about-intro-section.about-intro--photo::before{
 content:"";position:absolute;z-index:-1;inset:0;
 background:linear-gradient(90deg,rgba(9,23,40,.91) 0%,rgba(9,23,40,.80) 46%,rgba(9,23,40,.30) 100%);
}
.about-page .about-intro--photo .about-intro-grid{display:block;}
.about-page .about-intro--photo .about-intro-copy{max-width:755px;}
.about-page .about-intro--photo .about-intro-copy h1{color:#fff!important;max-width:735px;margin:12px 0 20px;}
.about-page .about-intro--photo .about-intro-copy h1 span{color:#b4dbff!important;}
.about-page .about-intro--photo .about-intro-copy>p{color:rgba(255,255,255,.88)!important;max-width:700px;}
.about-page .about-intro--photo .eyebrow{color:#9fcfff;}
.about-page .about-intro--photo .breadcrumbs,.about-page .about-intro--photo .breadcrumbs span{color:rgba(255,255,255,.76);}
.about-page .about-intro--photo .breadcrumbs a{color:#fff;}
.about-page .about-intro--photo .about-inline-link{color:#fff!important;}
.about-page .about-intro--photo .about-intro-points{border-top-color:rgba(255,255,255,.26);}
.about-page .about-intro--photo .about-intro-points>span{color:rgba(255,255,255,.90);}
.about-page .about-intro--photo .about-intro-points .ui-icon{color:#9fcfff;}
.about-page .about-intro--photo .about-intro-photo{display:none;}
/* Separate model illustrations: originally each card embedded the same SVG. */
.rehau-section .rehau-illustration{height:164px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-bottom:1px solid #edf0f4;overflow:hidden;}
.rehau-section .rehau-illustration img{display:block;width:100%;height:100%;object-fit:contain;}
@media(max-width:820px){
 .page-head.page-head--photo {min-height:315px;padding:48px 0 56px;}
 .page-head.page-head--photo > .container{width:calc(100% - 48px);}
 .about-page .about-intro-section.about-intro--photo{min-height:435px;padding:48px 0 56px;}
}
@media(max-width:620px){
 .page-head.page-head--photo{min-height:305px;padding:38px 0 45px;background-position:60% center;}
 .page-head.page-head--photo > .container{width:calc(100% - 32px);}
 .page-head.page-head--photo::before{background:linear-gradient(90deg,rgba(10,23,40,.92),rgba(10,23,40,.60));}
 .page-head.page-head--photo h1{font-size:32px;}
 .page-head.page-head--photo p{font-size:16px;}
 .page-head.page-head--photo .breadcrumbs{margin-bottom:22px;}
 .about-page .about-intro-section.about-intro--photo{min-height:0;padding:42px 0 52px;}
 .about-page .about-intro--photo .about-intro-copy h1{font-size:34px;}
 .about-page .about-intro--photo .about-intro-points{gap:15px;margin-top:28px;}
}