/* Задание 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{max-width:1000px;margin-inline:auto!important}.hero .visual-frame img.architecture{aspect-ratio:2.2!important}.scene-details{grid-template-columns:1fr 1fr;background:#F2E7CD}.scene-details figure img{height:390px}.scene-details figure:first-of-type{animation:horizon-left 1.3s ease-out both}.scene-details figure:last-of-type{animation:horizon-right 1.3s ease-out both}@keyframes horizon-left{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes horizon-right{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(max-width:700px){.hero .visual-frame img.architecture{aspect-ratio:4/3!important}}

@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:850px!important}.hero h1{font-size:60px;margin:14px 0}.hero>p{margin:12px auto}.hero{padding-top:26px!important}}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:760px!important}}.scene-details figure{animation:none!important}.scene-details.is-view figure:first-of-type{animation:horizon-left 1.3s ease-out both!important}.scene-details.is-view figure:last-of-type{animation:horizon-right 1.3s ease-out both!important}@media(prefers-reduced-motion:reduce){.scene-details.is-view figure{animation:none!important}}