/* global styles for cards/grid/header */
:root{--bg:#f8efef;--brand:#0b2a59;--accent:#ff4f9a;--text:#1e293b;--muted:#6b7280;--card:#ffffff;--shadow:0 10px 25px rgba(0,0,0,.12)}
*{box-sizing:border-box}
.container{max-width:1100px;margin:0 auto;padding:20px}
.site-header{position:sticky;top:0;background:#9ddad4;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.brand-wrap{position:absolute;right:0;top:-8px;height:140px;overflow:visible;pointer-events:none}
.brand{height:140px}
@media (max-width: 768px){.brand-wrap{top:4px;right:-20px;transform:scale(.6);transform-origin:top right}}
.main-nav a{margin:0 8px;font-weight:600;text-decoration:none}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);display:block;transition:transform .12s ease, box-shadow .12s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.card-img{padding:14px 14px 0}
.card-body{padding:12px 16px 18px}
.grid{display:grid;grid-template-columns:1fr;gap:28px}
@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}
.single-hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
@media (min-width:900px){.single-hero{grid-template-columns:1.1fr .9fr}}
.pil{width:100px;height:auto;margin-left:auto}
.ig-icon{width:36px;height:36px}
.figure{box-shadow:var(--shadow);border-radius:16px;overflow:hidden;background:#fff;padding:8px}
.page-title{font-size:2.25rem;margin:0 0 10px}
.subtle{color:var(--muted)}
.carousel{position:relative}
.carousel-track{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth}
.slide{min-width:80%;flex:0 0 80%;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:12px}
@media (min-width:900px){.slide{min-width:40%;flex:0 0 40%}}
.carousel-btn{position:absolute;top:45%;transform:translateY(-50%);background:#fff;border:none;border-radius:50%;width:40px;height:40px;box-shadow:var(--shadow);cursor:pointer}
.carousel-btn.prev{left:-10px}
.carousel-btn.next{right:-10px}