:root{--br-navy:#071f45;--br-blue:#0b315f;--br-gold:#e8b64c;--br-ink:#102a47;--br-muted:#708096;--br-line:#dfe7ef;--br-bg:#f5f8fa}.br-page{background:#fff;color:var(--br-ink)}.br-wrap{width:min(1240px,calc(100% - 40px));margin:auto}.br-hero{position:relative;min-height:470px;overflow:hidden;background:#071f45}.br-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,47,.9) 0%,rgba(4,25,54,.58) 43%,rgba(5,28,58,.08) 100%),url('/frontend_theme/assets/images/regions-hero-sea-v127.png') center 52%/cover no-repeat;transform:scale(1.005)}.br-hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,rgba(3,20,43,.25))}.br-hero-inner{position:relative;z-index:1;display:flex;min-height:470px;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 0;color:#fff}.br-kicker{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#f0c65f;font-size:11px;letter-spacing:2px}.br-kicker i{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(240,198,95,.35);border-radius:50%}.br-hero h1{max-width:720px;margin:0;font-size:51px;font-weight:400;line-height:1.08;letter-spacing:-1.8px}.br-hero p{max-width:620px;margin:21px 0 29px;color:rgba(255,255,255,.8);font-size:15px;line-height:1.75}.br-hero-stats{display:flex;align-items:center;gap:24px;padding:13px 20px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.br-hero-stats span{display:flex;align-items:baseline;gap:8px}.br-hero-stats b{color:#fff;font-size:20px;font-weight:500}.br-hero-stats small{color:rgba(255,255,255,.65);font-size:11px}.br-hero-stats>i{width:1px;height:24px;background:rgba(255,255,255,.18)}.br-content{padding:70px 0 84px;background:var(--br-bg)}.br-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.br-heading span,.br-cta small{color:#b67c14;font-size:10px;letter-spacing:2px}.br-heading h2{margin:8px 0 8px;font-size:34px;font-weight:400;letter-spacing:-1px}.br-heading p{margin:0;color:var(--br-muted);font-size:13px}.br-heading>a{display:inline-flex;align-items:center;gap:10px;padding-bottom:4px;border-bottom:1px solid #afc0d1;color:#16375e;text-decoration:none;font-size:12px}.br-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.br-card{overflow:hidden;border:1px solid var(--br-line);border-radius:15px;background:#fff;box-shadow:0 11px 28px rgba(9,35,67,.07);transition:transform .25s,box-shadow .25s}.br-card:hover{transform:translateY(-5px);box-shadow:0 21px 42px rgba(9,35,67,.14)}.br-image{position:relative;display:block;height:265px;overflow:hidden;background:#dfe7ed}.br-image:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(4,23,48,.87))}.br-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.br-card:hover .br-image img{transform:scale(1.06)}.br-region-title{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.br-region-title small{margin-bottom:7px;color:rgba(255,255,255,.78);font-size:10px;letter-spacing:.65px}.br-region-title small i{margin-right:5px;color:#f3c45a}.br-region-title strong{font-size:25px;font-weight:500;line-height:1.12;letter-spacing:.15px;text-transform:uppercase}.br-count{position:absolute;z-index:3;top:15px;right:15px;display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(6,31,65,.76);color:#fff;font-size:10px;box-shadow:0 7px 18px rgba(0,0,0,.16);backdrop-filter:blur(8px)}.br-count i{color:#f0c65f}.br-count b{font-size:13px;font-weight:500}.br-card-foot{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 17px;background:#fff}.br-card-foot>span{color:var(--br-muted);font-size:11px;white-space:nowrap}.br-card-foot>a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:6px;padding:0 14px;border-radius:9px;background:#0a66b7;color:#fff;text-decoration:none;font-size:11px;white-space:nowrap;transition:background .2s,transform .2s}.br-card-foot>a b{font-weight:500}.br-card-foot>a i{margin-left:3px;font-size:10px;transition:transform .2s}.br-card-foot>a:hover{background:#074f91}.br-card-foot>a:hover i{transform:translateX(3px)}.br-empty{padding:70px;text-align:center;border:1px dashed #c9d4de;border-radius:20px;background:#fff}.br-empty i{font-size:39px;color:#c49335}.br-empty h2{font-weight:400}.br-empty p{color:var(--br-muted)}.br-cta{padding:65px 0;background:#fff}.br-cta .br-wrap>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:34px 38px;border-radius:22px;background:linear-gradient(135deg,#092957,#071f45);color:#fff;box-shadow:0 20px 44px rgba(7,31,69,.16)}.br-cta .br-wrap>div>span{width:61px;height:61px;display:grid;place-items:center;border-radius:18px;background:rgba(232,182,76,.13);color:#efc55f;font-size:22px}.br-cta h2{margin:5px 0;font-size:25px;font-weight:400}.br-cta p{margin:0;color:rgba(255,255,255,.63);font-size:12px}.br-cta a{display:flex;align-items:center;gap:12px;padding:15px 19px;border-radius:12px;background:var(--br-gold);color:#071f45;text-decoration:none;font-size:12px}.br-cta a i{transition:transform .2s}.br-cta a:hover i{transform:translateX(4px)}
@media(max-width:1000px){.br-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-hero h1{font-size:44px}}
@media(max-width:650px){.br-wrap{width:calc(100% - 26px)}.br-hero,.br-hero-inner{min-height:430px}.br-hero-inner{padding:48px 0}.br-hero h1{font-size:35px;letter-spacing:-1px}.br-hero p{font-size:13px}.br-content{padding:52px 0 60px}.br-heading{display:block}.br-heading h2{font-size:29px}.br-heading>a{margin-top:20px}.br-grid{grid-template-columns:1fr;gap:18px}.br-image{height:245px}.br-region-title{left:18px;bottom:19px}.br-region-title strong{font-size:22px}.br-card-foot{min-height:62px}.br-cta{padding:45px 0}.br-cta .br-wrap>div{display:flex;align-items:flex-start;flex-direction:column;padding:28px}.br-cta a{width:100%;justify-content:space-between}.br-hero-stats{gap:15px;padding:12px 14px}}
@media(max-width:390px){.br-card-foot>span{display:none}.br-card-foot>a{width:100%}}
