/* Real photographs and documented case studies. No decorative motion is needed. */
.rl-page .rl-intro{padding:75px 0 64px}
.rl-page .rl-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.rl-page .rl-intro h1{font-size:clamp(52px,6vw,88px);line-height:1.02}
.rl-page .rl-intro h1 span{color:#b7d7b1}
.rl-page .rl-intro__copy{max-width:540px;padding-bottom:5px}
.rl-page .rl-intro__copy>p{font-size:18px;line-height:1.8}
.rl-page .rl-intro__copy .v-text-link{margin-top:24px;margin-right:25px}
.rl-page .rl-story{display:grid;grid-template-columns:1.15fr .85fr;gap:0 60px;border-top:1px solid #465a4b;padding-top:36px;padding-bottom:65px}
.rl-page .rl-story__photo{margin:0;min-width:0}
.rl-page .rl-story__photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.rl-page .rl-story__photo figcaption{padding-top:12px;font-size:13px;line-height:1.6;color:#d0ddd3}
.rl-page .rl-story__copy{align-self:center;padding:20px 0 45px}
.rl-page .rl-story__copy h2{font-size:clamp(32px,3.3vw,46px);line-height:1.16;margin-bottom:26px}
.rl-page .rl-story__copy>p:not(.v-kicker){font-size:16px;line-height:1.8}
.rl-page .rl-story__copy .v-button{margin-top:30px}
.rl-page .rl-story__steps{list-style:none;padding:0;margin:46px 0 0;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.rl-page .rl-story__steps li{border-top:1px solid #465a4b;display:flex;align-items:flex-start;gap:17px;padding-top:23px}
.rl-page .rl-story__steps h3{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}
.rl-page .rl-story__steps p{font-size:15px;line-height:1.75}
.rl-page .rl-number{flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;color:#c0d9b6;letter-spacing:.08em;line-height:1.8}
.rl-page .rl-story__note{grid-column:1/-1;max-width:850px;margin:35px 0 0;font-size:14px;line-height:1.8;color:#d0ddd3}
.rl-page .rl-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}
.rl-page .rl-photo{margin:0;min-width:0}
.rl-page .rl-photo__link{display:block;position:relative;overflow:hidden;background:#17231b;border:1px solid #485d4d;border-radius:2px}
.rl-page .rl-photo__link img{width:100%;aspect-ratio:3/2;object-fit:cover}
.rl-page .rl-photo--portrait .rl-photo__link img{object-position:50% 36%}
.rl-page .rl-photo__expand{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:18px;padding:9px 13px;background:#101c14;color:#f0f5ed;border:1px solid #aec5a4;font-size:12px;line-height:1.5}
.rl-page .rl-photo__expand>span{font-size:20px;line-height:1}
.rl-page .rl-photo__link:hover .rl-photo__expand{background:#d0e5c5;color:#142118}
.rl-page .rl-photo figcaption{display:flex;gap:17px;align-items:baseline;color:#dce6de;padding-top:15px;font-size:15px;line-height:1.7}
.rl-page .rl-next{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.rl-page .rl-next>div>p:not(.v-kicker){margin-top:25px;max-width:650px}
.rl-page .rl-next>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.rl-page .rl-next .v-button{white-space:normal}
/* Before/after is emitted only for complete, confirmed, published records. */
.rl-page .rl-case{border-top:1px solid #465a4b;padding-top:32px;margin-top:50px}
.rl-page .rl-case__heading{margin-bottom:30px}
.rl-page .rl-case__heading h3{font-size:34px}
.rl-page .rl-case__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:32px}
.rl-page .rl-case__facts h4{font:600 14px/1.5 Inter,sans-serif;color:#c0d9b6;margin:0 0 14px;letter-spacing:.02em;text-transform:none}
.rl-page .rl-case__facts p,.rl-page .rl-case__facts li{font-size:16px;line-height:1.8;color:#dce6de}
.rl-page .rl-case__facts ul{margin:0;padding-left:20px}
.rl-page .rl-case__facts li+li{margin-top:8px}
.rl-page .rl-case__details{border-top:1px solid #465a4b;margin-top:28px}
.rl-page .rl-case__details summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:16px;color:#e5eee3}
.rl-page .rl-case__details p{padding:0 0 24px;max-width:1000px}
.rl-page .rl-case__limitations{border-left:2px solid #a3c79a;padding-left:20px;margin-top:24px;font-size:15px}
.rl-page .rl-compare__stage{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#0c100e}
.rl-page .rl-compare__stage figure{margin:0;min-width:0}
.rl-page .rl-compare__stage img{width:100%;height:auto}
.rl-page .rl-compare__stage figcaption{font-size:14px;line-height:1.6;color:#f0f5ed;padding:8px 0}
.rl-page .rl-compare__handle{display:none}
.rl-page .rl-compare--ready .rl-compare__stage{display:block;position:relative;aspect-ratio:var(--comparison-ratio);overflow:hidden;border:1px solid #79916d;touch-action:pan-y;user-select:none;cursor:ew-resize}
.rl-page .rl-compare--ready .rl-compare__stage figure{position:absolute;inset:0}
.rl-page .rl-compare--ready .rl-compare__stage img{height:100%;object-fit:contain;user-select:none;pointer-events:none}
.rl-page .rl-compare--ready .rl-compare__before{z-index:2;clip-path:inset(0 calc(100% - var(--comparison-position,50%)) 0 0)}
.rl-page .rl-compare--ready .rl-compare__after{z-index:1}
.rl-page .rl-compare--ready .rl-compare__stage figcaption{position:absolute;bottom:14px;padding:7px 13px;background:#101c14;border:1px solid #b7caae;color:#f0f5ed}
.rl-page .rl-compare--ready .rl-compare__before figcaption{left:14px}
.rl-page .rl-compare--ready .rl-compare__after figcaption{right:14px}
.rl-page .rl-compare--ready .rl-compare__handle{display:block;position:absolute;left:var(--comparison-position,50%);top:0;bottom:0;width:2px;background:#f1f6e8;z-index:3;transform:translateX(-1px);pointer-events:none}
.rl-page .rl-compare__handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e2efda;border:2px solid #182b1c;color:#182b1c;font:24px/1 Inter,sans-serif}
.rl-page .rl-compare__controls{padding:22px 0 0}
.rl-page .rl-compare__controls label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e7eee4;font-size:15px}
.rl-page .rl-compare__controls output{font-variant-numeric:tabular-nums;font-size:13px;color:#d0ddd3}
.rl-page .rl-compare__controls input{display:block;width:100%;min-height:44px;accent-color:#b7d7b1;margin:5px 0}
.rl-page .rl-compare__controls>p{margin-top:14px;font-size:14px;line-height:1.7;color:#d0ddd3}
.rl-page .rl-compare__presets{display:flex;flex-wrap:wrap;gap:10px}
.rl-page .rl-compare__presets button{padding:10px 16px;min-height:44px;color:#e7eee4;background:#17251b;border:1px solid #87a27c;border-radius:2px;font-size:14px;line-height:1.5}
.rl-page .rl-compare__presets button:hover{background:#29402c}
/* Native modal keeps keyboard focus in the image viewer. The links work without JS. */
.rl-lightbox{position:fixed;inset:0;margin:auto;width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;background:#0e1711;color:#f0f5ed;border:1px solid #7e9674;border-radius:3px;overflow:auto}
.rl-lightbox::backdrop{background:rgba(3,8,5,.9)}
.rl-lightbox__shell{position:relative;padding:58px 30px 24px}
.rl-lightbox figure{margin:0}
.rl-lightbox figure img{display:block;width:100%;height:calc(100dvh - 230px);min-height:180px;object-fit:contain}
.rl-lightbox figcaption{text-align:center;max-width:850px;margin:18px auto 0;font-size:15px;line-height:1.65;color:#e1eadb}
.rl-lightbox button{font:500 14px/1.5 Inter,sans-serif;color:#f0f5ed;background:#1a2b1e;border:1px solid #8ba67f;border-radius:2px;min-height:44px;padding:9px 15px}
.rl-lightbox button:hover{background:#304c34}
.rl-lightbox button:focus-visible{outline:3px solid #d7ebca;outline-offset:4px}
.rl-lightbox__close{position:absolute;top:12px;right:16px;font-size:25px!important;min-width:44px;padding:0!important;line-height:1!important}
.rl-lightbox__nav{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:700px;margin:22px auto 0}
.rl-lightbox__nav>span{font:14px/1.5 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#d4e1cd}
@media(max-width:1000px){
.rl-page .rl-intro>div{gap:40px}.rl-page .rl-story{gap:0 35px}.rl-page .rl-story__copy h2{font-size:34px}.rl-page .rl-story__copy .v-kicker{font-size:11px!important}.rl-page .rl-story__steps{gap:25px}.rl-page .rl-story__steps li{display:block}.rl-page .rl-story__steps .rl-number{display:block;margin-bottom:14px}.rl-page .rl-next{grid-template-columns:1fr;gap:30px}
}
@media(max-width:650px){
.rl-page .rl-intro{padding:45px 0}.rl-page .rl-intro>div{grid-template-columns:1fr;gap:28px}.rl-page .rl-intro h1{font-size:62px}.rl-page .rl-intro__copy>p{font-size:17px}.rl-page .rl-intro__copy .v-text-link{margin-top:18px}.rl-page .rl-story{grid-template-columns:1fr;gap:0;padding-top:25px;padding-bottom:45px}.rl-page .rl-story__photo img{aspect-ratio:3/2}.rl-page .rl-story__copy{padding:30px 0 0}.rl-page .rl-story__copy h2{font-size:34px}.rl-page .rl-story__copy .v-kicker{font-size:12px!important}.rl-page .rl-story__steps{grid-template-columns:1fr;margin-top:35px;gap:22px}.rl-page .rl-story__steps li{display:flex;padding-top:20px}.rl-page .rl-story__steps .rl-number{margin-bottom:0}.rl-page .rl-story__note{margin-top:28px}.rl-page .rl-gallery__grid{grid-template-columns:1fr;gap:32px}.rl-page .rl-photo figcaption{font-size:15px;gap:14px}.rl-page .rl-gallery .v-section-top h2{font-size:36px}.rl-page .rl-case__facts{grid-template-columns:1fr;gap:25px}.rl-page .rl-case__heading h3{font-size:29px}.rl-page .rl-compare__stage{grid-template-columns:1fr;gap:25px}.rl-page .rl-compare__controls output{font-size:12px}.rl-page .rl-compare__presets button{flex:1;padding:10px 8px;font-size:13px}.rl-page .rl-next .v-button{font-size:14px;gap:20px}.rl-page .rl-next .v-text-link{font-size:14px}.rl-lightbox{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.rl-lightbox__shell{padding:62px 14px 20px}.rl-lightbox figure img{height:calc(100dvh - 290px);min-height:160px}.rl-lightbox figcaption{font-size:14px}.rl-lightbox__nav{gap:9px}.rl-lightbox__nav button{font-size:12px;padding:10px}.rl-lightbox__nav>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.rl-page *, .rl-lightbox *{scroll-behavior:auto!important;transition:none!important}}