.service-collage{position:relative;min-height:760px;margin-left:calc((100vw - min(1180px,calc(100vw - 40px)))/-2);overflow:hidden;color:#fff;background:linear-gradient(145deg,#0751ba,#061e71)}.service-collage:before{content:"";position:absolute;width:360px;height:360px;right:-160px;top:-170px;border:80px solid rgba(255,173,10,.18);border-radius:50%}.collage-heading{position:absolute;z-index:3;left:max(38px,calc((100vw - 1180px)/2));top:44px}.collage-heading>span{display:block;margin-bottom:9px;color:#9db7ff;font:800 .65rem "Manrope",sans-serif;letter-spacing:.22em}.collage-heading strong{display:block;font:800 clamp(2rem,2.8vw,3.3rem)/.96 "Manrope","Noto Sans Thai",sans-serif;letter-spacing:-.05em}.collage-grid{position:absolute;inset:150px 28px 67px max(38px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:10px}.collage-tile{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border-radius:17px;background:#f2f5fa;transition:transform .25s,box-shadow .25s}.collage-tile:hover{z-index:4;transform:translateY(-4px);box-shadow:0 20px 35px rgba(1,12,54,.28)}.collage-tile img{width:100%;height:100%;padding:18px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.collage-tile:hover img{transform:scale(1.04)}.collage-tile>span{position:absolute;left:10px;right:10px;bottom:9px;display:flex;align-items:center;gap:7px;padding:7px 9px;overflow:hidden;border-radius:9px;color:#0b1b4f;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:.64rem;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.collage-tile>span i{color:#0b45ad;font:800 .58rem "Manrope",sans-serif;font-style:normal}.collage-tile.tile-1{grid-column:1/8;grid-row:1/8}.collage-tile.tile-2{grid-column:8/13;grid-row:1/6;background:#ffad0a}.collage-tile.tile-3{grid-column:1/6;grid-row:8/13;background:#dfe8ff}.collage-tile.tile-4{grid-column:6/13;grid-row:6/13;background:#fff}.collage-note{position:absolute;z-index:2;right:30px;bottom:18px;display:flex;align-items:center;gap:12px}.collage-note span{color:#9db7ff;font:700 .58rem "Manrope",sans-serif;letter-spacing:.14em}.collage-note strong{color:#ffad0a;font:800 1rem "Manrope",sans-serif}@media(max-width:980px){.service-collage{height:620px;min-height:620px;margin:0}.collage-heading{left:36px;top:35px}.collage-grid{inset:132px 28px 62px 28px}}@media(max-width:640px){.service-collage{height:540px;min-height:540px}.collage-heading{left:22px;top:26px}.collage-heading strong{font-size:2.05rem}.collage-grid{inset:116px 14px 57px 14px;gap:7px}.collage-tile{border-radius:12px}.collage-tile img{padding:9px}.collage-tile>span{left:6px;right:6px;bottom:6px;padding:5px 6px;font-size:.54rem}.collage-note{right:16px;bottom:15px}.collage-note span{display:none}}