.detail-hero{height:48vh;background-size:cover;background-position:50%;position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}.hero-content{position:relative;text-align:center;padding:20px}.hero-content h1{font-size:2.4rem;margin:0}.hero-content p{margin:8px 0 0;opacity:.95}.banner{width:100%;min-height:48vh;height:380px;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:50%;overflow:hidden;z-index:1}.banner-overlay{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:0}.banner-inner{position:relative;z-index:2;width:100%;max-width:var(--max-width,1200px);margin:0 auto;display:flex;align-items:center;text-align:left;padding:0 1rem}.banner-copy{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35);max-width:600px}.banner-title{margin:0 0 .6rem;font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.1;font-weight:700;color:#fff}.banner-desc{margin:0 0 1.5rem;color:rgba(255,255,255,.92);max-width:60ch}.banner-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{background-color:#f44336;color:white!important;padding:.8rem 2rem;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background-color:#15356a}@media (max-width:900px){.banner{height:420px;min-height:48vh}.banner-inner{justify-content:center;text-align:center;padding:0 1rem}.banner-copy{margin:0 auto}.banner-title{width:100%;font-size:2rem}.banner-desc{font-size:1rem;max-width:90%;margin:.5rem auto 1.2rem}}@media (max-width:520px){.banner{height:380px;min-height:40vh}.banner-inner{padding:0 .5rem}.banner-title{font-size:1.5rem}.banner-desc{font-size:.9rem}.banner-actions{justify-content:center}.btn{padding:.7rem 1.6rem;font-size:12px}}.carousel-section{max-width:1100px;margin:40px auto;padding:20px}.carousel-wrap{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}.story-swiper{width:100%;height:60vh;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12)}.story-swiper img{object-fit:cover;display:block}.slide-img,.story-swiper img{width:100%;height:100%}.story-text{background:#fff;padding:22px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06);text-align:center}.story-text h2{color:#15356a;margin:0 0 10px}.story-text p{color:#444;line-height:1.75}.meta{margin-top:16px;color:#555;display:flex;flex-direction:column;gap:6px}.actions{margin-top:20px;display:flex;gap:12px;justify-content:center}.our-cta{padding:8px 14px;background-color:#f44336;color:#fff;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background-color .3s ease}.our-cta:hover{background-color:#15356a}.our-cta.outline{padding:8px 14px;background:transparent;color:#f44336;border:2px solid;transition:color .3s ease}.our-cta.outline:hover{color:#15356a}.more-activities{background:#f9f9f9;padding:40px 20px}.more-activities .container{max-width:1100px;margin:0 auto;text-align:center}.more-activities h2{margin-bottom:30px}.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.mini-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease}.mini-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.12)}.mini-thumb img{width:100%;height:160px;object-fit:cover}.mini-info{padding:15px}.mini-info h3{font-size:1rem;font-weight:600;color:#15356a;margin:0 0 10px;line-height:1.4}.view-btn{display:inline-block;padding:8px 14px;background-color:#f44336;color:#fff;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background-color .3s ease}.view-btn:hover{background-color:#15356a}@media (max-width:600px){.mini-thumb img{height:140px}.carousel-section{margin:20px auto;padding:20px}}@media (max-width:780px){.carousel-wrap{grid-template-columns:1fr}.story-swiper{height:45vh}.hero-content h1{font-size:1.8rem}}