*{box-sizing:border-box}
:root{--blue:#0f4c92;--red:#e31e24;--green:#5a9b32;--ink:#0b1723;--muted:#69727c;--line:#e4e9ee;--soft:#f5f9fc;--radius:14px}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Noto Sans Devanagari","Segoe UI",Arial,sans-serif;color:#151b22;background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.container-wide{width:min(1480px,calc(100% - 48px));margin-inline:auto}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.narrow{max-width:900px}
.center{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 22px;font-weight:850;font-size:13px;border:0;transition:.22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:#fff}.btn-white{background:#fff;color:#15212c;box-shadow:0 7px 24px #073d5324}

/* Header */
.site-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid #e8edf1;box-shadow:0 2px 14px #0715230c}
.header-inner{height:92px;display:flex;align-items:center;gap:26px}
.brand{width:295px;flex:0 0 295px;display:flex;align-items:center}
.brand img{width:100%;height:66px;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:5px;flex:1;height:100%;min-width:0}
.desktop-nav a{min-width:86px;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:850;text-transform:uppercase;position:relative;color:#071523;white-space:nowrap;transition:.18s ease}
.desktop-nav a i{font-size:23px;line-height:1}
.desktop-nav a:after{content:"";position:absolute;bottom:7px;width:0;height:3px;border-radius:10px;background:var(--red);transition:.2s ease}
.desktop-nav a:hover{color:var(--red)}
.desktop-nav a:hover:after{width:44px}
.header-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}
.circle-btn{width:46px;height:46px;border-radius:50%;border:2px solid var(--red);background:#fff;color:#10161d;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:.2s ease}
.circle-btn:hover{background:#f8fbfd;transform:translateY(-1px)}
.menu-toggle{background:var(--red);color:#fff;border-color:var(--red)}
.lang-toggle{display:flex;align-items:center;gap:3px;background:linear-gradient(90deg,var(--blue) 0 50%,var(--red) 50%);color:#fff;padding:9px 11px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 5px 16px #0d37642b}
.lang-toggle .active{opacity:1}.lang-toggle span{opacity:.82}
.search-panel{display:none;background:#fff;padding:16px 24px;border-top:1px solid #edf0f2;box-shadow:0 10px 24px #07152312}
.search-panel.open{display:block}
.search-panel form{max-width:880px;margin:auto;display:flex}
.search-panel input{flex:1;padding:14px 18px;border:1px solid #dbe1e6;border-radius:30px 0 0 30px;outline:0}
.search-panel input:focus{border-color:var(--blue)}
.search-panel button{border:0;background:var(--red);color:#fff;padding:0 25px;border-radius:0 30px 30px 0;font-weight:850;cursor:pointer}
.mobile-drawer,.drawer-backdrop{display:none}

/* Hero */
.hero-home{height:525px;min-height:500px;position:relative;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,#031423f2 0%,#031423cb 32%,#03142366 58%,#03142318 100%),var(--hero-image);background-size:cover;background-position:center 47%}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#031423ec 0%,#031423a8 39%,#03142328 72%,#0314233d 100%);box-shadow:inset 0 -70px 90px #02101b55}
.hero-inner{height:100%;display:flex;align-items:center;position:relative;z-index:2}
.hero-copy{width:52%;padding-left:5.7%;padding-top:8px}
.hero-copy h1{font-size:67px;line-height:.88;margin:0 0 10px;letter-spacing:-2px;font-weight:950;text-shadow:0 7px 24px #0005}
.hero-copy h1 span,.hero-copy h1 strong{display:block}.hero-copy h1 strong{font-size:1.13em;color:var(--red)}
.hero-script{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#70b33f;font-size:30px;line-height:1.2;margin:0 0 12px;text-shadow:0 3px 14px #0007}
.hero-keywords{font-weight:900;letter-spacing:.45px;font-size:18px;margin:0 0 18px}
.hero-search{display:flex;background:#fff;border:4px solid #fff;border-radius:999px;max-width:655px;overflow:hidden;align-items:center;box-shadow:0 12px 30px #0003}
.hero-search>i{color:#111820;margin-left:16px;font-size:18px}
.hero-search input{flex:1;border:0;outline:0;padding:12px 11px;color:#26313b;min-width:0;background:transparent}
.hero-search button{border:0;background:var(--red);color:#fff;border-radius:999px;padding:12px 20px;font-weight:900;cursor:pointer;white-space:nowrap;transition:.2s ease}
.hero-search button:hover{filter:brightness(.93)}
.social-rail{position:absolute;left:20px;top:50%;transform:translateY(-25%);z-index:4;display:grid;gap:8px;padding:10px 7px;border:1px solid #ffffff2b;border-radius:999px;background:#061521b8;backdrop-filter:blur(8px)}
.social-rail a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 4px 12px #0004}
.social-rail a:nth-child(1){background:#f10c17}.social-rail a:nth-child(2){background:#1769ca}.social-rail a:nth-child(3){background:linear-gradient(135deg,#6b40d7,#ee265d,#f6b127)}.social-rail a:nth-child(4){background:#050608}
.hero-slants{width:48%;height:78%;display:flex;align-items:flex-end;gap:4px;transform:translateX(4%);padding-right:1%}
.slant-card{height:84%;width:25%;position:relative;overflow:hidden;clip-path:polygon(23% 0,100% 0,80% 100%,0 100%);background-image:var(--card-image);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff36;transition:transform .28s ease,filter .28s ease}
.slant-card:hover{transform:translateY(-7px);filter:saturate(1.12)}
.slant-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06152100 0 43%,#0b4fa7e8 44% 100%)}
.slant-card.culture:before{background:linear-gradient(180deg,#06152100 0 43%,#d9232de8 44% 100%)}
.slant-card.nature:before{background:linear-gradient(180deg,#06152100 0 43%,#1267c9e8 44% 100%)}
.slant-card.stories:before{background:linear-gradient(180deg,#06152100 0 43%,#4e9d34e8 44% 100%)}
.slant-card div{position:absolute;left:0;right:0;bottom:27px;display:grid;place-items:center;gap:7px;text-align:center;font-weight:950;font-size:20px;text-shadow:0 2px 5px #0008}
.slant-card i{font-size:24px}

/* Four-column homepage showcase */
.category-showcase{background:linear-gradient(180deg,#f8fbfe 0%,#f1f7fb 100%);padding:28px 0 31px;border-bottom:1px solid #d9e5ec}
.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.showcase-column{min-width:0;position:relative}
.showcase-heading{display:flex;align-items:center;gap:13px;margin:0 0 12px}
.showcase-icon{width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:var(--section-color);color:#fff;font-size:23px;box-shadow:0 8px 18px color-mix(in srgb,var(--section-color) 28%,transparent)}
.showcase-heading h2{margin:0;color:var(--section-color);font-size:25px;line-height:1.05;font-weight:950;text-transform:uppercase;letter-spacing:-.5px;border-bottom:3px solid var(--section-color);display:inline-block;padding-bottom:3px}
.showcase-heading p{margin:4px 0 0;color:#28333e;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-media{position:relative;display:block;height:170px;border-radius:9px;overflow:hidden;background:#071523;box-shadow:0 10px 24px #0a24371f;border:1px solid #d9e2e9}
.showcase-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.showcase-column:hover .showcase-media img{transform:scale(1.035)}
.showcase-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00101c00 44%,#00101c92 100%)}
.showcase-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;border:3px solid #fff;background:#05111b80;backdrop-filter:blur(3px);font-size:18px;box-shadow:0 5px 18px #0006}
.showcase-play.photo{border-radius:10px;font-size:22px}
.duration{position:absolute;right:7px;bottom:7px;padding:3px 7px;border-radius:4px;background:#07131bd9;color:#fff;font-size:11px;font-weight:800}
.showcase-copy{padding:8px 4px 0;min-height:93px}
.showcase-copy h3{font-size:18px;line-height:1.2;margin:0 0 2px;font-weight:900;color:#111820;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.showcase-location{margin:0 0 3px;font-size:12px;font-weight:700;color:#313d49}.showcase-location i{color:var(--section-color)}
.showcase-excerpt{margin:0;font-size:12px;line-height:1.45;color:#69727c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.showcase-btn{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:9px 14px;border-radius:6px;background:var(--section-color);color:#fff;font-size:11px;font-weight:900;box-shadow:0 7px 16px color-mix(in srgb,var(--section-color) 24%,transparent);transition:.2s ease}
.showcase-btn:hover{transform:translateY(-2px);filter:brightness(.96)}

/* Explore Sankhuwasabha */
.explore-section{position:relative;overflow:hidden;padding:18px 0 26px;background:linear-gradient(112deg,#64bd4e 0%,#35aa85 38%,#008ab5 100%);color:#fff;border-radius:23px 23px 0 0;box-shadow:inset 0 1px #ffffff65}
.explore-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 9% 10%,#ffff8a33 0 8%,transparent 28%),linear-gradient(180deg,#ffffff08,#003b5545);pointer-events:none}
.explore-section .container-wide{position:relative}
.explore-title{text-align:center;margin:0 0 15px}
.explore-title h2{font-size:31px;line-height:1.08;margin:0;font-weight:950;text-transform:uppercase;letter-spacing:-.7px;text-shadow:0 3px 12px #0059684a}
.explore-title p{margin:3px 0 0;color:#f6f030;font-family:Georgia,serif;font-size:16px;font-style:italic;font-weight:700}
.municipality-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;margin:0 0 19px}
.municipality-card{height:128px;position:relative;border-radius:10px;overflow:hidden;border:2px solid #ffffffc7;box-shadow:0 8px 20px #00455f28;background-image:linear-gradient(180deg,#00172616,#001726a8),var(--bg);background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px 6px 10px;text-align:center;transition:.23s ease}
.municipality-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0015220d 25%,#021522b8 100%);z-index:0}
.municipality-card>*{position:relative;z-index:1}
.municipality-card:hover{transform:translateY(-5px);box-shadow:0 13px 25px #003b543f}
.muni-icon{position:absolute;top:9px;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:#129dd0;color:#fff;font-size:17px;box-shadow:0 4px 13px #0004}
.municipality-card:nth-child(2n) .muni-icon{background:#2777ce}.municipality-card:nth-child(3n) .muni-icon{background:#f07a20}.municipality-card:nth-child(5n) .muni-icon{background:#6bba36}
.muni-copy{display:grid;gap:0}.municipality-card strong{font-size:13px;line-height:1.12;text-shadow:0 2px 5px #000;font-weight:900}.municipality-card small{font-size:10px;line-height:1.1;font-weight:800}

/* Footer */
.site-footer{background:#07131c;color:#dce5eb;box-shadow:inset 0 1px #ffffff0d}
.footer-top{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.15fr 1.25fr;gap:28px;padding:27px 0 20px}
.footer-brand img{width:275px;max-height:66px;object-fit:contain;object-position:left}
.footer-brand p{font-size:12px;line-height:1.75;margin:11px 0 0;max-width:340px;color:#d0dae2}
.footer-col{border-left:1px solid #ffffff26;padding-left:24px;min-width:0}
.footer-col h3{font-size:14px;margin:1px 0 9px;color:#fff;font-weight:950}.footer-col:nth-child(2) h3{color:#f3212b}.footer-col:nth-child(3) h3{color:#1685d3}.footer-col:nth-child(4) h3{color:#67b338}.footer-col:nth-child(5) h3{color:#f3212b}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:12px}.footer-links a:hover{color:#fff;text-decoration:underline}
.social-row{display:flex;gap:11px}.social-row a{width:35px;height:35px;border-radius:50%;background:#fff;color:#0c1218;display:grid;place-items:center;transition:.18s}.social-row a:hover{transform:translateY(-2px)}
.footer-col p{font-size:12px;margin:7px 0}.footer-col p i{width:23px;color:#fff}
.newsletter form{display:flex;margin-top:10px}.newsletter input{flex:1;min-width:0;background:#0b1b27;border:1px solid #344553;color:#fff;padding:10px 11px;outline:0}.newsletter input:focus{border-color:#748b9c}.newsletter button{width:48px;background:var(--red);color:#fff;border:0;cursor:pointer}
.footer-bottom{border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--blue),#7042c2,var(--red)) 1;padding:9px 0;font-size:11px;color:#d7e0e7}.footer-bottom .container-wide{display:flex;justify-content:space-between;gap:20px}

/* Legacy homepage section classes kept for compatibility */
.home-content-section{padding:36px 0;background:#f7fafc;border-bottom:1px solid #e6edf2}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.heading-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--section-color);color:#fff}.section-heading h2{margin:0;color:var(--section-color)}.section-heading p{margin:2px 0;color:#66717b}.cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.media-card{background:#fff;border:1px solid #e0e7ec;border-radius:10px;overflow:hidden}.media-thumb{height:195px;position:relative;display:block;background:#0a1721;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.play,.photo-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#06121c99;border:2px solid #fff;color:#fff}.media-thumb small{position:absolute;right:7px;bottom:7px;background:#07131bdb;color:#fff;padding:2px 6px;border-radius:4px}.media-info{padding:12px}.media-info h3{margin:0 0 4px}.media-info p{margin:3px 0}.section-action{margin-top:16px}.section-btn{display:inline-block;background:var(--section-color);color:#fff;padding:9px 14px;border-radius:6px;font-size:12px;font-weight:850}

/* Inner pages */
.page-hero{min-height:320px;background-image:linear-gradient(90deg,#041522dd,#04152270),var(--bg);background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;padding:55px 0;position:relative}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#06131f5c 100%);pointer-events:none}.page-hero>.container{position:relative;z-index:1}.page-hero.small{min-height:190px;background:#0c2133}.page-hero h1{font-size:52px;line-height:1.05;margin:0;text-transform:uppercase;font-weight:950}.page-hero p{letter-spacing:2px;font-weight:800;color:#d2eab9;margin-bottom:0}
.listing-content,.municipality-list,.simple-page>section:not(.page-hero){padding:55px 0}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.list-card{border:1px solid #e1e7ec;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 7px 25px #0b24340d;transition:.22s ease}.list-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0b243418}.list-card .media-thumb{height:230px;border-radius:0;box-shadow:none}.card-body{padding:18px}.card-body h2,.card-body h3{margin:8px 0;font-size:21px}.card-body p{color:#5d6570}.type-badge{display:inline-block;padding:4px 9px;border-radius:20px;background:var(--badge);color:#fff;font-size:11px;font-weight:900}.read-link{font-weight:850;color:var(--red)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:35px}.pagination a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #d7dee4}.pagination a.active{background:var(--red);color:#fff;border-color:var(--red)}
.detail-hero{height:520px;position:relative;color:#fff;display:flex;align-items:flex-end}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-overlay{position:absolute;inset:0;background:linear-gradient(transparent 25%,#06111af2)}.detail-hero .container{position:relative;padding-bottom:60px}.detail-hero h1{font-size:55px;line-height:1.04;max-width:900px;margin:10px 0}.detail-content{padding:55px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:40px}.video-frame{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin-bottom:30px}.video-frame iframe{width:100%;height:100%;border:0}.story-image{width:100%;max-height:650px;object-fit:cover;border-radius:12px;margin-bottom:30px}.prose{font-size:17px;line-height:1.85;color:#323942}.prose img{border-radius:10px}.prose h2,.prose h3{color:#111}.side-box{position:sticky;top:110px;border:1px solid #e0e5e9;padding:18px;border-radius:10px;background:#fff}.side-box h3{margin-top:0}.mini-card{display:flex;gap:10px;padding:10px 0;border-top:1px solid #eee}.mini-card img{width:95px;height:65px;object-fit:cover;border-radius:6px}.mini-card span{font-size:13px;font-weight:800}.mini-card small{display:block;color:#777;font-weight:400}
.intro{text-align:center;max-width:760px;margin:0 auto 35px}.intro h2{font-size:36px;margin:0}.muni-large-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.muni-large-card{height:330px;position:relative;border-radius:14px;overflow:hidden;color:#fff}.muni-large-card>img{width:100%;height:100%;object-fit:cover}.muni-large-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#07131df2)}.muni-large-card>div{position:absolute;left:25px;bottom:25px;z-index:2}.muni-large-card span{width:45px;height:45px;display:grid;place-items:center;background:var(--red);border-radius:50%}.muni-large-card h3{font-size:28px;margin:8px 0 0}.muni-large-card p{margin:0 0 8px}.muni-description{max-width:900px;margin:0 auto 45px}.municipality-content-block{margin:45px 0}.block-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;margin-bottom:18px}.block-heading h2{margin:0 0 10px}.compact .card-body h3{font-size:18px}.simple-page .page-prose{padding-top:0}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.contact-grid h2{font-size:40px}.contact-points p{display:flex;gap:12px;align-items:center}.contact-points i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#edf3f8;color:var(--red)}.contact-form,.admin-form{display:grid}.contact-form{grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:6px;font-weight:700}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea{border:1px solid #dce2e7;border-radius:7px;padding:12px}.contact-form button{width:max-content}.alert{grid-column:1/-1;padding:12px;border-radius:6px}.alert.success{background:#e7f6ec;color:#136c31}.alert.error{background:#fdecec;color:#a42020}.big-search{display:flex;max-width:850px;margin:0 auto 30px}.big-search input{flex:1;padding:17px;border:1px solid #ddd;border-radius:8px 0 0 8px}.big-search button{width:60px;border:0;background:var(--red);color:#fff;border-radius:0 8px 8px 0}.result-count{text-align:center}.empty-state{text-align:center;padding:90px 0}.empty-state i{font-size:70px;color:var(--red)}.empty-state h1{font-size:70px;margin:0}

@media(max-width:1280px){
  .brand{width:255px;flex-basis:255px}.desktop-nav a{min-width:72px;font-size:10px}.desktop-nav a i{font-size:21px}
  .hero-copy{padding-left:4%}.hero-copy h1{font-size:61px}.hero-script{font-size:28px}.showcase-grid{gap:20px}.showcase-heading h2{font-size:21px}.municipality-grid{grid-template-columns:repeat(5,1fr)}.municipality-card{height:135px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-col:nth-child(5){grid-column:2/4}
}
@media(max-width:980px){
  .container-wide{width:min(100% - 30px,940px)}.header-inner{height:76px}.brand{width:235px;flex-basis:235px}.brand img{height:58px}.desktop-nav{display:none}.header-actions{margin-left:auto}
  .hero-home{height:auto;min-height:650px}.hero-inner{padding:70px 0 40px;display:block}.hero-copy{width:100%;padding:0 30px;max-width:690px}.hero-copy h1{font-size:62px}.hero-slants{display:none}.social-rail{left:auto;right:12px;top:55%}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.showcase-media{height:190px}.municipality-grid{grid-template-columns:repeat(5,1fr)}
  .footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:nth-child(5){grid-column:auto}.detail-layout{grid-template-columns:1fr}.side-box{position:static}.contact-grid{grid-template-columns:1fr}
  .mobile-drawer{display:block;position:fixed;z-index:100;top:0;right:0;width:min(360px,88vw);height:100vh;background:#07131c;color:#fff;transform:translateX(105%);transition:.28s ease;padding:20px;box-shadow:-20px 0 50px #0005}.mobile-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding-bottom:15px}.drawer-head img{width:215px;max-height:55px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}.drawer-close{background:none;color:#fff;border:0;font-size:28px}.mobile-drawer nav{display:grid;margin-top:18px}.mobile-drawer nav a{padding:15px 10px;border-bottom:1px solid #ffffff18;font-weight:800}.mobile-drawer nav i{width:35px}.drawer-backdrop{position:fixed;z-index:99;inset:0;background:#000a}.drawer-backdrop.open{display:block}
}
@media(max-width:640px){
  .container,.container-wide{width:calc(100% - 24px)}.header-inner{gap:8px;height:70px}.brand{width:190px;flex-basis:190px}.brand img{height:51px}.header-actions{gap:6px}.circle-btn{width:39px;height:39px;font-size:15px}.lang-toggle{font-size:10px;padding:7px 8px}.search-toggle{display:none}
  .hero-home{min-height:540px;background-position:57% center}.hero-inner{padding:70px 0 35px;align-items:center}.hero-copy{padding:0 4px;max-width:100%}.hero-copy h1{font-size:47px;letter-spacing:-1px}.hero-copy h1 strong{font-size:1.08em}.hero-script{font-size:23px}.hero-keywords{font-size:13px;letter-spacing:0}.hero-search{border-width:3px}.hero-search>i{margin-left:13px;font-size:15px}.hero-search input{font-size:11px;padding:11px 7px}.hero-search button{font-size:10px;padding:11px 12px}.social-rail{display:none}
  .category-showcase{padding:23px 0}.showcase-grid{grid-template-columns:1fr;gap:27px}.showcase-heading{margin-bottom:10px}.showcase-icon{width:46px;height:46px;flex-basis:46px;font-size:20px}.showcase-heading h2{font-size:22px}.showcase-heading p{white-space:normal;font-size:12px}.showcase-media{height:205px}.showcase-copy{min-height:0;padding-top:9px}.showcase-copy h3{font-size:18px}.showcase-excerpt{-webkit-line-clamp:2}.showcase-btn{margin-top:10px}
  .explore-section{border-radius:18px 18px 0 0;padding:17px 0 23px}.explore-title h2{font-size:22px}.explore-title p{font-size:13px}.municipality-grid{grid-template-columns:repeat(2,1fr);gap:9px}.municipality-card{height:132px}.municipality-card strong{font-size:13px}
  .footer-top{grid-template-columns:1fr;gap:18px;padding-top:24px}.footer-brand{grid-column:auto}.footer-brand img{width:225px}.footer-col,.footer-col:nth-child(5){grid-column:auto;border-left:0;border-top:1px solid #ffffff20;padding:16px 0 0}.footer-bottom .container-wide{display:grid;gap:5px;text-align:center}
  .page-hero{min-height:240px;padding:35px 0}.page-hero h1{font-size:35px}.listing-content,.municipality-list,.simple-page>section:not(.page-hero){padding:35px 0}.listing-grid{grid-template-columns:1fr}.detail-hero{height:410px}.detail-hero h1{font-size:38px}.detail-hero .container{padding-bottom:35px}.detail-content{padding:35px 0}.muni-large-grid{grid-template-columns:1fr}.muni-large-card{height:260px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.contact-grid h2{font-size:32px}
}

/* =========================================================
   Hyperlapse Nepal — Premium Frontend Refresh v3.1
   Visual-only layer: keeps all existing dynamic PHP/data.
   ========================================================= */

:root{
  --surface:#ffffff;
  --surface-soft:#f6f8fb;
  --surface-blue:#eef5fb;
  --ink:#071522;
  --ink-2:#243442;
  --muted:#6d7a86;
  --line:#dfe7ee;
  --shadow-sm:0 8px 24px rgba(8,31,48,.08);
  --shadow-md:0 18px 55px rgba(8,31,48,.12);
  --shadow-lg:0 28px 80px rgba(0,16,29,.20);
  --radius:18px;
  --radius-lg:26px;
}

body{background:#fff;color:var(--ink);overflow-x:hidden}
::selection{background:color-mix(in srgb,var(--red) 85%,#fff);color:#fff}
.container-wide{width:min(1360px,calc(100% - 56px))}

/* ----- Refined header ----- */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(10,35,53,.08);box-shadow:0 8px 30px rgba(5,25,40,.06);backdrop-filter:saturate(160%) blur(12px)}
.header-inner{height:84px;gap:22px}
.brand{width:258px;flex-basis:258px}
.brand img{height:58px}
.desktop-nav{gap:2px}
.desktop-nav a{min-width:78px;padding:0 8px;gap:6px;font-size:10.5px;letter-spacing:.02em;color:#071523}
.desktop-nav a i{font-size:20px;transition:transform .2s ease}
.desktop-nav a:after{bottom:8px;height:2px;background:var(--red)}
.desktop-nav a:hover i,.desktop-nav a.active i{transform:translateY(-2px)}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--red)}
.desktop-nav a.active:after{width:40px}
.header-actions{gap:8px}
.circle-btn{width:42px;height:42px;border-width:1.5px;box-shadow:0 4px 14px rgba(12,38,55,.07)}
.menu-toggle{box-shadow:0 7px 18px color-mix(in srgb,var(--red) 24%,transparent)}
.lang-toggle{padding:8px 10px;font-size:11px;box-shadow:none}
.search-panel{padding:14px 24px}
.search-panel form{max-width:780px}

/* ----- Cinematic hero ----- */
.hero-home{height:560px;min-height:540px;background-image:linear-gradient(90deg,#02121fe8 0%,#031827c2 36%,#03182755 66%,#03182718 100%),var(--hero-image);background-position:center 48%;isolation:isolate}
.hero-home:after{content:"";position:absolute;inset:auto 0 0;height:120px;z-index:1;background:linear-gradient(180deg,transparent,rgba(3,18,31,.42));pointer-events:none}
.hero-overlay{background:radial-gradient(circle at 77% 26%,rgba(255,207,128,.10),transparent 23%),linear-gradient(90deg,rgba(2,18,31,.91) 0%,rgba(3,24,39,.68) 42%,rgba(3,24,39,.14) 78%,rgba(3,24,39,.28) 100%);box-shadow:none}
.hero-inner{justify-content:space-between}
.hero-copy{width:49%;padding-left:3.5%;padding-top:0}
.hero-copy h1{font-size:clamp(56px,5.2vw,76px);line-height:.88;margin-bottom:12px;letter-spacing:-2.5px;text-shadow:0 10px 35px rgba(0,0,0,.34)}
.hero-copy h1 strong{letter-spacing:-1.5px}
.hero-script{font-size:clamp(25px,2.25vw,32px);color:#7fc64a;margin-bottom:11px;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.hero-keywords{font-size:16px;letter-spacing:.075em;margin-bottom:20px}
.hero-search{max-width:625px;border:3px solid rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(0,0,0,.26)}
.hero-search input{padding:13px 10px;font-size:14px}
.hero-search button{padding:13px 21px;box-shadow:-5px 0 15px rgba(227,30,36,.14)}
.hero-search button:hover{transform:translateX(-1px)}
.social-rail{left:18px;transform:translateY(-20%);padding:8px 6px;gap:7px;border-color:rgba(255,255,255,.18);background:rgba(2,16,28,.76);box-shadow:0 10px 30px rgba(0,0,0,.20)}
.social-rail a{width:32px;height:32px;font-size:15px}

.hero-slants{width:47%;height:80%;gap:7px;transform:translateX(2%);padding-right:0;filter:drop-shadow(0 22px 34px rgba(0,0,0,.20))}
.slant-card{height:82%;border:1px solid rgba(255,255,255,.16);box-shadow:none;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background-position:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.slant-card:nth-child(2),.slant-card:nth-child(4){height:87%}
.slant-card:hover{transform:translateY(-10px) scale(1.01);filter:saturate(1.09) brightness(1.02)}
.slant-card:before{background:linear-gradient(180deg,rgba(5,20,33,.03) 0 44%,rgba(11,79,167,.94) 45% 100%)}
.slant-card.culture:before{background:linear-gradient(180deg,rgba(5,20,33,.03) 0 44%,rgba(217,35,45,.94) 45% 100%)}
.slant-card.nature:before{background:linear-gradient(180deg,rgba(5,20,33,.03) 0 44%,rgba(18,103,201,.94) 45% 100%)}
.slant-card.stories:before{background:linear-gradient(180deg,rgba(5,20,33,.03) 0 44%,rgba(78,157,52,.94) 45% 100%)}
.slant-card div{bottom:28px;gap:9px;font-size:18px;letter-spacing:.02em}
.slant-card i{font-size:23px}

/* ----- Premium four-card showcase ----- */
.category-showcase{padding:48px 0 54px;background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%);border:0;position:relative}
.category-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(14,83,146,.05),transparent 36%);pointer-events:none}
.category-showcase .container-wide{position:relative}
.showcase-grid{gap:20px;align-items:stretch}
.showcase-column{display:flex;flex-direction:column;min-width:0;padding:18px 18px 17px;background:#fff;border:1px solid rgba(12,52,78,.09);border-top:4px solid var(--section-color);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .24s ease,box-shadow .24s ease}
.showcase-column:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.showcase-heading{align-items:flex-start;gap:12px;margin:0 0 15px;min-height:57px}
.showcase-icon{width:46px;height:46px;flex-basis:46px;font-size:20px;box-shadow:none;background:color-mix(in srgb,var(--section-color) 92%,#fff)}
.showcase-heading>div{min-width:0;padding-top:1px}
.showcase-heading h2{display:block;border:0;padding:0;font-size:clamp(18px,1.45vw,22px);line-height:1.06;letter-spacing:-.35px;text-wrap:balance}
.showcase-heading h2:after{content:"";display:block;width:46px;height:2px;background:var(--section-color);border-radius:999px;margin-top:6px}
.showcase-heading p{margin-top:4px;font-size:12px;color:#64717c;white-space:normal;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.showcase-media{height:184px;border:0;border-radius:14px;box-shadow:0 10px 25px rgba(4,31,49,.13);background:#061522}
.showcase-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:inherit;pointer-events:none}
.showcase-media img{filter:saturate(1.04) contrast(1.02)}
.showcase-column:hover .showcase-media img{transform:scale(1.055)}
.showcase-shade{background:linear-gradient(180deg,rgba(0,16,28,0) 35%,rgba(0,16,28,.18) 58%,rgba(0,16,28,.78) 100%)}
.showcase-play{width:50px;height:50px;border-width:2px;background:rgba(2,15,25,.48);box-shadow:0 8px 25px rgba(0,0,0,.32);transition:transform .2s ease,background .2s ease}
.showcase-column:hover .showcase-play{transform:translate(-50%,-50%) scale(1.08);background:color-mix(in srgb,var(--section-color) 75%,rgba(2,15,25,.35))}
.duration{right:9px;bottom:9px;padding:4px 7px;border-radius:6px;font-size:10px;background:rgba(3,17,28,.88)}
.showcase-copy{padding:13px 2px 0;min-height:116px}
.showcase-copy h3{font-size:18px;line-height:1.25;margin-bottom:6px;color:#0a1722}
.showcase-copy h3 a:hover{color:var(--section-color)}
.showcase-location{font-size:11.5px;margin-bottom:5px;color:#3d4b57}
.showcase-excerpt{font-size:12px;line-height:1.55;color:#71808b;-webkit-line-clamp:2}
.showcase-btn{margin-top:auto;width:100%;justify-content:center;padding:10px 14px;border-radius:10px;font-size:10.5px;letter-spacing:.02em;box-shadow:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.showcase-btn:hover{box-shadow:0 9px 22px color-mix(in srgb,var(--section-color) 20%,transparent)}

/* ----- Explore Sankhuwasabha ----- */
.explore-section{border-radius:0;padding:44px 0 47px;background:linear-gradient(115deg,#082b3c 0%,#07566a 42%,#087f93 100%);box-shadow:none}
.explore-section:before{background:radial-gradient(circle at 8% 0,rgba(121,198,74,.28),transparent 28%),radial-gradient(circle at 90% 100%,rgba(11,139,181,.30),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,18,31,.18))}
.explore-title{margin-bottom:24px}
.explore-title h2{font-size:clamp(28px,2.5vw,36px);letter-spacing:-.6px;text-shadow:none;text-transform:none}
.explore-title p{margin-top:6px;color:#e9f35a;font-size:15px}
.municipality-grid{gap:10px;margin-bottom:26px}
.municipality-card{height:154px;border-radius:14px;border:1px solid rgba(255,255,255,.45);box-shadow:0 12px 28px rgba(0,23,36,.18);padding:10px 7px 12px;background-position:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.municipality-card:after{background:linear-gradient(180deg,rgba(0,18,31,.06) 20%,rgba(2,18,31,.24) 47%,rgba(2,18,31,.92) 100%)}
.municipality-card:hover{transform:translateY(-6px);border-color:#fff;box-shadow:0 18px 38px rgba(0,20,31,.28)}
.muni-icon{top:10px;width:38px;height:38px;font-size:15px;border:2px solid rgba(255,255,255,.74);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.municipality-card strong{font-size:12.5px;line-height:1.2}
.municipality-card small{font-size:9.5px;opacity:.86}
.explore-section .btn-white{border-radius:999px;padding:11px 22px;font-size:11px;box-shadow:0 8px 24px rgba(0,20,31,.18)}

/* ----- Footer ----- */
.site-footer{background:#06131d;color:#d8e2e9;box-shadow:none}
.footer-top{grid-template-columns:1.55fr 1fr 1fr 1.12fr 1.25fr;gap:32px;padding:40px 0 32px}
.footer-brand img{width:240px;max-height:58px}
.footer-brand p{font-size:12px;line-height:1.78;color:#b9c8d3;max-width:360px}
.footer-col{border-left:1px solid rgba(255,255,255,.11);padding-left:26px}
.footer-col h3{font-size:13px;letter-spacing:.025em;margin-bottom:12px}
.footer-links{gap:7px 17px;font-size:11.5px}
.footer-links a{color:#c8d5de;transition:color .18s ease,transform .18s ease}
.footer-links a:hover{color:#fff;transform:translateX(2px);text-decoration:none}
.social-row{gap:9px}
.social-row a{width:38px;height:38px;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.footer-col p{font-size:11.5px;color:#c6d2db}
.newsletter form{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.newsletter input{border:0;background:#0a1d2b;padding:11px 12px}
.newsletter button{width:50px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.10);border-image:none;padding:12px 0;color:#97aab7}

/* ----- Inner pages: same premium language ----- */
.page-hero{min-height:360px;padding:65px 0;background-position:center;box-shadow:inset 0 -80px 100px rgba(0,18,30,.20)}
.page-hero h1{font-size:clamp(40px,4.3vw,58px);letter-spacing:-1.2px}
.listing-content,.municipality-list,.simple-page>section:not(.page-hero){padding:64px 0;background:#f8fafc}
.listing-grid{gap:24px}
.list-card{border:1px solid rgba(11,50,75,.09);border-radius:18px;box-shadow:var(--shadow-sm);transition:transform .24s ease,box-shadow .24s ease}
.list-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.list-card .media-thumb{height:250px}
.card-body{padding:20px}
.card-body h2,.card-body h3{font-size:20px;line-height:1.28}
.read-link{display:inline-flex;align-items:center;gap:6px;margin-top:7px}
.detail-hero{height:560px}
.detail-overlay{background:linear-gradient(180deg,rgba(3,17,29,.08) 10%,rgba(3,17,29,.92) 100%)}
.detail-content{padding:64px 0;background:#fff}
.video-frame,.story-image{border-radius:18px;box-shadow:var(--shadow-sm)}
.side-box{top:110px;border:1px solid rgba(10,48,73,.10);border-radius:18px;box-shadow:var(--shadow-sm)}
.muni-large-card{border-radius:20px;box-shadow:var(--shadow-sm)}
.contact-form input,.contact-form textarea{border-radius:10px;padding:13px 14px;background:#fff}

/* ----- Responsive ----- */
@media(max-width:1240px){
  .container-wide{width:min(1180px,calc(100% - 40px))}
  .brand{width:235px;flex-basis:235px}
  .desktop-nav a{min-width:68px;font-size:10px}
  .hero-copy{padding-left:2%}
  .hero-slants{width:49%}
  .showcase-grid{gap:16px}
  .showcase-column{padding:16px}
  .showcase-heading h2{font-size:18px}
  .municipality-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .municipality-card{height:145px}
  .footer-top{grid-template-columns:1.4fr 1fr 1fr}
  .footer-col:nth-child(5){grid-column:2/4}
}

@media(max-width:980px){
  .container-wide{width:calc(100% - 30px)}
  .header-inner{height:76px}
  .brand{width:220px;flex-basis:220px}
  .brand img{height:52px}
  .hero-home{height:auto;min-height:730px;background-position:54% center}
  .hero-inner{padding:68px 0 44px;display:grid;grid-template-columns:1fr;align-content:center;gap:32px}
  .hero-copy{width:100%;max-width:720px;padding:0 34px}
  .hero-copy h1{font-size:62px}
  .hero-slants{display:grid;width:100%;height:auto;grid-template-columns:repeat(4,1fr);gap:10px;transform:none;padding:0 34px;filter:none}
  .slant-card,.slant-card:nth-child(2),.slant-card:nth-child(4){height:126px;width:100%;clip-path:none;border-radius:14px}
  .slant-card:before,.slant-card.culture:before,.slant-card.nature:before,.slant-card.stories:before{background:linear-gradient(180deg,rgba(1,17,28,.10),rgba(1,17,28,.82))}
  .slant-card div{bottom:13px;font-size:13px;gap:4px}
  .slant-card i{font-size:18px}
  .social-rail{right:14px;left:auto;top:42%;transform:none}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .showcase-media{height:220px}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-col:nth-child(5){grid-column:auto}
}

@media(max-width:700px){
  .container,.container-wide{width:calc(100% - 24px)}
  .site-header{position:sticky}
  .header-inner{height:68px;gap:7px}
  .brand{width:180px;flex-basis:180px}
  .brand img{height:48px}
  .circle-btn{width:38px;height:38px;font-size:14px}
  .lang-toggle{padding:7px 8px;font-size:9px}
  .search-toggle{display:none}

  .hero-home{min-height:675px;background-position:58% center}
  .hero-inner{padding:48px 0 32px;gap:24px}
  .hero-copy{padding:0 2px}
  .hero-copy h1{font-size:clamp(45px,14vw,58px);letter-spacing:-1.7px}
  .hero-script{font-size:22px}
  .hero-keywords{font-size:11.5px;line-height:1.45;letter-spacing:.04em}
  .hero-search{border-width:2px}
  .hero-search>i{margin-left:13px;font-size:14px}
  .hero-search input{font-size:11px;padding:11px 6px}
  .hero-search button{font-size:9.5px;padding:11px 12px}
  .social-rail{display:none}
  .hero-slants{grid-template-columns:repeat(2,1fr);padding:0;gap:8px}
  .slant-card,.slant-card:nth-child(2),.slant-card:nth-child(4){height:92px;border-radius:12px}
  .slant-card div{bottom:9px;font-size:11.5px}
  .slant-card i{font-size:15px}

  .category-showcase{padding:30px 0 34px}
  .showcase-grid{grid-template-columns:1fr;gap:18px}
  .showcase-column{padding:15px;border-radius:17px}
  .showcase-heading{min-height:0;margin-bottom:12px}
  .showcase-heading h2{font-size:20px}
  .showcase-heading p{-webkit-line-clamp:2}
  .showcase-media{height:215px}
  .showcase-copy{min-height:0;padding-top:12px}
  .showcase-copy h3{font-size:18px}
  .showcase-btn{margin-top:13px}

  .explore-section{padding:34px 0 38px}
  .explore-title{margin-bottom:20px}
  .explore-title h2{font-size:25px}
  .explore-title p{font-size:13px;line-height:1.45}
  .municipality-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .municipality-card{height:142px}
  .municipality-card strong{font-size:13px}

  .footer-top{grid-template-columns:1fr;gap:20px;padding:32px 0 25px}
  .footer-brand{grid-column:auto}
  .footer-brand img{width:210px}
  .footer-col,.footer-col:nth-child(5){grid-column:auto;border-left:0;border-top:1px solid rgba(255,255,255,.10);padding:18px 0 0}
  .footer-bottom .container-wide{display:grid;gap:6px;text-align:center}

  .page-hero{min-height:270px;padding:44px 0}
  .listing-content,.municipality-list,.simple-page>section:not(.page-hero){padding:42px 0}
  .listing-grid{grid-template-columns:1fr}
  .list-card .media-thumb{height:225px}
  .detail-hero{height:440px}
  .detail-hero h1{font-size:38px}
}

@media(max-width:430px){
  .brand{width:155px;flex-basis:155px}
  .lang-toggle{display:none}
  .hero-home{min-height:650px}
  .hero-copy h1{font-size:43px}
  .hero-script{font-size:20px}
  .hero-search button{padding-inline:10px}
  .hero-slants{gap:7px}
  .slant-card,.slant-card:nth-child(2),.slant-card:nth-child(4){height:86px}
  .showcase-media{height:190px}
  .municipality-card{height:130px}
}

/* =========================================================
   HYPERLAPSE NEPAL v3.2 — COMPACT INNER PAGE HERO
   Keeps the homepage cinematic hero unchanged.
   Applies to Vlog, Documentary, Timelapse, Photo,
   Sankhuwasabha, About, Contact, Search and detail pages.
   ========================================================= */

/* Listing / standard inner-page hero */
.page-hero{
  min-height:230px;
  padding:34px 0 30px;
  background-position:center 46%;
  align-items:flex-end;
  box-shadow:inset 0 -58px 80px rgba(0,18,30,.20);
}
.page-hero:after{
  background:linear-gradient(180deg,rgba(2,14,24,.02) 18%,rgba(2,14,24,.55) 100%);
}
.page-hero>.container{
  padding-bottom:0;
}
.page-hero p{
  margin:0 0 6px;
  font-size:13px;
  line-height:1.35;
  letter-spacing:1.35px;
}
.page-hero h1{
  font-size:clamp(34px,3.6vw,48px);
  line-height:1;
  letter-spacing:-.8px;
}

/* Search and other deliberately compact banners */
.page-hero.small{
  min-height:135px;
  padding:25px 0 22px;
}
.page-hero.small h1{
  font-size:clamp(30px,3vw,42px);
}

/* Vlog / documentary / photo / timelapse / municipality detail hero */
.detail-hero{
  height:365px;
  min-height:365px;
}
.detail-hero .container{
  padding-bottom:34px;
}
.detail-hero h1{
  font-size:clamp(36px,4vw,50px);
  margin:8px 0 7px;
}
.detail-overlay{
  background:linear-gradient(180deg,rgba(2,12,20,.03) 18%,rgba(4,16,26,.92) 100%);
}

@media(max-width:1000px){
  .page-hero{
    min-height:205px;
    padding:30px 0 27px;
  }
  .detail-hero{
    height:330px;
    min-height:330px;
  }
  .detail-hero .container{padding-bottom:30px}
}

@media(max-width:700px){
  .page-hero{
    min-height:170px;
    padding:24px 0 21px;
    background-position:center;
  }
  .page-hero p{
    font-size:10.5px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  .page-hero h1{
    font-size:clamp(29px,9vw,37px);
  }
  .page-hero.small{
    min-height:115px;
    padding:20px 0 18px;
  }
  .page-hero.small h1{
    font-size:30px;
  }
  .detail-hero{
    height:285px;
    min-height:285px;
  }
  .detail-hero .container{
    padding-bottom:24px;
  }
  .detail-hero h1{
    font-size:clamp(29px,8.5vw,38px);
  }
}

@media(max-width:430px){
  .page-hero{
    min-height:150px;
    padding:20px 0 18px;
  }
  .page-hero h1{
    font-size:30px;
  }
  .page-hero.small{
    min-height:105px;
  }
  .detail-hero{
    height:250px;
    min-height:250px;
  }
  .detail-hero .container{
    padding-bottom:20px;
  }
  .detail-hero h1{
    font-size:29px;
  }
}