/* Overview refinement: Recht&Heim geometry and materials; scoped to this page. */
.so-overview{padding-top:118px}
.so-overview .sh-breadcrumb{font-size:11px;margin-bottom:18px}
.so-overview h1{font-size:clamp(42px,4.2vw,60px);line-height:1.03;letter-spacing:-.055em}
.so-overview .rh-hero-copy{gap:26px}
.so-overview .so-hero-card{min-height:630px;gap:14px}
.so-dossier{width:100%;height:auto;min-height:250px;max-height:340px;overflow:visible;filter:drop-shadow(0 20px 18px #20242f15)}
.so-dossier .so-back-sheet,.so-dossier .so-front-sheet{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.so-floating-badge{animation:so-float 5s ease-in-out infinite}
.so-area-explain{min-height:154px;margin-top:3px}
.so-area-explain h3{margin-bottom:7px}
.so-area-explain>a{display:inline-block;margin-top:13px;font-size:13px;font-weight:600;text-decoration:none}
.so-area-explain[data-changing]{animation:so-copy-in .35s ease-out}
.so-overview .rh-house-choice{flex-shrink:0}
.so-overview .rh-house-choice button{transition:background .25s,color .25s,box-shadow .25s}
.so-overview .rh-house-choice button:active{transform:scale(.97)}
.so-highlights .rh-highlight{gap:20px;padding:34px}
.so-highlights .rh-highlight>a{font-size:13px;font-weight:600;text-decoration:none;margin-top:2px}
.so-limit{height:160px;display:flex;flex-direction:column;justify-content:center}
.so-limit .rh-discount{font-size:80px;font-variant-numeric:tabular-nums}
.so-limit .rh-discount-prefix{margin-bottom:9px}
.so-limit-controls{border-color:#d2d4da;background:#ffffff40}
.so-highlights .so-limit-note{margin-top:0;min-height:42px}
.so-time-art{height:160px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.so-time-axis{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#cacbd2;font-size:10px}
.so-time-axis i{height:1px;flex:1;background:#ffffff2a}
.so-time-track{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;position:relative;gap:8px}
.so-time-track>span{padding:17px 8px;text-align:center;border:1px solid #ffffff35;border-radius:13px;font-size:12px;font-weight:600;white-space:nowrap;background:linear-gradient(140deg,#ffffff25,#ffffff09)}
.so-time-track>span:last-child{background:linear-gradient(140deg,#bbcdf83b,#ffffff0d);border-color:#b6c8ed70}
.so-time-track b{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#fff;color:#262628;box-shadow:0 6px 20px #0002;transition:transform .5s}
.so-time-caption{display:flex;justify-content:space-between;color:#b9bac2;font-size:10px}
.so-check-card{border-radius:30px 80px 30px 30px}
.so-check-art{height:160px;position:relative;width:210px;max-width:100%;margin:0 auto;flex-shrink:0}
.so-highlights .rh-highlight h3{max-width:none;text-wrap:pretty}
.so-check-paper{position:absolute;left:37px;top:0;width:115px;height:143px;transform:rotate(-9deg);padding:18px;background:linear-gradient(140deg,#fff,#dfe2e9);border:1px solid white;border-radius:13px;box-shadow:0 13px 23px #0001;transition:transform .5s}
.so-check-paper>i{display:block;height:5px;width:35px;background:#a4b1c9;border-radius:5px;margin-bottom:15px}
.so-check-paper>span{display:flex;gap:9px;align-items:center;margin-top:11px;color:#637faf;font-size:12px}
.so-check-paper b{display:grid;place-items:center;border:1px solid #b4bfd2;width:17px;height:17px;border-radius:5px;font-weight:500}
.so-check-paper em{height:3px;flex:1;border-radius:3px;background:#bec5d1}
.so-check-lens{position:absolute;right:1px;bottom:4px;width:83px;height:83px;background:#ffffff6b;border:1px solid #fff9;backdrop-filter:blur(7px);border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 23px #0001;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.so-check-lens svg{width:46px;fill:none;stroke:#6483b8;stroke-width:2.5;stroke-linecap:round}
.so-overview .sh-step{min-height:340px}
.so-overview .sh-story-visual{box-shadow:inset 0 1px 0 #ffffffb3,0 20px 50px #0000000a}
@media(hover:hover){.so-hero-card:hover .so-front-sheet{transform:translateY(-9px)}.so-hero-card:hover .so-back-sheet{transform:translate(-5px,-15px)}.so-time-card:hover .so-time-track b{transform:rotate(45deg)}.so-check-card:hover .so-check-lens{transform:translate(-13px,-12px)}.so-check-card:hover .so-check-paper{transform:rotate(-3deg)}}
@keyframes so-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes so-copy-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px) and (min-width:761px){.so-overview h1{font-size:45px}.so-highlights{grid-template-columns:1fr 1fr}.so-check-card{grid-column:1/-1;display:grid;grid-template-columns:210px 1fr}.so-check-card .rh-eyebrow{grid-column:1/-1}.so-check-art{grid-row:span 3}.so-check-card h3{max-width:none}.so-highlights .so-check-card .rh-small{margin-top:0}.so-check-card>a{grid-column:2}}
@media(max-width:760px){.so-overview{padding-top:104px}.so-overview h1{font-size:clamp(36px,10vw,46px)}.so-overview .rh-hero-copy{padding:32px 26px}.so-overview .so-hero-card{padding:26px;min-height:510px;gap:12px}.so-dossier{min-height:200px;max-height:250px}.so-area-explain{min-height:200px}.so-area-explain h3{font-size:25px}.so-overview .rh-house-choice button{font-size:12px;min-height:44px;padding:8px 5px}.so-highlights .rh-highlight{padding:29px;gap:20px}.so-check-card{border-radius:25px 65px 25px 25px}.so-limit .rh-discount{font-size:78px}.so-overview .sh-step{min-height:410px}}
@media(prefers-reduced-motion:reduce){.so-overview *, .so-overview *:before,.so-overview *:after{animation:none!important;transition:none!important}.so-overview .sh-step{min-height:0}.so-hero-card .so-front-sheet,.so-hero-card .so-back-sheet{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.so-check-lens{backdrop-filter:none;background:#eef0f4}}

@media(max-width:360px){.so-area-explain{min-height:245px}}
