:root{--accent:#5869db;--ink:#111;--paper:#f3f2f7;--soft:#e8e7ef;--line:#d7d5df;--radius:20px}
.brand i{font-size:.8rem}
.team-hero{position:relative;height:540px;margin-top:18px;border-radius:28px;overflow:hidden;color:#fff}
.team-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 75%)}
.team-hero>div{position:absolute;z-index:2;left:34px;bottom:46px}
.team-hero span{font-size:.75rem}
.team-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.93;letter-spacing:-.06em;margin:20px 0}
.team-hero p{max-width:520px}
.crew-title{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;margin-bottom:50px}
.crew-title h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.95;letter-spacing:-.06em;margin:0}
.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 18px}
.crew-grid article{position:relative}
.crew-grid article>div{height:380px;border-radius:18px;overflow:hidden;background:#ddd}
.crew-grid img{filter:grayscale(1);transition:.3s}
.crew-grid article:hover img{filter:none}
.crew-grid h3{font-size:1.6rem;margin:14px 0 0;letter-spacing:-.04em}
.crew-grid p{margin:0;color:var(--muted)}
.crew-grid button{position:absolute;right:0;bottom:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff}
.values{background:radial-gradient(circle at 30% 30%,#dfe4ff,transparent 36%),radial-gradient(circle at 75% 60%,#d8f5ee,transparent 32%),#f2eef4}
.values .grid3 article{padding:32px;border-radius:18px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px)}
.values article b{color:var(--accent)}
.values article h3{font-size:1.7rem;margin-top:60px}
.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.banner-grid article{min-height:330px;padding:45px;border-radius:22px;display:flex;align-items:flex-start;flex-direction:column}
.banner-grid h2{font-size:2.6rem;line-height:1.05;letter-spacing:-.05em}
.banner-grid a{margin-top:auto}
.join{background:#6573de;color:#fff}
.join .outline{border-color:#fff}
.collab{background:linear-gradient(135deg,#fff,#f2eadf,#d8e4ff)}
.footer{background:#0a1246}
.footer-links b{color:#8490e9}
@media(max-width:900px){.crew-title{grid-template-columns:1fr}
.crew-grid{grid-template-columns:1fr 1fr}
.banner-grid{grid-template-columns:1fr}
}
@media(max-width:620px){.team-hero{height:480px}
.team-hero>div{left:24px;right:20px}
.crew-grid{grid-template-columns:1fr}
.crew-grid article>div{height:430px}
}
.production{background:#101646;color:#fff}.production .section-head p{color:#b9c0df}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #5d67a2}.flow-grid article{min-height:280px;padding:28px;border-right:1px solid #394274}.flow-grid article:last-child{border:0}.flow-grid b{color:#8b98ff}.flow-grid h3{font-size:1.8rem;margin-top:75px}.flow-grid p{color:#b9c0df}.crew-talk{background:#e9e7f0}.talk-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.talk-grid h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.08;letter-spacing:-.055em}.talk-grid p{color:var(--muted)}.talk-photo{height:480px;border-radius:50% 50% 18px 18px;overflow:hidden}@media(max-width:900px){.flow-grid{grid-template-columns:1fr 1fr}.flow-grid article:nth-child(2){border-right:0}.talk-grid{grid-template-columns:1fr}}@media(max-width:620px){.flow-grid{grid-template-columns:1fr}.flow-grid article{min-height:220px;border-right:0;border-bottom:1px solid #394274}.flow-grid h3{margin-top:35px}}