*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Segoe UI",system-ui,Arial,sans-serif;background:#ede9fe;color:#2e1065;line-height:1.5}
a{color:inherit}img{max-width:100%}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:14px;max-width:1100px;margin:auto;padding:20px}
.t{background:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:center}
.logo{background:#6d28d9;color:#fff}.logo b{font-size:1.2rem}.logo span{opacity:.85;font-size:.9rem}
.head{grid-column:span 3;grid-row:span 2;background:#2e1065;color:#fff}.head h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin-bottom:10px}
.im1{grid-column:span 1;grid-row:span 2;padding:0;object-fit:cover;width:100%;height:100%;background:#6d28d9}
.call{grid-column:span 2;background:#a78bfa;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;text-decoration:none}
.call small,.area small,.info small{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;opacity:.7;font-weight:600}
.s{font-weight:700;font-size:1.1rem;text-align:center}
.im2{grid-column:span 2;padding:0;object-fit:cover;width:100%;height:100%;min-height:150px;background:#6d28d9}
.area{grid-column:span 2}.info{grid-column:span 4;font-size:.95rem}
footer{text-align:center;padding:10px 0 30px;font-size:.85rem}
@media(max-width:760px){.bento{grid-template-columns:1fr 1fr}.head{grid-column:span 2;grid-row:auto}.logo{grid-column:span 2}.im1{grid-column:span 2;height:200px}.call,.area,.im2,.info{grid-column:span 2}.im2{height:180px}}