:root{
  --bg:#0b0d10; --bg2:#11151a; --panel:#15191f; --gold:#d3a84d; --gold2:#e1bd69;
  --text:#f4f2ed; --muted:#c2c2bd; --line:rgba(211,168,77,.36); --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none} .serif{font-family:Georgia,"Times New Roman",serif}
.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.eyebrow{color:var(--gold2);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0}
h1{font-size:clamp(3.3rem,7vw,7.2rem);line-height:.9;letter-spacing:-.03em}
h2{font-size:clamp(2.15rem,4vw,4rem);line-height:1.05}
h3{font-size:1.65rem}
p{margin:0;color:var(--muted)}
header{position:sticky;top:0;z-index:40;background:rgba(8,10,13,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo img{width:176px;height:auto}
.navlinks{display:flex;gap:30px;align-items:center;font-size:.95rem}
.navlinks a:hover{color:var(--gold2)}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.8rem}
.hero{min-height:calc(100vh - 84px);position:relative;display:flex;align-items:center;background:
 linear-gradient(90deg,rgba(5,8,12,.88) 0%,rgba(5,8,12,.50) 48%,rgba(5,8,12,.22) 100%),
 url('images/hero.jpg') center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,var(--bg))}
.hero-content{position:relative;z-index:2;padding:100px 0 120px;max-width:790px}
.hero .eyebrow{margin-bottom:26px}.hero h1{margin-bottom:30px}
.hero-sub{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,2.5vw,2.2rem);color:#fff;margin-bottom:16px}
.hero-copy{max-width:700px;font-size:1.06rem;color:#e1dfda;margin-bottom:32px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.btn-primary{background:var(--gold);color:#151515}.btn-primary:hover{background:var(--gold2)}
.btn-ghost:hover{background:rgba(211,168,77,.08)}
section{padding:110px 0}.section-title{margin-bottom:54px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.card img{width:100%;height:240px;object-fit:cover;filter:saturate(.85) contrast(1.03)}
.card-body{padding:28px 26px 30px}.card h3{margin-bottom:12px}.card p{font-size:.95rem}
.gold-rule{width:58px;height:2px;background:var(--gold);margin-top:22px}
.philosophy{background:#0f1216}
.philosophy-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.philosophy img{width:100%;aspect-ratio:4/3;object-fit:cover}
.philosophy-copy{background:#15191f;padding:54px}.philosophy-copy h2{margin:8px 0 24px}.philosophy-copy strong{color:var(--gold2);display:block;margin-top:28px;letter-spacing:.06em}
.areas-intro{max-width:820px;margin-bottom:46px;font-size:1.06rem}
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.area{background:#13171c;padding-bottom:24px;text-align:center}
.area img{height:190px;width:100%;object-fit:cover}
.area .num{color:var(--gold2);letter-spacing:.18em;font-weight:700;margin:18px 0 6px}
.area h3{font-size:1.35rem}
.contact{position:relative;background:linear-gradient(rgba(8,10,13,.82),rgba(8,10,13,.88)),url('images/contact-bg.png') center/cover no-repeat}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.contact h2{margin:12px 0 18px}.contact-lead{font-size:1.08rem;margin-bottom:38px}
.info{border-left:2px solid var(--gold);padding-left:28px;display:grid;gap:24px}
.info b{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;margin-bottom:5px}
.form{background:rgba(12,14,18,.88);border:1px solid rgba(255,255,255,.08);padding:36px}
.form h3{margin-bottom:24px}.field{margin-bottom:18px}
label{display:block;font-size:.86rem;color:#e8e5df;margin-bottom:7px}
input,textarea{width:100%;background:#0e1115;border:1px solid rgba(255,255,255,.14);color:#fff;padding:14px 15px;font:inherit;outline:none}
input:focus,textarea:focus{border-color:var(--gold)}textarea{min-height:145px;resize:vertical}
.form button{width:100%;border:0;cursor:pointer}
.footer{padding:54px 0 28px;border-top:1px solid var(--line);background:#080a0d}
.footer-grid{display:grid;grid-template-columns:1fr 1.1fr .7fr;gap:34px;align-items:start}
.footer-logo{width:170px}.footer small,.footer p,.footer a{font-size:.9rem;color:#c9c8c4}
.footer nav{display:grid;gap:8px}.copyright{border-top:1px solid var(--line);margin-top:34px;padding-top:22px;text-align:center;color:#9f9f9c;font-size:.83rem}
.legal{padding:90px 0}.legal .content{max-width:900px}.legal h1{font-size:clamp(2.6rem,5vw,4.8rem);margin-bottom:34px}
.legal h2{font-family:Inter,Arial,sans-serif;font-size:1.2rem;font-weight:700;margin:28px 0 10px;color:#fff}
.legal p,.legal li{color:#d0cfca}.legal ul{padding-left:22px}
.notice{max-width:900px;margin:40px auto;padding:18px 20px;border:1px solid var(--line);color:#d8d5ce;background:#12161a}
@media(max-width:900px){
 .nav{height:112px}.logo img{width:260px;max-width:72vw}.navlinks{display:none}.menu{display:block}
 .nav.open .navlinks{display:flex;position:absolute;top:112px;left:0;right:0;flex-direction:column;background:#0a0d10;padding:22px;border-bottom:1px solid var(--line)}
 .hero{min-height:auto;background-position:62% center}.hero-content{padding:92px 0 105px}.hero h1{font-size:clamp(3.25rem,14vw,5rem)}
 .services,.areas{grid-template-columns:1fr}.card img{height:290px}
 .philosophy-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.philosophy-copy{padding:32px 26px}
 section{padding:78px 0}.contact-grid{gap:40px}.form{padding:28px 22px}
 .footer{text-align:center}.footer-logo{margin:auto}.footer nav{justify-items:center}
}
@media(max-width:520px){
 .container{width:min(100% - 28px,var(--max))}
 .nav{height:153px}.logo img{width:320px;max-width:78vw}.nav.open .navlinks{top:153px}
 .hero{background-position:62% center}.hero-content{padding:82px 0 95px}
 .hero-copy{font-size:1rem}.actions{display:grid}.btn{width:100%}
 .section-title{margin-bottom:34px}.card img{height:250px}.area img{height:180px}
}


/* BRK Premium Motion */
@media (prefers-reduced-motion: no-preference){
  .hero .eyebrow,
  .hero h1,
  .hero-sub,
  .hero-copy,
  .hero .actions{
    opacity:0;
    transform:translateY(24px);
    animation:brkHeroIn .85s cubic-bezier(.22,.61,.36,1) forwards;
  }
  .hero h1{animation-delay:.10s}
  .hero-sub{animation-delay:.20s}
  .hero-copy{animation-delay:.30s}
  .hero .actions{animation-delay:.40s}

  .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:
      opacity .78s cubic-bezier(.22,.61,.36,1),
      transform .78s cubic-bezier(.22,.61,.36,1);
    will-change:opacity,transform;
  }
  .reveal.is-visible{
    opacity:1;
    transform:none;
  }

  .card img,.area img,.philosophy img{
    transition:transform .85s cubic-bezier(.22,.61,.36,1), filter .5s ease;
  }
  .card:hover img,.area:hover img{
    transform:scale(1.035);
    filter:saturate(.98) contrast(1.04);
  }
  .btn{
    transition:transform .22s ease, background-color .22s ease, border-color .22s ease;
  }
  .btn:hover{transform:translateY(-2px)}
  .gold-rule{transition:width .45s ease}
  .card:hover .gold-rule{width:88px}

  @keyframes brkHeroIn{
    to{opacity:1;transform:none}
  }
}