/* METS STAY forest retreat case; inherits stable KORREKT case layout. */
.mets-case .case-hero{grid-template-columns:1fr 1.03fr;gap:55px}
.mets-case .case-hero h1{font-size:clamp(41px,4.9vw,72px);letter-spacing:-.067em}
.mets-case .eyebrow{color:#39764c}
.mets-case .mets-preview{background:#e6e9db;border-color:#adc6af}
.mets-case .mets-preview .browser-head{background:#1b3828}
.mets-case .mets-preview .browser-head i{background:#88ab93}
.mets-case .mets-preview .browser-head small{color:#d3ebd4}
.mets-case .mets-preview .preview-photo{background:#14291b;height:415px}
.mets-case .mets-preview .preview-photo img{object-position:center 50%}
.mets-case .mets-preview .preview-photo:after{background:linear-gradient(0deg,#0f241ae3 0%,transparent 64%)}
.mets-case .mets-preview .preview-title small{color:#e2ebcf}
.mets-case .mets-preview .preview-title strong{font-size:clamp(32px,3.6vw,53px)}
.mets-case .mets-preview .preview-title strong em{color:#c9e7b1;font-style:normal;font-weight:600}
.mets-case .mets-preview .preview-caption{background:#e3ebdd;color:#294c36}
.mets-case .feature .num{color:#418451}
.mets-case .case-hero .cta,.mets-case .bottom-cta .cta{background:#275c3a;color:#fff}
.mets-case .case-hero .cta:hover,.mets-case .bottom-cta .cta:hover{background:#317349;box-shadow:0 12px 26px #22543333}
.mets-case a:focus-visible,.mets-case button:focus-visible,.mets-case select:focus-visible{outline-color:#72a66f}
html[data-theme="dark"] .mets-case .eyebrow{color:#b8d9a8}
html[data-theme="dark"] .mets-case .mets-preview{border-color:#4c7053;background:#23372a}
html[data-theme="dark"] .mets-case .mets-preview .preview-caption{background:#223c2b;color:#d2e7cc}
html[data-theme="dark"] .mets-case .feature .num{color:#a8d492}
html[data-theme="dark"] .mets-case .case-hero .cta,html[data-theme="dark"] .mets-case .bottom-cta .cta{background:#c4e6a7;color:#1d3422}
html[data-theme="dark"] .mets-case .case-hero .cta:hover,html[data-theme="dark"] .mets-case .bottom-cta .cta:hover{background:#d6f3bd}
@media(max-width:900px){.mets-case .case-hero{grid-template-columns:1fr;gap:27px}}
@media(max-width:600px){.mets-case .case-hero h1{font-size:clamp(38px,10vw,51px)}.mets-case .mets-preview .preview-photo{height:285px}}