/* Bống Media – giao diện các trang của công ty: xanh dương thương hiệu + tím, Be Vietnam Pro */
.t-site{--pri:#3f66f0;--acc:#8b5cf6;--f-body:'Be Vietnam Pro',sans-serif;--f-head:'Be Vietnam Pro',sans-serif;--h-w:800;--h-ls:-.03em;--r:14px;--r-lg:20px;--r-btn:12px}
.t-site .b-h1 em,.t-site .b-h2 em{background:linear-gradient(100deg,#4f7cff,#8b5cf6 60%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-site .b-btn.is-pri{--b-bg:#4361ee;background:linear-gradient(120deg,#4f7cff,#7c5cff);border-color:transparent}
.t-site .b-hero-mini{background:var(--bg)}
.t-site .b-hero-mini::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pri) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(color-mix(in srgb,var(--pri) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask:radial-gradient(ellipse at 50% 0,#000 20%,transparent 70%);mask:radial-gradient(ellipse at 50% 0,#000 20%,transparent 70%);pointer-events:none}
.t-site .b-card .b-ico{background:linear-gradient(135deg,color-mix(in srgb,#4f7cff 14%,transparent),color-mix(in srgb,#8b5cf6 14%,transparent))}
.t-site .b-cta{background:linear-gradient(120deg,#3b5bdb,#6d4fe0 60%,#8b5cf6)}
.t-site .b-plan.is-hot{border-color:#6d5cff}
.t-site .s-team .b-card{padding:0;overflow:hidden;text-align:center}
.t-site .s-team .b-card .b-media{margin:0;border-radius:0;aspect-ratio:1}
.t-site .s-team .b-card>:not(.b-media){padding:0 20px}.t-site .s-team .b-card>:last-child{padding-bottom:22px}
.t-site .s-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.t-site .s-gal img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.t-site .s-gal img:nth-child(even){transform:translateY(26px)}
@media(max-width:767.98px){.t-site .s-gal{grid-template-columns:1fr 1fr}}
.t-site .s-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.t-site .s-contact .b-form{padding:clamp(22px,3vw,36px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
@media(max-width:991.98px){.t-site .s-contact{grid-template-columns:1fr}}
.t-site .s-404{font-family:var(--f-head);font-size:clamp(6rem,18vw,12rem);font-weight:800;line-height:1;background:linear-gradient(120deg,#4f7cff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-site .b-cta .b-btn.is-pri{background:#fff;color:#3b5bdb}
.t-site .b-cta .b-btn.is-pri:hover{color:#3b5bdb}

/* Ảnh lớn nghiêng 3D + danh sách đánh số (thay lưới thẻ biểu tượng) */
.t-site .s-nsplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,64px);align-items:center;perspective:1200px}
.t-site .s-nsplit.is-rev>.s-nphoto{order:2}
.t-site .s-nphoto{position:relative;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(30,40,90,.45);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.t-site .s-nphoto img{display:block;width:100%;aspect-ratio:10/11;object-fit:cover;background:linear-gradient(135deg,#dfe6fb,#c9d4f6)}
.t-site .s-nphoto::after{content:"";position:absolute;inset:auto 18px 18px auto;width:90px;height:90px;border-radius:22px;background:linear-gradient(135deg,#4f7cff,#8b5cf6);opacity:.9;transform:translateZ(40px) rotate(12deg);box-shadow:0 20px 40px -14px rgba(79,124,255,.7)}
.t-site .s-nums{list-style:none;counter-reset:n;margin:0;padding:0;display:grid;gap:0}
.t-site .s-nums.is-2{grid-template-columns:1fr 1fr;column-gap:30px}
.t-site .s-nums li{counter-increment:n;position:relative;padding:18px 0 18px 58px;border-top:1px solid var(--line)}
.t-site .s-nums li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:18px;font:800 1.15rem var(--f-head);background:linear-gradient(120deg,#4f7cff,#8b5cf6 60%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-site .s-nums h3{font-size:1.05rem;margin:0 0 4px}.t-site .s-nums p{margin:0;font-size:.92rem;color:var(--muted)}
.t-site [data-tilt]{will-change:transform}
.t-site .bm-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.3),transparent 55%);opacity:0;transition:opacity .4s;z-index:5;mix-blend-mode:soft-light}
.t-site [data-tilt].is-tilt .bm-glare{opacity:1}
@media(max-width:860px){.t-site .s-nsplit{grid-template-columns:1fr}.t-site .s-nsplit.is-rev>.s-nphoto{order:0}.t-site .s-nphoto img{aspect-ratio:16/10}.t-site .s-nums.is-2{grid-template-columns:1fr}}