/* One-screen landing layout and ministry identity */
html{height:100%;overflow:hidden}
body{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.hero{flex:1 1 0;min-height:0;padding-bottom:0}
.hero>.container-fluid{height:100%;display:flex;flex-direction:column;min-height:0}
.topbar{flex:none;gap:20px;padding:16px 0 8px}
.brand{gap:12px;min-width:0;max-width:calc(100% - 330px)}
.brand img{height:68px;flex:none;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-shadow:0 1px 5px #163e3b}
.brand-eyebrow{font-size:14px;line-height:1.3;font-weight:600}
.brand-name{font-family:Arial,sans-serif;font-size:clamp(14px,1.55vw,23px);line-height:1.15;font-weight:700;margin:2px 0 5px}
.brand-url{display:inline-block;background:#8a2f2f;padding:2px 10px;font-size:12px;line-height:1.25;font-weight:700;text-shadow:none}
.tools{flex:none}
.centre{flex:none;transform-origin:top center;width:100%;margin:auto 0;padding:4px 0 0}
.centre .emb{height:clamp(52px,10vh,100px)}
.centre h1.nm{font-size:clamp(36px,7vh,72px);margin:6px 0 3px}
.tagline{font-size:clamp(22px,4vh,42px);margin:5px 0 6px}
.lead-s{font-size:clamp(14px,2vh,19px);margin-bottom:16px}
.search{max-width:700px}
.search input{padding:9px 4px}
.search button{padding:8px 32px;font-size:18px}
.cta{margin-top:16px;gap:20px}
.btn-gold,.btn-ghost{padding:10px 28px;font-size:17px}
.sectors{margin-top:22px;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}
.sector-img{height:clamp(60px,11vh,110px)}
.sector-ic{top:clamp(60px,11vh,110px);width:48px;height:48px;font-size:24px}
.sector-lbl{padding:28px 6px 12px;font-size:16px}
.bottom{min-height:70px;margin-top:8px;flex-direction:row;padding-bottom:0}
.campaign{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-top:0;font-size:13px}
.campaign img{width:40px;height:40px}
.dot{width:12px;height:12px}
.foot{flex:none;font-size:12px}
.foot .inner{min-height:44px;padding:6px 0;justify-content:space-between;gap:6px 18px}
@media(max-width:767.98px){
 .topbar{padding-top:10px;gap:10px;flex-wrap:wrap}
 .brand{max-width:100%;flex:1 1 100%;gap:9px}
 .brand img{height:52px}
 .brand-name{font-size:15px;max-width:360px}
 .brand-eyebrow{font-size:11px}.brand-url{font-size:10px}
 .tools{margin-left:auto;gap:10px}.lang{font-size:13px}
 .theme{height:32px}.theme .knob{height:22px;width:22px;top:3px;left:calc(100% - 28px)}
 .centre .emb{height:58px}.centre h1.nm{font-size:40px}
 .tagline{font-size:24px}.lead-s{font-size:13px}
 .cta{flex-wrap:nowrap;gap:8px}.btn-gold,.btn-ghost{font-size:13px;padding:10px 8px;width:auto;flex:1;min-width:0}
 .sectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
 .sector:last-child{grid-column:auto;justify-self:stretch;width:auto}
 .sector-img{height:62px}.sector-ic{top:62px;width:36px;height:36px;font-size:20px}
 .sector-lbl{font-size:12px;padding:22px 3px 9px}
 .bottom{min-height:60px;justify-content:space-between;gap:10px}
 .campaign{position:static;transform:none;padding:4px 8px;font-size:10px;gap:6px}
 .campaign img{width:30px;height:30px}.campaign svg{margin-left:0;width:14px}
 .dots{gap:10px}.dot{width:10px;height:10px}
 .foot{font-size:10px}.foot .inner{justify-content:center;gap:4px;padding:5px 0;min-height:42px}.foot nav{gap:6px}
}


/* NRES illustrated identity for the landing page. */
.brand{display:inline-flex;max-width:calc(100% - 330px);padding:8px 12px;background:#f7f7f7;border-radius:10px;box-shadow:0 4px 18px rgba(0,35,30,.14)}
.brand img.landing-doodle{display:block;width:230px;height:auto;max-width:100%;filter:none;object-fit:contain}
@media(max-width:767.98px){.brand{flex:0 1 auto;max-width:100%;padding:6px 9px}.brand img.landing-doodle{width:190px;height:auto}.topbar{justify-content:space-between}.tools{margin-left:0}}
@media(max-width:399.98px){.brand img.landing-doodle{width:160px}}

/* Transparent white logo supplied by the user. */
.brand{background:transparent;padding:0;border-radius:0;box-shadow:none}
.brand img.landing-doodle{filter:drop-shadow(0 2px 5px rgba(0,35,30,.25))}
@media(max-width:767.98px){.brand{padding:0;background:transparent}}

/* Compact logo with ministry name alongside, following the reference. */
.brand{gap:13px;max-width:calc(100% - 330px);align-items:center;text-shadow:0 1px 5px rgba(0,30,25,.45)}
.brand img.landing-doodle{width:125px;height:auto;flex:none}
.landing-ministry{display:flex;flex-direction:column;align-items:flex-start;min-width:0;color:#fff}
.landing-official{font-size:12px;font-weight:600;line-height:1.3}
.landing-name{font-family:Arial,sans-serif;font-size:clamp(13px,1.4vw,20px);font-weight:700;line-height:1.18;max-width:540px;margin:3px 0 5px}
.landing-url{display:inline-block;background:#165c4a;color:#fff;font-size:11px;font-weight:700;line-height:1.3;padding:2px 9px;text-shadow:none}
@media(max-width:767.98px){.brand{max-width:100%;flex:1 1 100%;gap:10px}.brand img.landing-doodle{width:90px}.landing-official{font-size:10px}.landing-name{font-size:12px;max-width:350px}.landing-url{font-size:9px;padding:2px 7px}.tools{margin-left:auto}}
@media(max-width:399.98px){.brand img.landing-doodle{width:76px}.landing-name{font-size:11px}}