/* Brand layer on top of Bootstrap 5.3 (dark theme) */
:root,[data-bs-theme=dark]{
  --gold:#f0b52e;--gold-hi:#ffc949;
  --bs-body-bg:#080808;--bs-body-color:#e9e6df;--bs-body-font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;--bs-body-font-size:.94rem;
  --bs-border-color:#262626;--bs-secondary-color:#a9a49a;--bs-secondary-rgb:169,164,154;
  --bs-link-color:var(--gold);--bs-link-hover-color:var(--gold-hi);--bs-link-color-rgb:240,181,46;--bs-link-hover-color-rgb:255,201,73;
  --bs-card-bg:#101010;--bs-card-border-color:#1f1f1f;
}
a{text-decoration:none}
.text-gold{color:var(--gold)!important}
.btn-gold{--bs-btn-color:#111;--bs-btn-bg:var(--gold);--bs-btn-border-color:var(--gold);--bs-btn-hover-color:#111;--bs-btn-hover-bg:var(--gold-hi);--bs-btn-hover-border-color:var(--gold-hi);--bs-btn-active-color:#111;--bs-btn-active-bg:#e0a21c;--bs-btn-active-border-color:#e0a21c;--bs-btn-focus-shadow-rgb:240,181,46;font-weight:700}
.btn-outline-light{--bs-btn-hover-color:var(--gold);--bs-btn-hover-bg:transparent;--bs-btn-hover-border-color:var(--gold);--bs-btn-active-bg:transparent;--bs-btn-active-color:var(--gold);--bs-btn-active-border-color:var(--gold)}
.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(240,181,46,.2)}
.pagination{--bs-pagination-bg:#101010;--bs-pagination-border-color:#262626;--bs-pagination-color:#e9e6df;--bs-pagination-hover-bg:#1b1b1b;--bs-pagination-hover-color:var(--gold);--bs-pagination-active-bg:var(--gold);--bs-pagination-active-border-color:var(--gold);--bs-pagination-active-color:#111;--bs-pagination-focus-color:var(--gold);--bs-pagination-focus-box-shadow:0 0 0 .2rem rgba(240,181,46,.2)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.skip-link{position:absolute;z-index:2000;left:8px;top:8px;background:var(--gold);color:#111;padding:8px 14px;border-radius:4px;font-weight:700}

/* Header */
.site-header{background:rgba(8,8,8,.96);border-bottom:1px solid #262626;backdrop-filter:blur(6px)}
.navbar{--bs-navbar-padding-y:.45rem;min-height:64px}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text b{font-size:clamp(1.25rem,4.5vw,1.6rem);font-weight:700;color:var(--gold)}
.brand-text small{font-size:.6rem;letter-spacing:.2em;color:#e9e6df;margin-top:3px;font-weight:500}
.navbar .nav-link{--bs-nav-link-color:#f1eee6;--bs-nav-link-hover-color:var(--gold);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;position:relative}
.navbar .nav-link.active{color:var(--gold)}
@media(min-width:1200px){.navbar .nav-link.active::after{content:"";position:absolute;left:var(--bs-nav-link-padding-x);right:var(--bs-nav-link-padding-x);bottom:-1px;height:2px;background:var(--gold)}.navbar .nav-link{padding-top:1.3rem;padding-bottom:1.3rem}}
.offcanvas{--bs-offcanvas-bg:#0b0b0b}

/* Hero */
.hero{position:relative;padding:58px 0 40px;overflow:hidden;background:#000 var(--hero) right center/cover no-repeat;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.78) 38%,rgba(5,5,5,.15) 66%,rgba(5,5,5,0) 100%),linear-gradient(0deg,#080808 0%,rgba(8,8,8,0) 28%)}
.hero-top{font-size:.69rem;letter-spacing:.34em;color:#cfcac0;margin:0 0 6px 5.6rem}
.hero h1{margin:0;font:400 clamp(54px,7.7vw,122px)/1.05 Anton,Impact,sans-serif;text-transform:uppercase;white-space:nowrap;display:block;width:max-content;max-width:100%;padding:0 .12em .06em 0;transform:skewX(-9deg);transform-origin:left bottom;background:linear-gradient(180deg,#ffe08a 0%,#e9ab25 48%,#a5690e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(240,181,46,.25))}
.hero-sub{margin:4px 0 0 3.7rem;font-size:clamp(.85rem,1.5vw,1.2rem);letter-spacing:.62em;color:#fff;font-weight:500}
.motto{margin:1.7rem 0 0 6.2rem;font-weight:500;font-size:clamp(1rem,1.7vw,1.35rem);letter-spacing:.14em;color:var(--gold)}
.motto-sub{margin:.6rem 0 0 7.5rem;font-size:.72rem;letter-spacing:.3em;color:#e5e1d8}
.btn-hero{display:inline-flex;align-items:center;justify-content:space-between;gap:2.2rem;min-width:195px;padding:.9rem 1.6rem;font-size:.8rem;font-weight:700;text-transform:uppercase}
.hero-seal{width:clamp(210px,21vw,328px);aspect-ratio:1;border-radius:50%;object-fit:cover;filter:drop-shadow(0 8px 28px rgba(0,0,0,.6))}
@media(max-width:1199.98px){.hero{padding:36px 0 28px}.hero-top,.hero-sub,.motto,.motto-sub{margin-left:0}.hero-top{letter-spacing:.22em}.hero-sub{letter-spacing:.34em}}

/* Tiles */
.tiles{margin-top:-4px}
.tile{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;min-height:186px;padding:20px 14px 14px;border:1px solid #1c1c1c;background:linear-gradient(rgba(8,8,8,.45),rgba(8,8,8,.82)),var(--bg,none) center/cover,#151515;color:#fff;transition:border-color .15s}
.tile:hover{border-color:var(--gold);color:#fff}
.tile .ico{width:42px;height:42px;color:var(--gold);margin-bottom:12px}.tile .ico svg{width:100%;height:100%}
.tile h2{margin:0 0 8px;font-size:1rem;font-weight:600;text-transform:uppercase}
.tile p{margin:0;font-size:.82rem;color:#d6d2c8;line-height:1.35}
.tile .arrow{margin-top:auto;padding-top:8px;color:var(--gold);font-size:1.1rem}

/* News / events */
.sec-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.sec-head .bar{width:44px;height:4px;background:var(--gold);flex:none}
.sec-head h2{margin:0;font-size:.88rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.sec-head a{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.news-card{color:inherit;transition:border-color .15s}.news-card:hover{border-color:var(--gold)}
.news-card .card-img-top{height:100px;object-fit:cover;width:100%;border-radius:0}
.news-card .card-img-top.tall{height:180px}
.news-card .card-img-top.ph{background:linear-gradient(135deg,#3a2a0e,#0e0b06 70%)}
.news-card .card-title{color:#fff}
.more{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.events{--bs-list-group-bg:#101010;--bs-list-group-border-color:#1d1d1d;--bs-list-group-action-hover-bg:#181818;--bs-list-group-action-hover-color:#fff;--bs-list-group-color:#e9e6df;--bs-list-group-action-color:#e9e6df;border-radius:0}
.events .list-group-item{border-radius:0}
.min-w-0{min-width:0}
.date{flex:none;width:54px;height:50px;border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);line-height:1}
.date small{font-size:.8rem;letter-spacing:.06em}.date b{font-size:1.6rem;font-weight:500;line-height:1.1}

/* Inner pages */
.doc{max-width:820px}
.page-title{font:400 clamp(2rem,5vw,2.9rem)/1.1 Anton,Impact,sans-serif;letter-spacing:.02em;color:var(--gold);text-transform:uppercase;margin-bottom:1.2rem}
.doc p{line-height:1.8;color:#ddd8cc}
.cover{max-height:440px;object-fit:cover}
.breadcrumb{--bs-breadcrumb-divider-color:#777;--bs-breadcrumb-item-active-color:#a9a49a;font-size:.8rem}
.gal-item{display:block;width:100%;padding:0;border:1px solid #1d1d1d;background:#101010;color:#ccc;text-align:left;cursor:zoom-in}
.gal-item:hover{border-color:var(--gold)}
.gal-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gal-item span{display:block;padding:8px 10px;font-size:.78rem}
.site-footer{border-top:1px solid #262626;background:#050505}
.site-footer a{color:#d6d2c8}.site-footer a:hover{color:var(--gold)}.site-footer li{margin-bottom:.35rem}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Maintenance mode */
.maint-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#2a1e08 0,#080808 60%)}
.maint-seal{filter:drop-shadow(0 8px 28px rgba(0,0,0,.6));object-fit:cover}
.maint-page .hero-top{letter-spacing:.24em}
.maint-bar{background:var(--gold);color:#111;font-size:.8rem;font-weight:600;text-align:center;padding:.45rem 1rem}
.maint-bar a{color:#111;text-decoration:underline;margin-left:.5rem}

/* header: keep one tidy line on laptops; compact Login button */
.navbar .nav-link,.navbar .btn{white-space:nowrap}
.btn-login{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.login-ico:hover{color:var(--gold)!important}
@media(min-width:1200px) and (max-width:1399.98px){.navbar .navbar-nav{gap:0!important}.navbar .nav-link{--bs-nav-link-padding-x:.6rem}.btn-login .lbl{display:none}.btn-login{padding-inline:.7rem!important}}
/* backdrop-filter on the header trapped the fixed phone menu inside it (menu showed as a thin strip) */
@media(max-width:1199.98px){.site-header{backdrop-filter:none}}