/* Задание 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:1200px;margin-inline:auto!important}.hero .visual-frame img.architecture{aspect-ratio:2.5!important}.hero .visual-frame:after{content:"";position:absolute;bottom:0;left:0;width:var(--route-progress,0%);height:5px;background:#8CC7D3}.scene-details{grid-template-columns:1.2fr 1fr;background:#DCECEF}.scene-details figure img{height:400px}@media(max-width:700px){.hero .visual-frame img.architecture{aspect-ratio:16/10!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){main>.hero{display:grid;grid-template-columns:.75fr 1.35fr;gap:18px 45px;text-align:left;padding:60px 6%;align-content:center}.hero>span,.hero>h1,.hero>p,.hero>a{grid-column:1;margin:0}.hero>h1{font-size:64px;max-width:440px}.hero>p{font-size:18px}.hero>a{justify-self:start}.hero>.visual-frame{grid-column:2;grid-row:1/5}.hero>.visual-credit{grid-column:1/-1;margin-top:18px;font-size:14px;max-width:none}}main>.hero .visual-frame img.architecture{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}@media(max-width:700px){.hero h1{font-size:40px}.hero>p{font-size:16px;line-height:1.5}.hero>.visual-frame{margin-top:18px!important}}