
    .hm-row1{display:grid;grid-template-columns:2fr 1fr;gap:.7rem;}
    .hm-row2{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.7rem;}
    .hm-tile::before{content:'';position:absolute;inset:0;background:inherit;z-index:0;transition:transform .55s cubic-bezier(0.22,0.61,0.36,1);}
    .hm-tile:hover::before{transform:scale(1.06);}
    .hm-tile > *{position:relative;z-index:1;}
    .hm-tile .hm-sub{transition:transform .35s ease;}
    .hm-tile:hover .hm-sub{transform:translateY(-5px);}
    .hm-tile video, .hm-tile > svg{transition:transform .55s cubic-bezier(0.22,0.61,0.36,1);transform-origin:center;}
    .hm-tile:hover video, .hm-tile:hover > svg{transform:scale(1.06);}
    .hm-tile{position:relative;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;min-height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.4rem;cursor:pointer;box-shadow:0 1px 2px rgba(10,37,64,0.06), 0 10px 24px -14px rgba(10,37,64,0.16);transition:transform .22s, box-shadow .22s;}
    .hm-tile:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(10,37,64,0.06), 0 10px 24px -14px rgba(10,37,64,0.16);}
    .hm-row2 .hm-tile{min-height:250px;}
    .hm-title{font-family:var(--font-head);font-weight:900;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-0.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.65), 0 4px 30px rgba(0,0,0,0.5);}
    .hm-sub{font-family:var(--font-body);font-size:.84rem;font-weight:600;color:rgba(255,255,255,0.95);line-height:1.5;margin:.55rem auto 0;max-width:34ch;text-shadow:0 1px 8px rgba(0,0,0,0.65), 0 3px 20px rgba(0,0,0,0.45);}
    .hm-btn{border:none;cursor:pointer;background:#fff;color:#0a2540;font-family:var(--font-body);font-weight:800;font-size:.8rem;padding:10px 20px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,0.28);transition:transform .18s;}
    .hm-btn:hover{transform:translateY(-1px);}
    .home-powered-band{display:flex;}
    @media(max-width:1080px){ .hm-row1{grid-template-columns:1fr;} .hm-row2{grid-template-columns:1fr 1fr;} }
    @media(max-width:640px){ .hm-row2{grid-template-columns:1fr;} .hm-tile{min-height:210px;} }
  