/* Задание 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:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#D2E5F222,transparent 42%);opacity:0;transition:opacity .4s}.hero .visual-frame:hover:after{opacity:1}.hero .visual-frame img.architecture{aspect-ratio:16/9!important}.scene-details{grid-template-columns:1fr 1fr;background:#101D29}.scene-details figure img{height:430px}.scene-details figure:nth-of-type(2){padding-top:44px}@media(max-width:700px){.scene-details figure:nth-of-type(2){padding-top:0}}

@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}}

/* Самокритика: сохранить мебель целиком и уложить кадр в экран. */
main>section:first-child .visual-frame img.architecture{height:auto!important;aspect-ratio:1.88!important;object-fit:cover!important}.scene-details figure img{height:auto;aspect-ratio:16/10;object-fit:contain}