/* Задание 15: фотореалистичные общие виды и самостоятельные кадры деталей. */
main>section:first-child .visual-frame{position:relative;min-width:0;width:100%;margin:0;overflow:hidden;align-self:center}
main>section:first-child .visual-frame img.architecture{display:block;width:100%;height:100%!important;max-height:none!important;max-width:none!important;margin:0!important;object-fit:cover!important;aspect-ratio:16/10}
.visual-credit{font-size:14px;line-height:1.5;margin:18px 0 0;grid-column:1/-1;max-width:70ch}
.scene-details{min-height:0!important;padding:56px 6%;border:0;align-items:start;gap:24px}
.scene-details h2{grid-column:1/-1;margin:0;font-size:clamp(28px,3vw,44px)}
.scene-details figure{min-width:0;margin:0;overflow:hidden}
.scene-details figure img{display:block;width:100%;height:420px;max-height:none;object-fit:cover}
.scene-details figcaption{padding-top:14px;font-size:16px;line-height:1.5}
@media(max-width:700px){main>section:first-child{min-height:0!important;padding-top:28px!important;padding-bottom:28px!important}main>section:first-child .visual-frame{width:100%;margin:8px 0 0}main>section:first-child .visual-frame img.architecture{aspect-ratio:4/3}.scene-details{padding:36px 6%;grid-template-columns:1fr;gap:24px}.scene-details figure img{height:auto;max-height:480px;object-fit:cover}.visual-credit{margin-top:12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.visual-frame,.visual-frame *,.scene-details figure,.scene-details img{animation:none!important;transition:none!important;transform:none!important;clip-path:none!important}html{scroll-behavior:auto!important}}
.hero .visual-frame img.architecture{aspect-ratio:2.4!important}.scene-details{display:flex;flex-wrap:wrap;gap:30px}.scene-details h2{width:100%}.scene-details .film{display:flex;gap:28px;width:100%;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:20px}.film figure{flex:0 0 64%;scroll-snap-align:start}.film figure img{height:410px}.film:focus-visible{outline:3px solid #B24D39;outline-offset:5px}.scene-details .film-hint{width:100%;font-size:14px;margin:0}@media(max-width:700px){.hero .visual-frame img.architecture{aspect-ratio:4/3!important}.film figure{flex-basis:88%}.film figure img{height:300px}}

@media(max-width:700px){.scene-details{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.visual-frame::after{animation:none!important;transition:none!important;transform:none!important}.visual-frame:hover::after{opacity:0}}

/* Самокритика: сохранить мебель целиком и уложить кадр в экран. */
@media(min-width:701px){.hero .visual-frame{max-width:1030px;margin-inline:auto!important}.hero h1{font-size:56px}.hero .hero-top{margin-bottom:14px}}main>.hero .visual-frame img.architecture{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}

@media(min-width:701px){main>.hero .visual-frame{max-width:880px!important}}