/* De mockups/estudio.html (mismo CSS). */
.cover{position:relative;height:min(86vh,900px);overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}
.cover .cap{position:absolute;left:var(--g);bottom:24px;right:var(--g);display:flex;justify-content:space-between;color:var(--paper-2)}
.mf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(30px,6vw,110px)}
.mf .big{font-family:var(--wide);font-stretch:118%;font-weight:600;text-transform:uppercase;font-size:clamp(26px,3.4vw,60px);line-height:1.04;letter-spacing:-.03em}
.mf .big em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--paper-2);font-stretch:100%}
.mf .cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;color:var(--paper-2)}
.pr{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.pr div{padding:34px 28px 10px 0;border-right:1px solid var(--line)}
.pr div+div{padding-left:28px}
.pr div:last-child{border-right:0}
.pr .lbl{color:var(--red)}
.pr h3{font-family:var(--wide);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(24px,2.4vw,40px);letter-spacing:-.03em;margin:28px 0 12px}
.pr p{color:var(--paper-2);font-size:15px}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,26px)}
.tm .m{aspect-ratio:3/4;overflow:hidden;background:var(--ink-2)}
.tm img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.8);transition:filter .8s,transform 1.4s var(--e)}
.tm:hover img{filter:grayscale(0) brightness(1);transform:scale(1.04)}
.tm h4{font-family:var(--wide);font-stretch:125%;font-weight:700;text-transform:uppercase;font-size:clamp(16px,1.3vw,21px);margin-top:16px}
.tm span{color:var(--dim)}
.gear{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line)}
.gr{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--black)}
.gr img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5);transition:all 1s var(--e)}
.gr:hover img{filter:grayscale(0) brightness(.72);transform:scale(1.05)}
.gr .t{position:absolute;inset:auto 22px 22px 22px}
.gr .t .lbl{color:var(--gold)}
.gr h4{font-family:var(--wide);font-stretch:125%;font-weight:700;text-transform:uppercase;font-size:clamp(18px,1.6vw,26px);margin-top:8px;line-height:1}
.gr p{color:var(--paper-2);font-size:14px;margin-top:8px;max-width:28ch}
.place{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.place img{width:100%;aspect-ratio:16/11;object-fit:cover}
.place h2{font-family:var(--wide);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(34px,4.2vw,76px);line-height:.88;letter-spacing:-.045em}
.place h2 .it{font-weight:400;color:var(--paper-2)}
.place p{color:var(--paper-2);margin-top:20px;max-width:42ch}
.place dl{margin-top:30px;border-top:1px solid var(--line)}
.place dl div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}
.place dt{color:var(--dim)}
.locs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px)}
.locs ul{list-style:none;margin-top:18px;border-top:1px solid var(--line)}
.locs li{padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--wide);font-stretch:118%;font-weight:600;text-transform:uppercase;font-size:clamp(16px,1.5vw,22px)}
@media (max-width:700px){.locs{grid-template-columns:1fr}}
.marks{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-block:36px;border-block:1px solid var(--line)}
.marks span{font-family:var(--wide);font-stretch:125%;font-weight:700;font-size:clamp(14px,1.5vw,22px);text-transform:uppercase;letter-spacing:.02em;color:var(--dim)}
@media (max-width:1024px){.pr,.team,.gear{grid-template-columns:1fr 1fr}.pr div:nth-child(2){border-right:0}.pr div:nth-child(3){padding-left:0}.pr div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:860px){.mf,.place{grid-template-columns:1fr}.mf .cols{grid-template-columns:1fr}}
@media (max-width:520px){.pr{grid-template-columns:1fr}.pr div,.pr div+div{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}}