.op-about {
    .op-home-hero { text-align:center; min-block-size:77svh; .op-home-tagline { font-size:clamp(1rem,1.5vw,1.25rem); margin:0; } .op-home-actions:empty { display:none; } }
    .op-story-split { max-inline-size:70rem; padding-block:5rem; .op-text-link { margin-block-start:1.75rem; } }
    .op-awards .op-text-link { margin-block-start:2rem; }
}
.op-team {
    background:#f9f9f9;
    .op-team-intro { background:#e7dcc0; padding:clamp(3rem,6vw,5rem) 1.5rem; >div { max-inline-size:66rem; margin-inline:auto; display:grid; gap:1rem 3rem; } h2,p { margin:0; } }
    .op-team-grid { display:grid; gap:5rem 1.25rem; max-inline-size:59.875rem; padding:clamp(3rem,6vw,5rem) 1.5rem; margin-inline:auto; align-items:start; }
    .op-team-card { min-inline-size:0; text-align:center; h3 { font-size:1.5rem; font-weight:400; line-height:1.25; margin:1.25rem 0 1rem; color:#191919; } }
    .op-team-role { color:#576475; margin:0 0 1rem; font-size:1rem; font-weight:300; line-height:1.4; }
    .op-team-summary { max-inline-size:36rem; }
    .op-team-photo { aspect-ratio:2/3; overflow:hidden; background:#e9e6e0; img { inline-size:100%; block-size:100%; object-fit:cover; object-position:center top; } }
    .is-featured {
        .op-team-photo { border-radius:.25rem; }
        .op-team-copy { background:#474c54; color:#f9f9f9; padding:2rem; border-radius:.25rem; }
        h3 { color:#fff; font-size:2rem; margin:0 0 1.25rem; }
        .op-team-bio { --op-clay:#efa68f; }
        .op-team-role { color:#a5c0cb; font-size:.9375rem; margin-block-end:1.25rem; }
        .op-team-summary { font-size:.9375rem; font-weight:300; line-height:1.4; margin:0 0 1.5rem; }
    }
    .op-team-bio { summary { display:inline-flex; align-items:center; gap:1.5rem; padding:.45rem 0; border-block-end:1px solid var(--op-clay); color:var(--op-clay); cursor:pointer; list-style:none; &::-webkit-details-marker { display:none; } } .op-team-bio-text { margin-block-start:1.5rem; text-align:start; } }
}
.op-team-dialog { border:0; background:#f9f9f9; color:#242424; inline-size:min(94vw,68rem); max-inline-size:94vw; block-size:90svh; max-block-size:90svh; padding:clamp(1rem,3vw,2rem);
    &[open] { display:grid; grid-template-rows:auto minmax(0,1fr); gap:1rem; }
    &::backdrop { background:#000c; }
    .op-team-close { justify-self:end; border:1px solid #999; background:transparent; padding:.5rem 1rem; color:inherit; &:hover { background:#e7dcc0; } }
    .op-team-dialog-content { overflow:auto; min-block-size:0; display:grid; align-items:start; gap:2rem; padding:.5rem; }
    .op-team-photo { max-inline-size:18rem; margin-inline:auto; img { inline-size:100%; } }
    h2 { font-size:2rem; font-weight:400; line-height:1.2; margin:0 0 .5rem; }
    .op-team-role { color:var(--op-clay); margin-block-end:1.5rem; }
    .op-team-bio-text p:last-child { margin-block-end:0; }
}
.op-press { padding:clamp(3rem,6vw,5rem) 1.5rem; max-inline-size:69rem; margin-inline:auto;
    >h2 { text-align:center; margin-block-end:3rem; }
    .op-press-grid { display:grid; gap:2rem 3rem; }
    article { border-block-start:1px solid #bfb8aa; }
    a { display:block; padding-block:1.75rem; text-decoration:none; &:hover h3 { color:var(--op-clay); } }
    p { color:var(--op-clay); display:flex; justify-content:space-between; margin:0 0 1rem; }
    h3 { font-size:clamp(1.2rem,2vw,1.5rem); line-height:1.4; font-weight:400; margin:0; }
}
@media (min-width:640px) {
    .op-press .op-press-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:900px) {
    .op-team .op-team-intro>div { grid-template-columns:1fr 1.3fr; }
    .op-team-dialog .op-team-dialog-content { grid-template-columns:minmax(0,1fr) minmax(0,2fr); }
}
@media (min-width:768px) {
    .op-team {
        .op-team-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
        .op-team-card { text-align:start; }
        .is-featured {
            grid-column:1/-1; display:grid; grid-template-columns:repeat(15,minmax(0,1fr)); align-items:center;
            .op-team-photo { grid-column:1/7; grid-row:1; margin-block:2.75rem; position:relative; z-index:1; }
            .op-team-copy { grid-column:6/-1; grid-row:1; align-self:stretch; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:3rem clamp(2rem,4vw,3.75rem) 3rem clamp(6.5rem,9vw,8.125rem); }
        }
    }
}