/* Keep each real project image clear of the copy panel. */
.features-real-media .features-visual{left:max(39%,380px);background:#eee9e2}
.features-real-media .feature-scene{object-position:50% 50%}
.features-real-media .feature-plan{background:#fff;padding:14px;transform:none!important;overflow:hidden}
.features-real-media .feature-facade{object-fit:contain;background:#292725;transform:none!important}
.features-real-media .features-panel{background:#292725;backdrop-filter:none}
@media(max-width:899px){
 .features-real-media .features-visual{left:0}
 .features-real-media .feature-plan{padding:8px}
 .sections-animated .features-real-media .features-scroll{height:300svh}
 .sections-animated .features-real-media .features-stage{position:sticky;top:8px;height:calc(100svh - 16px);min-height:0;padding-top:36svh;display:flex;flex-direction:column}
 .sections-animated .features-real-media .features-visual{height:36svh}
 .sections-animated .features-real-media .features-panel{flex:1;min-height:0;padding:20px 24px;width:100%}
 .sections-animated .features-real-media .features-tabs{display:flex;gap:8px;margin-bottom:14px}
 .sections-animated .features-real-media .features-tabs button{width:34px;height:34px;font-size:12px}
 .sections-animated .features-real-media .features-copy{position:relative;flex:1}
 .sections-animated .features-real-media .feature-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;margin:0;padding:0;border:0;transform:translateY(12px)}
 .sections-animated .features-real-media .feature-copy.is-current{opacity:1;visibility:visible;transform:none}
 .sections-animated .features-real-media .feature-copy p{font-size:16px;line-height:1.5;margin:12px 0 16px;max-width:38ch}
 .sections-animated .features-real-media .feature-copy h3{font-size:32px;margin:0 0 12px}
 .sections-animated .features-real-media .feature-copy a{font-size:14px;align-self:start;padding:8px 0}
 .sections-animated .features-real-media .features-signature{font-size:9px;padding-top:16px}
}
@media(max-width:899px) and (max-height:700px){
 .sections-animated .features-real-media .features-stage{padding-top:30svh}
 .sections-animated .features-real-media .features-visual{height:30svh}
 .sections-animated .features-real-media .features-panel{padding:14px 20px}
 .sections-animated .features-real-media .feature-copy h3{font-size:26px;margin-bottom:6px}
 .sections-animated .features-real-media .feature-copy p{font-size:14px;margin:8px 0}
 .sections-animated .features-real-media .features-tabs{margin-bottom:8px}
}