/* Four formats screen (task 99 · mockup 123) */
.formats{display:grid;grid-template-columns:760px 1fr;min-height:900px;margin-bottom:104px;background:var(--night,#171d18);color:#F0ECE4;width:min(100%,1440px);margin-inline:auto}
.formats .fm-photo{position:relative;overflow:hidden;background:#0f1411}
.formats .fm-photo img{width:100%;height:100%;object-fit:cover;object-position:12% 50%;display:block;filter:saturate(.86)}
.formats .fm-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,29,24,0) 70%,rgba(23,29,24,1) 100%)}
.formats .fm-cap{position:absolute;left:32px;bottom:28px;font:11px/1 "Courier Prime",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,236,228,.68);z-index:2}
.formats .fm-txt{padding:96px 96px 80px 72px;display:flex;flex-direction:column;justify-content:center}
.formats .fm-eye{font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#C9A063;margin-bottom:22px}
.formats h2{font:400 56px/1.05 "Instrument Serif",Georgia,serif;letter-spacing:-.01em;margin:0 0 16px;color:#F0ECE4}
.formats h2 i{font-style:italic}
.formats .fm-lead{font:400 20px/1.4 "Instrument Serif",Georgia,serif;color:rgba(240,236,228,.68);margin:0 0 44px;max-width:460px}
.formats .fm-list{display:grid;gap:0;border-top:1px solid rgba(240,236,228,.14)}
.formats .fm-row{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid rgba(240,236,228,.14)}
.formats .fm-n{font:12px/1.2 "Courier Prime",monospace;color:#C9A063;letter-spacing:.1em;padding-top:8px}
.formats .fm-row h3{font:400 28px/1.1 "Instrument Serif",Georgia,serif;margin:0 0 6px;color:#F0ECE4}
.formats .fm-row p{font:400 15px/1.5 Inter,system-ui,sans-serif;color:rgba(240,236,228,.68);max-width:440px;margin:0}
.formats .fm-row a{display:inline-block;margin:8px 14px 0 0;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F0ECE4;text-decoration:none;border-bottom:1px solid rgba(240,236,228,.35);padding-bottom:4px}
.formats .fm-row a:hover{border-bottom-color:#F0ECE4}
.formats .fm-foot{margin:34px 0 0;font:400 17px/1.5 "Instrument Serif",Georgia,serif;color:rgba(240,236,228,.68)}
.formats .fm-foot a{color:#F0ECE4;text-decoration:none;border-bottom:1px solid rgba(240,236,228,.45)}
@media (max-width:1100px){.formats{grid-template-columns:1fr;min-height:0;margin-bottom:64px}.formats .fm-photo{aspect-ratio:4/5}.formats .fm-photo img{object-position:20% 50%}.formats .fm-photo::after{background:linear-gradient(180deg,rgba(23,29,24,0) 70%,rgba(23,29,24,1) 100%)}.formats .fm-txt{padding:40px 24px 56px}.formats h2{font-size:40px}.formats .fm-lead{font-size:18px;margin-bottom:28px}.formats .fm-row{grid-template-columns:40px 1fr;gap:10px;padding:18px 0}.formats .fm-row h3{font-size:24px}}