/* Real AUTO-SPA photographs, with crops matched to the supplied compositions. */
.real-hero{min-height:600px;background:#061521;isolation:isolate}
.real-hero::before{display:none!important}
.real-hero .hero-photo{position:absolute;inset:0 0 0 43%;width:57%;height:100%;display:block;overflow:hidden;z-index:0}
.real-hero .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 50%;animation:real-photo-arrive 1.2s ease-out both}
.real-hero::after{background:linear-gradient(90deg,#061521 0%,#061521 32%,rgba(6,21,33,.96) 40%,rgba(6,21,33,.56) 51%,rgba(6,21,33,.05) 69%),linear-gradient(0deg,rgba(6,21,33,.22),transparent 40%);z-index:0}
.real-hero .container{z-index:1;padding:76px 0;position:relative}
.real-hero .hero-copy{width:51%;max-width:620px}
.real-hero h1{font-size:clamp(38px,4.1vw,59px);line-height:1.13;letter-spacing:-.047em}
.real-hero p{max-width:470px}
.real-hero.hero-compact{min-height:430px}
.real-hero.hero-compact .container{padding:58px 0}
.real-hero.hero-compact .hero-copy{width:49%}
.real-hero.hero-compact h1{font-size:clamp(34px,3.8vw,53px)}
.page-about .real-hero .hero-photo{inset:0 0 0 55%;width:45%}
.page-about .real-hero .hero-photo img{object-fit:contain;background:#0a1b26}
.page-contact .real-hero .hero-photo img{object-position:50% 55%;object-fit:contain;background:#0a1b26}
.station-photo.photo-tone{filter:brightness(1.08) contrast(1.035) saturate(.88)}
.station-photo[data-photo="wash-interior"]{filter:brightness(1.15) contrast(1.035) saturate(.84)}
.station-photo[data-photo="station-exterior"]{filter:brightness(1.055) contrast(1.03) saturate(.94)}
.real-photo-block img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.real-photo-block{border-radius:16px;overflow:hidden}
.payment-grid{display:grid;grid-template-columns:minmax(240px,.7fr) 1fr;gap:clamp(32px,6vw,88px);align-items:center;max-width:1000px}
.payment-photo{margin:0;overflow:hidden;border-radius:16px;background:#f0f4f6;box-shadow:0 18px 45px #0b263212}
.payment-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.payment-photo figcaption{padding:15px 18px;font-size:12px;line-height:1.6;color:#526777;background:#f0f4f6}
.payment-grid h2{margin-top:17px}
.payment-grid p{color:#526777;line-height:1.85}
.real-hero .hero-photo:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ff742a55,transparent)}
.page-home .service-panel:first-child::before{background-position:52% center}
.page-home .service-panel:nth-child(2)::before{background-position:52% center;filter:brightness(1.1) saturate(.9)}
.orbit-ready .showcase-track{height:570px}
.orbit-ready .showcase-caption h3{font-size:clamp(24px,2.6vw,34px)}
.orbit-ready .showcase-caption p{max-width:430px}
.showcase-frame:after{background:linear-gradient(transparent,rgba(4,16,25,.95))}
@keyframes real-photo-arrive{from{transform:scale(1.035);opacity:.65}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.real-hero .hero-photo{inset:0 0 0 47%;width:53%}.real-hero{min-height:640px}}
@media(min-width:701px) and (max-width:1000px){.real-hero{min-height:560px}.real-hero .hero-copy{width:57%}.real-hero h1{font-size:clamp(35px,4.8vw,48px)}.real-hero.hero-compact .hero-copy{width:54%}.real-hero .hero-photo{left:40%;width:60%}.real-hero .hero-facts{gap:16px}.real-hero::after{background:linear-gradient(90deg,#061521 0%,#061521 26%,rgba(6,21,33,.92) 40%,rgba(6,21,33,.5) 60%,transparent 85%)}}
@media(max-width:700px){
 .real-hero,.real-hero.hero-compact{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .real-hero .hero-photo,.page-about .real-hero .hero-photo{position:relative;inset:auto;width:100%;height:340px;flex:none}
 .page-home .real-hero .hero-photo{height:400px}
 .real-hero .hero-photo img{object-position:center 48%}
 .page-home .real-hero .hero-photo img{object-position:center 39%}
 .page-about .real-hero .hero-photo img,.page-contact .real-hero .hero-photo img{object-fit:contain}
 .real-hero::after{inset:0 0 auto;height:341px;background:linear-gradient(0deg,#061521 0%,rgba(6,21,33,.22) 18%,transparent 45%);pointer-events:none}
 .page-home .real-hero::after{height:401px}
 .real-hero .container,.real-hero.hero-compact .container{padding:22px 0 38px}
 .real-hero .hero-copy,.real-hero.hero-compact .hero-copy{width:100%;max-width:none}
 .real-hero h1,.real-hero.hero-compact h1{font-size:clamp(31px,8.2vw,43px);line-height:1.16;margin:16px 0}
 .real-hero p{font-size:14px;max-width:none;line-height:1.8}
 .real-hero .eyebrow{font-size:9px;line-height:1.7}
 .real-hero .hero-facts{margin:24px 0;gap:18px}
 .real-hero .hero-fact strong{font-size:12px}
 .real-hero .hero-fact span{font-size:11px}
 .real-hero .hero-actions .btn{font-size:12px}
 .payment-grid{grid-template-columns:1fr;gap:32px}
 .payment-photo{max-width:390px;width:100%;justify-self:center}
 .payment-photo img{max-height:440px}
 .orbit-ready .showcase-track{height:460px}
 .orbit-ready .showcase-frame{aspect-ratio:4/5;background:#0b202e}
 .orbit-ready .showcase-slide img{height:64%;object-position:center;object-fit:cover}
 .orbit-ready .showcase-frame:after{inset:38% 0 0;background:linear-gradient(transparent 0%,#0b202e 48%)}
 .orbit-ready .showcase-caption{inset:auto 22px 24px}
 .orbit-ready .showcase-caption h3{font-size:23px;max-width:250px}
 .orbit-ready .showcase-caption p{margin:8px 0 6px;font-size:11px}
 .orbit-ready .showcase-caption a{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.real-hero .hero-photo img{animation:none}}

@media(min-width:701px){.real-hero .hero-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#061521,rgba(6,21,33,.72) 10%,transparent 36%)}}
#jak-skorzystac{scroll-margin-top:110px}
