/* Graphic exploration changes only the hero and review strip. */
.hero-option .hero-inner { grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr); gap:25px; padding:0; min-height:510px; }
.hero-option .hero-visual { position:relative; min-width:0; min-height:510px; align-self:stretch; isolation:isolate; }
.hero-option .hero-art { position:absolute; width:calc(100% + 65px); max-width:none; height:100%; left:-40px; top:0; object-fit:cover; object-position:55% center; z-index:-2; mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%); }
.hero-option .hero-visual::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#102f4e40,transparent 68%),linear-gradient(180deg,#102f4e33,transparent 55%); }
.hero-option .hero-title { position:relative; padding-top:47px; max-width:660px; }
.hero-option .hero-title > span { color:#d2dfeb; }
.hero-option .hero-title h1, .hero-option .hero-title p { text-wrap:balance; }
.hero-option h1 { font-size:clamp(45px,4.15vw,59px); margin:24px 0 22px; line-height:1.04; }
.hero-option .hero-title p { max-width:260px; color:#d4e0eb; font-size:14px; text-shadow:0 1px 7px #102f4e; }
.hero-option .hero-search { align-self:center; margin:38px 0; position:relative; z-index:1; background:#f4f8fb; }
.option-zespol .hero-art { object-position:64% center; }
.option-zespol .hero-visual::after { background:linear-gradient(90deg,#102f4e30,transparent 80%); }
.option-szachy .hero-art { object-position:60% center; }
.option-ilustracja .hero-art { object-position:59% center; }
.option-znak .hero-art { mask-image:none; width:100%; left:0; object-position:center; }
.option-znak .hero-visual::after { background:none; }
.hero-option .review-strip > span { font-size:10px; }
@media (max-width:1150px) {
 .hero-option .hero-inner { grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr); gap:15px; }
 .hero-option h1 { font-size:47px; }
 .hero-option .hero-title { padding-top:45px; }
 .hero-option .hero-title p { font-size:13px; max-width:220px; }
 .hero-option .hero-visual { min-height:490px; }
 .hero-option .hero-art { width:calc(100% + 45px); left:-25px; object-position:60% center; }
 .hero-option .hero-search { padding:24px; }
}
@media (min-width:761px) and (max-width:950px) {
 .hero-option .hero-inner { grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr); gap:12px; }
 .hero-option h1 { font-size:38px; }
 .hero-option .hero-title { padding-top:48px; }
 .hero-option .hero-title > span { font-size:8px; letter-spacing:.03em; }
 .hero-option .hero-visual { min-height:465px; }
 .hero-option .hero-search { padding:19px; }
 .hero-option .hero-search h2 { font-size:22px; }
 .hero-option .hero-title p { max-width:210px; }
 .hero-option .hero-art { object-position:64% center; }
}
@media (max-width:760px) {
 .hero-option .hero-inner { width:100%; grid-template-columns:1fr; gap:0; padding:0 0 25px; }
 .hero-option .hero-visual { min-height:420px; width:100%; }
 .hero-option .hero-title { padding:28px 18px 0; max-width:none; }
 .hero-option h1 { max-width:none; font-size:clamp(32px,9vw,45px); margin:21px 0 19px; }
 .hero-option .hero-title > span { font-size:8px; letter-spacing:.06em; }
 .hero-option .hero-title p { font-size:12px; max-width:none; line-height:1.5; }
 .hero-option .hero-art { width:100%; height:calc(100% - 145px); top:145px; left:0; object-fit:cover; object-position:center bottom; mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 90%,transparent 100%); }
 .hero-option .hero-visual::after { background:linear-gradient(180deg,#102f4e66 0%,#102f4e22 50%,transparent 75%); }
 .hero-option .hero-search { margin:0 18px; padding:21px; }
 .option-zespol .hero-art, .option-ilustracja .hero-art, .option-znak .hero-art { object-fit:cover; object-position:center bottom; }
 .hero-option .review-strip > span { font-size:8px; }
 .hero-option .review-strip { padding-inline:10px; }
}