
:root{--green:#073e2b;--deep:#062b24;--gold:#cda43e;--paper:#f8f7f2;--ink:#172a25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--green)}.mast{background:linear-gradient(145deg,#062d23,#0c5136);color:white;border-bottom:5px solid var(--gold)}.mast-inner{max-width:1480px;margin:auto;padding:22px 28px;display:grid;grid-template-columns:minmax(100px,360px) minmax(260px,1fr) minmax(100px,360px);align-items:center;gap:16px}.brand-logo{width:100%;max-width:360px;max-height:360px;aspect-ratio:1;object-fit:contain;justify-self:center;border-radius:50%;background:white}.brand{text-align:center}.brand h1{font:700 clamp(1.3rem,2.6vw,2.9rem)/1.16 Georgia,serif;letter-spacing:.025em;margin:0 0 12px;color:#fff7dc}.brand .tag{color:#f0c96b;font:600 clamp(.9rem,1.4vw,1.35rem)/1.4 Georgia,serif}.brand .legacy{font-size:clamp(.8rem,1.1vw,1.06rem);margin:12px 0;color:#e9e9df}.brand .bn{font-size:.93rem;color:#d5e8d7}.nav{background:#fff;box-shadow:0 2px 10px #0001}.nav-inner{max-width:1400px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:10px 12px}.nav a{text-decoration:none;font-size:.84rem;font-weight:650;padding:7px 10px;border-radius:5px}.nav a:hover,.nav a.active{background:#e5f0e7}.hero{background:linear-gradient(110deg,#e7f0e7,#fff5d9);border-bottom:1px solid #d9d3bd}.hero-inner{max-width:1180px;margin:auto;padding:50px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#6d5a26;font-weight:750;font-size:.8rem}.hero h2{font:700 clamp(2rem,4vw,3.8rem)/1.15 Georgia,serif;color:var(--green);margin:8px 0}.hero p{font-size:1.08rem;max-width:860px}.container{max-width:1180px;margin:36px auto 70px;padding:0 22px}.panel{background:white;border:1px solid #e6e4d9;border-radius:12px;padding:clamp(22px,3vw,38px);margin:20px 0;box-shadow:0 3px 14px #00000008}.panel h2{font:700 clamp(1.35rem,2.1vw,1.95rem) Georgia,serif;color:var(--green);margin:0 0 16px;border-bottom:2px solid #ead9a4;padding-bottom:12px}.panel p{margin:0 0 15px}.cards,.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.card{border:1px solid #e3dfd0;background:#fff;border-radius:10px;padding:23px}.card h3{margin:0 0 8px;color:var(--green);font:700 1.18rem Georgia,serif}.card p{margin:0}.photo{min-height:235px;background:repeating-linear-gradient(135deg,#f4f1e7,#f4f1e7 12px,#ede8d9 12px,#ede8d9 24px);border:2px dashed #b9a56b;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;gap:8px}.photo-symbol{font-size:3rem;color:#95814d}.photo strong{color:#294535}.photo small{color:#625f55}.notice{background:#fff8e4;border-left:5px solid #b99b44;padding:17px 20px;border-radius:5px;margin:20px 0}.button{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:12px 20px;border-radius:6px;font-weight:700}.footer{background:#072d25;color:#f2f1e9;border-top:5px solid var(--gold)}.footer-wrap{max-width:1350px;margin:auto;padding:35px 25px;display:grid;grid-template-columns:120px 1fr 120px;gap:20px;align-items:center}.footer-logo{width:120px;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:50%}.footer h2{color:#f2cf7c;font:700 clamp(1.15rem,2.2vw,1.9rem) Georgia,serif;margin:0 0 12px;text-align:center}.footer p{margin:6px 0;text-align:center}.footer a{color:#f2cf7c}.fineprint{text-align:center;border-top:1px solid #45665c;padding:14px 20px;font-size:.82rem;color:#c7d8d0}.small{font-size:.9rem;color:#666}.inline-stats{display:flex;gap:16px;flex-wrap:wrap}.stat{background:#eaf2eb;padding:18px 25px;border-radius:8px;flex:1;min-width:170px}.stat b{font:700 2rem Georgia,serif;color:var(--green);display:block}details{border-bottom:1px solid #e0dfd7;padding:12px 0}summary{cursor:pointer;font-weight:700;color:var(--green)}@media(max-width:850px){.mast-inner{grid-template-columns:90px 1fr 90px;padding:15px 10px;gap:8px}.brand-logo{width:90px}.brand h1{font-size:1.15rem}.brand .tag{font-size:.82rem}.brand .legacy{font-size:.75rem}.cards,.photo-grid{grid-template-columns:repeat(2,1fr)}.footer-wrap{grid-template-columns:80px 1fr 80px}.footer-logo{width:80px}}@media(max-width:570px){.mast-inner{grid-template-columns:64px 1fr 64px}.brand-logo{width:64px}.brand h1{font-size:.91rem}.brand .tag{font-size:.7rem}.brand .legacy{font-size:.65rem}.brand .bn{font-size:.7rem}.cards,.photo-grid{grid-template-columns:1fr}.footer-wrap{grid-template-columns:1fr}.footer-logo{display:none}.container{padding:0 14px}.hero-inner{padding:32px 17px}}

/* Approved Masabbir City identity, applied to every page */
.brand .tag{font-size:28px;line-height:1.3;color:#e4b74d;font-weight:700}
.brand .legacy{color:#e4b74d;font-weight:650}
.brand .bn{color:#e4b74d;font-weight:750;font-size:clamp(1rem,1.55vw,1.4rem)}
.footer-wrap{max-width:1720px;grid-template-columns:minmax(100px,280px) minmax(0,1fr) minmax(100px,280px);gap:24px}
.footer-logo{width:100%;max-width:280px;height:auto;aspect-ratio:1;object-fit:contain;justify-self:center}
.footer-slogan{font-size:1.15rem;color:#f2cf7c;font-weight:700}
.footer-address{max-width:750px;margin:10px auto!important}
.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 17px;margin:16px auto 0}
.footer-contact a{overflow-wrap:anywhere;white-space:normal;text-decoration:none;border-bottom:1px solid #927b3b;padding-bottom:3px}
@media(max-width:950px){.footer-wrap{grid-template-columns:minmax(65px,150px) minmax(0,1fr) minmax(65px,150px);gap:12px}.footer-logo{max-width:150px}.brand .tag{font-size:clamp(15px,2.4vw,24px)}}
@media(max-width:570px){.footer-wrap{grid-template-columns:68px minmax(0,1fr) 68px;gap:8px;padding:25px 10px}.footer-logo{display:block;width:68px;max-width:68px;align-self:start}.footer h2{font-size:1rem}.footer-slogan{font-size:.9rem}.footer-contact{grid-column:1/-1}.brand .tag{font-size:16px}.brand .legacy{font-size:.7rem}.brand .bn{font-size:.8rem}}

/* Approved October 2026 institutional branding */
.brand .tag{font-size:36px;line-height:1.22;font-weight:700;color:#d5a32c}
.brand .legacy{font-size:20px;line-height:1.4;color:#d5a32c}
.brand .bn{font-size:36px;line-height:1.25;font-weight:700;color:#d5a32c}
.institution-panel h2{text-align:center;color:var(--green)}
.institution-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.institution-logo-card{margin:0;width:min(100%,320px);text-align:center;background:#faf9f4;border:1px solid #e6ddc5;border-radius:12px;padding:12px}
.institution-logo-card img{display:block;width:300px;height:300px;max-width:100%;object-fit:contain;margin:0 auto}
.institution-logo-card figcaption{font-weight:700;color:#173d2d;margin-top:10px;line-height:1.35}
@media(max-width:1100px){.brand .tag{font-size:clamp(20px,3vw,36px)}.brand .legacy{font-size:clamp(14px,1.9vw,20px)}.brand .bn{font-size:clamp(20px,3vw,36px)}}
@media(max-width:600px){.institution-logo-card{width:min(100%,320px)}}

/* Approved heritage portraits and residential logos */
.heritage-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.heritage-person,.residence-card{border:1px solid #d6b76c;border-radius:14px;padding:16px;text-align:center;background:#fffdf7;display:flex;flex-direction:column;align-items:center;gap:10px}.heritage-person img{width:100%;max-width:250px;height:310px;object-fit:contain}.heritage-person strong{display:block}.heritage-person small{color:#555}.heritage-shadow{width:100%;max-width:250px;height:310px;display:flex;align-items:center;justify-content:center;color:transparent;background:linear-gradient(145deg,#c9c9c9,#6c6c6c);border-radius:12px;position:relative}.heritage-shadow:after{content:"";width:120px;height:185px;background:#434343;border-radius:50% 50% 30% 30%;clip-path:polygon(30% 0,70% 0,83% 18%,83% 38%,70% 49%,100% 75%,100% 100%,0 100%,0 75%,30% 49%,17% 38%,17% 18%)}.residence-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.residence-card img{width:300px;max-width:100%;height:300px;object-fit:contain}.residence-card h3{margin:0}.residence-card p{margin:4px 0}@media(max-width:800px){.heritage-portraits,.residence-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.heritage-portraits,.residence-cards{grid-template-columns:1fr}}

/* Commercial original-logo directory and road-history visual */
.business-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:20px;margin:24px 0 32px}.business-logo-card{background:#fff;border:1px solid #e3dfd5;border-radius:14px;padding:18px;text-align:center;box-shadow:0 5px 16px #0000000b}.business-logo-card img{display:block;width:100%;height:205px;object-fit:contain;margin:0 auto 12px}.business-logo-card h3{font-size:1.12rem;margin:10px 0}.business-logo-card p{font-size:.95rem}.road-figure{margin:22px 0 0;text-align:center}.road-figure img{max-width:100%;height:auto;border-radius:12px;border:1px solid #ddd}.road-figure figcaption{font-size:.9rem;color:#666;margin-top:8px}.city-road-history p{line-height:1.75}

/* Bengali bilingual website enhancements */
.bn-nav{display:block;font-size:.70em;font-weight:500;line-height:1.4;opacity:.9;white-space:nowrap}
.hero-bn{font-size:1.1rem;margin-top:12px;color:#fff6da}
.bn-overview{border-left:4px solid #bc9b43;background:#fffcf4}
.bn-overview .bn,.city-road-history .bn{font-size:1.04rem;line-height:1.9}
@media(max-width:850px){.bn-nav{font-size:.76em}}

/* Bilingual content: Bengali follows its English counterpart */
.inline-translation{font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,sans-serif;line-height:1.75;margin-top:.2rem;margin-bottom:1rem;color:#34495a;} h2+.inline-translation,h3+.inline-translation{font-weight:650;color:#315e55;margin-top:0.1rem;}

/* Larger, bold names for all six generations */
.heritage-portraits .heritage-person .heritage-name-large{display:block;font-size:clamp(1.2rem,1.6vw,1.65rem);font-weight:800;line-height:1.32;color:#112c49;margin:12px 0 7px;overflow-wrap:anywhere;}

.rental-leaflet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:22px}.rental-leaflet-card{margin:0;padding:12px;border:1px solid #d6dddc;border-radius:12px;background:#fff;box-shadow:0 4px 14px #002c2114}.rental-leaflet-card img{display:block;width:100%;height:auto;border-radius:8px}.rental-leaflet-card figcaption{padding:12px 3px 4px;display:grid;gap:5px}.heritage-bn-name{font-weight:700;font-size:1.1rem;margin-top:6px}.heritage-name-large{font-size:1.18rem;line-height:1.4}

/* Generation 06 extended bilingual heritage profile */
.generation-six-profile{margin:20px 0 28px;padding:22px 26px;border-left:5px solid #b99337;background:#f8faf8;border-radius:9px;line-height:1.75}
.generation-six-profile h3{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.3;margin:0 0 8px;color:#143e31}
.generation-six-profile p{margin:10px 0}
.generation-six-bn-heading{font-size:1.3rem}
@media(max-width:600px){.generation-six-profile{padding:16px}}
