.msteam {
    --msteam-background:#07172b; --msteam-accent:#f1cb10; --msteam-text:#f4f8fc;
    background:radial-gradient(ellipse at 92% 12%,#234e6670,transparent 58%),var(--msteam-background);
    color:var(--msteam-text); padding:clamp(52px,8vw,104px) clamp(20px,4vw,48px);
    font-family:Inter,system-ui,sans-serif;
}
.msteam *, .msteam *::before { box-sizing:border-box; }
.msteam-wrap { max-width:1200px; margin:auto; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr); align-items:center; gap:clamp(26px,6vw,80px); }
.msteam .msteam-kicker { color:var(--msteam-accent); font-size:.76rem; font-weight:750; letter-spacing:.13em; margin:0 0 16px; }
.msteam h2 { color:inherit; margin:0; font-size:clamp(2.1rem,5vw,4.4rem); line-height:1.04; letter-spacing:-.042em; text-wrap:balance; overflow-wrap:anywhere; }
.msteam-description { max-width:56ch; line-height:1.7; margin:18px 0 0; }
.msteam-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.msteam .msteam-actions a { display:inline-flex; align-items:center; min-height:44px; padding:10px 15px; border-radius:8px; font-weight:700; text-decoration:none; }
.msteam .msteam-primary { color:#102035; background:var(--msteam-accent); }
.msteam .msteam-secondary { color:inherit; border:1px solid #8ea9bf80; }
.msteam-actions a:focus-visible { outline:2px solid var(--msteam-accent); outline-offset:4px; }
.msteam-panel { margin:0; padding:clamp(23px,4vw,43px); border:1px solid #49647b; border-top:3px solid var(--msteam-accent); border-radius:16px; background:#18334c8a; }
.msteam-panel img { display:block; width:100%; max-height:300px; object-fit:cover; border-radius:10px; margin-bottom:18px; }
.msteam-panel h3 { color:inherit; margin:0 0 8px; font-size:clamp(1.25rem,2vw,1.8rem); }
.msteam-panel p { margin:0; line-height:1.6; }
@media(max-width:780px) { .msteam-wrap { grid-template-columns:1fr; } }
.msteam { position:relative; isolation:isolate; overflow:hidden; }
.msteam::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(#b9dbf20b 1px,transparent 1px),
               linear-gradient(90deg,#b9dbf20b 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(90deg,transparent 28%,#000);
}
.msteam .msteam-kicker { display:flex; align-items:center; gap:10px; }
.msteam-kicker::before { content:""; width:18px; height:2px; background:currentColor; }
.msteam-panel {
    background:linear-gradient(145deg,#264a648c,#122942de);
    box-shadow:0 16px 36px #0003;
}
.msteam-hover .msteam-panel:hover { border-color:var(--msteam-accent); }
.msteam-hover .msteam-actions a:is(:hover,:focus-visible) { box-shadow:0 7px 18px #0004; }
@media(prefers-reduced-motion:no-preference) {
    .msteam-entrance .msteam-copy { animation:msteam-enter .65s ease-out both; }
    .msteam-scroll .msteam-panel.msteam-in-view { animation:msteam-reveal .7s ease-out both; }
    .msteam-hover .msteam-actions a, .msteam-hover .msteam-panel {
        transition:translate .22s ease,border-color .22s ease,box-shadow .22s ease;
    }
    .msteam-hover .msteam-actions a:is(:hover,:focus-visible), .msteam-hover .msteam-panel:hover { translate:0 -3px; }
    @keyframes msteam-enter { from { opacity:.35; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
    @keyframes msteam-reveal { from { opacity:.4; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
}

.msteam {
    background:radial-gradient(ellipse at 83% 18%,#123f52 0%,transparent 56%),var(--msteam-background);
    padding-block:clamp(48px,7vw,90px);
}
.msteam-wrap { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.msteam h2 { max-width:17ch; font-size:clamp(2.3rem,4.7vw,4.6rem); text-wrap:pretty; }
.msteam-panel {
    border:1px solid #9cc2db45;
    background:linear-gradient(155deg,#173c50,#0d2238 75%);
    border-radius:22px;
}
.msteam-location { display:inline-block; margin-bottom:9px; color:var(--msteam-accent); font-weight:700; font-size:.85rem; }
.msteam .msteam-services { display:flex; flex-wrap:wrap; gap:7px; list-style:none; margin:18px 0 0; padding:0; }
.msteam-services li { padding:5px 9px; border:1px solid #9cc2db45; border-radius:6px; font-size:.78rem; }
.msteam .msteam-primary { box-shadow:0 6px 18px #0002; }
@media(max-width:780px) { .msteam-wrap { grid-template-columns:1fr; } }

.msteam { padding-block:clamp(32px,4.3vw,64px); }
.msteam-wrap { gap:clamp(22px,4vw,56px); }
.msteam h2 {
    max-width:24ch;
    font-size:clamp(2rem,3.7vw,3.6rem);
    line-height:1.1;
    text-wrap:balance;
}
.msteam .msteam-kicker { margin-bottom:12px; }
.msteam-description { margin-top:14px; line-height:1.55; }
.msteam-actions { margin-top:19px; }
.msteam-panel { padding:clamp(18px,2.8vw,32px); }
.msteam-panel h3 { font-size:clamp(1.12rem,1.75vw,1.55rem); }
.msteam .msteam-services { margin-top:12px; }
@media (max-width:780px) {
    .msteam { padding-block:clamp(28px,6vw,44px); }
    .msteam h2 { max-width:22ch; }
}

.msteam {
    --msteam-background:#f3f7fb;
    --msteam-text:#112a40;
    background:var(--msteam-background);
}
.msteam::before { display:none; }
.msteam .msteam-kicker { color:#765900; }
.msteam-panel { color:#f4f8fc; }
.msteam h2 { font-size:clamp(1.85rem,3.3vw,3.15rem); }
.msteam .msteam-secondary { border-color:#acbdcc; }