/* Задание 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}}
.opening .visual-frame{max-width:none!important}.opening .visual-frame img.architecture{aspect-ratio:2.35!important;object-fit:cover!important}.scene-details{grid-template-columns:.8fr 1.3fr;gap:40px}.scene-details figure img{height:440px}.scene-details figure:first-of-type img{object-position:center 58%}@media(max-width:700px){.opening .visual-frame img.architecture{aspect-ratio:16/10!important}.scene-details{gap:28px;grid-template-columns:1fr}.scene-details figure img{height:360px}}

@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){main>.opening{padding-top:18px;min-height:0}.opening .top h1{font-size:64px;margin:10px 0;line-height:1.02}.opening .top p{margin:10px 0}.opening .visual-frame{max-width:960px!important;margin:14px auto 0!important}.opening .caption{margin:12px auto 0;max-width:960px}.opening .visual-credit{margin:12px auto 0;max-width:960px}}main>.opening .visual-frame img.architecture{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}@media(max-width:700px){.opening .top p{font-size:16px;line-height:1.5}}

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