html{scroll-behavior:smooth}
.section-alt{background:#F7F8FA;}
.btn{display:inline-block;border-radius:9999px;padding:.8rem 1.2rem;font-weight:800}
.btn-primary{background:#B21E1E;color:#fff}
.btn-outline{border:2px solid #0A1E40;color:#0A1E40}
.tile{position:relative;overflow:hidden;border-radius:1rem;transition:transform .15s, box-shadow .15s}
.tile:hover{transform:translateY(-3px); box-shadow:0 18px 40px rgba(2,6,23,.18)}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile .label{position:absolute;left:1rem;bottom:1rem;background:rgba(255,255,255,.96);color:#0A1E40;font-weight:800;border-radius:.75rem;padding:.5rem 1rem;text-transform:uppercase;letter-spacing:.02em}
/* short header + giant logo overhang */
.header-inner{padding:6px 1rem}
.logo-wrap{ position:relative; display:inline-block; height:56px; overflow:visible; line-height:0; }
.logo{ position:absolute; left:0; top:-6px; height:300px !important; width:auto !important; }
@media(max-width:768px){ .logo-wrap{height:48px} .logo{height:170px !important; top:-4px} }


/* Ensure header and logo are visible even when overhanging */
header{overflow:visible}
.logo-wrap{ position:relative; display:inline-block; height:56px; overflow:visible; line-height:0; }
.logo{ position:absolute; left:0; top:-6px; height:300px !important; width:auto !important; z-index:60; }
@media(max-width:768px){ .logo-wrap{height:48px} .logo{height:170px !important; top:-4px} }