/* Jersey Shore Sites Co. portfolio landing (auto shop samples) */
:root{--ink:#0e2235;--muted:#5b6b78;--sea:#1f8a85;--sand:#f6f2ea;--r:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}a{color:var(--sea)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.wrap{padding-top:48px;padding-bottom:24px}
.kicker{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--sea);margin:0 0 8px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;margin:0 0 12px}
.lede{color:var(--muted);font-size:1.1rem;max-width:40em;margin:0}
.grid{display:grid;gap:22px;padding:24px 0 48px}
.tile{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px rgba(14,34,53,.08);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s}
.tile:hover{transform:translateY(-3px)}
.tile img{aspect-ratio:3/2;object-fit:cover;width:100%}
.tile div{padding:18px 20px 22px}
.tile h2{font-size:1.25rem;margin:0 0 4px}
.tag{display:inline-block;font-size:.78rem;font-weight:700;background:#e3f1ef;color:var(--sea);padding:3px 10px;border-radius:999px;margin-bottom:8px}
.tile p{margin:0;color:var(--muted);font-size:.95rem}
.tile .go{display:block;margin-top:12px;font-weight:700;color:var(--sea)}
.offer{background:var(--ink);color:#dfe8ee;border-radius:var(--r);padding:28px;margin-bottom:48px}
.offer h2{color:#fff;font-family:Georgia,serif;margin:0 0 10px}.offer ul{margin:0;padding-left:20px}.offer a{color:#9fe0d8}
footer{padding:24px 0 40px;color:var(--muted);font-size:.85rem}
@media (min-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}