/* The directory uses the same paper and display type as the rest of the magazine. */
#lgm-main:has(> .lgx-team) {width:100%;max-width:none;margin:0;padding:0}
.lgx-team {
    --team-wine:#5a2c3a;
    --team-paper:#fbf4e9;
    --team-sans:Jost,Futura,"Avenir Next",sans-serif;
    --team-display:"Bodoni Moda",Didot,Georgia,serif;
    max-width:100rem;margin-inline:auto;box-sizing:border-box;
    padding:clamp(1.3rem,2.8vw,3rem) clamp(1.15rem,5.1vw,5.5rem) clamp(2.3rem,5vw,5.5rem);
}
.lgx-team *, .lgx-team *::before, .lgx-team *::after {box-sizing:border-box}
.lgx-team-mast {
    display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
    padding-bottom:.65rem;border-bottom:1px solid #baada0;margin-bottom:clamp(.8rem,1.5vw,1.6rem);
}
.lgx-team .lgx-team-mast h1,.lgx-team-mast>span,.lgx-team .lgx-team-role {
    margin:0;font:500 .74rem/1.55 var(--team-sans);letter-spacing:.16em;text-transform:uppercase;
}
.lgx-team .lgx-team-mast h1 {color:var(--team-wine)}
.lgx-team-mast>span {color:#6c6258}
.lgx-team-spread {display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);background:#38232f}
.lgx-team .lgx-team-index {
    display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0;
    padding:clamp(2rem,4.2vw,4.9rem);color:var(--team-paper);
    background:linear-gradient(145deg,#542a38 0%,#3b2230 58%,#2e1e2d 100%);
}
.lgx-team-index>li {position:relative;list-style:none;margin:0;padding:0}
.lgx-team-index>li+li {border-top:1px solid #96777d;margin-top:2rem;padding-top:2rem}
.lgx-team .lgx-team-role {display:flex;align-items:center;gap:.78rem;color:#e6cfd0;font-size:.69rem;letter-spacing:.14em}
.lgx-team-role::before {content:"";width:1.7rem;height:1px;background:#c99599;flex:none}
.lgx-team .lgx-team-name {
    margin:clamp(1.1rem,2.9vw,3rem) 0 clamp(.9rem,1.65vw,1.65rem);padding:0;
    font:400 clamp(3.6rem,6.3vw,7rem)/.98 var(--team-display);
    color:var(--team-paper);letter-spacing:-.055em;text-transform:none;overflow-wrap:anywhere;
}
.lgx-team-name em {display:block;color:#eed6d4;font-weight:400;letter-spacing:-.06em}
.lgx-team .lgx-team-intro {
    font:400 clamp(1.03rem,1.35vw,1.32rem)/1.48 "Source Serif 4",Georgia,serif;
    max-width:29ch;color:#f2e6df;margin:0;
}
.lgx-team a.lgx-team-profile {
    display:inline-flex;align-items:center;gap:1.15rem;min-height:2.75rem;margin-top:clamp(.65rem,1.8vw,1.8rem);
    color:var(--team-paper);font:500 .95rem/1.35 var(--team-sans);letter-spacing:.015em;
    padding:0 .05rem;text-decoration:none;border:0;border-bottom:1px solid #d3b9b7;
}
.lgx-team-profile::before {content:"";position:absolute;inset:0}
.lgx-team-profile svg {flex:none;transition:transform .2s ease}
.lgx-team-profile:hover svg,.lgx-team-profile:focus-visible svg {transform:translateX(4px)}
.lgx-team .lgx-team-profile:focus-visible,.lgx-team-scene button:focus-visible {outline:2px solid #fff8e9;outline-offset:4px}
.lgx-team .lgx-team-scene {
    position:relative;isolation:isolate;width:100%;min-width:0;min-height:0;align-self:stretch;margin:0;
    aspect-ratio:1.43;background:#3a2929;overflow:hidden;
}
.lgx-team-scene video {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.lgx-team-scene::after {content:"";position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(24,14,18,.70))}
.lgx-team-scene figcaption {
    position:absolute;z-index:1;left:clamp(.9rem,2vw,2.2rem);bottom:clamp(1rem,1.9vw,2rem);
    margin:0;color:#fff8ee;font:italic 400 clamp(.95rem,1.3vw,1.25rem)/1.3 "Source Serif 4",Georgia,serif;
}
.lgx-team-scene .lgx-film-toggle {
    position:absolute;z-index:1;right:clamp(.6rem,1.7vw,1.7rem);bottom:clamp(.45rem,1.1vw,1.2rem);
    border:1px solid #d3c4ba;border-radius:0;background:#33242ae6;color:#fff7ed;min-height:44px;
    padding:.5rem .85rem;cursor:pointer;font:500 .76rem/1.2 var(--team-sans);letter-spacing:.035em;
}
.lgx-team-scene .lgx-film-toggle[hidden] {display:none}
@media (max-width:760px) {
    .lgx-team {padding-inline:clamp(.85rem,4vw,1.8rem)}
    .lgx-team-spread {display:flex;flex-direction:column}
    .lgx-team .lgx-team-scene {order:-1;width:100%;aspect-ratio:1.6;min-height:0}
    .lgx-team .lgx-team-index {padding:clamp(1.65rem,6vw,2.8rem)}
    .lgx-team .lgx-team-name {font-size:clamp(2.9rem,10.5vw,4.7rem);line-height:1.08;margin:.33em 0 .35em}
    .lgx-team-name em {display:inline}
    .lgx-team .lgx-team-intro {max-width:36ch}
    .lgx-team a.lgx-team-profile {margin-top:.7rem}
}
@media(prefers-reduced-motion:reduce){.lgx-team-profile svg{transition:none}}