:root{
  --cream:#fff5e8;
  --ink:#172126;
  --slate:#243238;
  --copper:#d36f45;
  --amber:#e7b24a;
  --foam:#eef0e8;
  --cyan:#9bc3cf;
  --signal:#d6df45;
  --line:rgba(23,33,38,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:hidden
}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
.shell{width:min(1220px,calc(100% - 48px));margin:auto}
.skip{
  position:fixed;top:10px;left:10px;z-index:999;transform:translateY(-160%);
  background:var(--ink);color:#fff;padding:10px 14px
}
.skip:focus{transform:none}
:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
.eyebrow{
  margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;
  font-size:.68rem;font-weight:900;color:var(--copper)
}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.055em;line-height:.92}
h1{font-size:clamp(3.3rem,7.8vw,7.2rem);font-family:Georgia,"Times New Roman",serif}
h2{font-size:clamp(2.3rem,4.8vw,4.7rem)}
h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;
  text-decoration:none;text-transform:uppercase;font-weight:900;font-size:.72rem;letter-spacing:.05em
}
.btn.a{background:var(--copper);color:#fff}
.btn.a:hover{background:var(--ink)}
.nav{display:flex;gap:24px;align-items:center}
.nav a{text-decoration:none;font-weight:800;font-size:.76rem}
.mobile-nav{display:none}

.br-head{
  background:rgba(255,245,232,.96);position:sticky;top:0;z-index:30;
  border-bottom:1px solid var(--ink);backdrop-filter:blur(10px)
}
.headrow{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.brand{text-decoration:none;font-size:1.42rem;font-weight:900;letter-spacing:-.035em}
.nav{justify-content:center}

.br-hero{height:min(760px,72vh);position:relative;overflow:hidden;border-bottom:1px solid var(--ink)}
.br-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,33,38,.82),transparent 62%)}
.br-hero>div{position:absolute;z-index:2;left:7vw;bottom:7vh;color:#fff;max-width:900px}
.br-hero .eyebrow{color:var(--signal)}
.br-hero img{filter:saturate(.9) contrast(1.03)}

.br-list{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:84px 0;
  counter-reset:styles
}
.br-item{
  counter-increment:styles;background:var(--foam);padding:24px;min-height:190px;
  border:1px solid var(--ink);position:relative
}
.br-item::before{
  content:"0" counter(styles);display:block;margin-bottom:46px;
  font-family:"Courier New",monospace;font-size:.7rem;color:var(--copper)
}
.br-item:nth-child(2){background:var(--cyan)}
.br-item:nth-child(3){background:#e7d0b7}
.br-item:nth-child(4){background:var(--signal)}
.br-item p{color:#405056}

.br-tap{background:var(--ink);color:#fff;padding:82px 0}
.br-tap>.shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center}
.br-tap img{height:430px;border:1px solid rgba(255,255,255,.4)}
.br-tap p:not(.eyebrow){color:#dce5e7}
.br-tap .eyebrow{color:var(--amber)}

.br-process{
  display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:92px 0
}
.br-process img{height:430px;border:1px solid var(--ink)}
.br-process>div{
  border-left:8px solid var(--copper);padding-left:28px
}
.br-process p{font-size:1.05rem;color:#526064}

.br-visit{
  padding:72px 0 84px;border-top:1px solid var(--ink);position:relative
}
.br-visit::after{
  content:"DEN / 3855";position:absolute;right:0;top:76px;
  font-family:"Courier New",monospace;font-size:clamp(2rem,5vw,5rem);font-weight:900;color:var(--cyan)
}
.br-visit h2{max-width:760px}
.br-visit p{color:#526064}

.site-footer{background:var(--slate);color:#fff;padding:44px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:32px}
.site-footer a{color:#fff;text-decoration:none}
.site-footer p,.site-footer address{color:#dce5e7;font-style:normal}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-top:26px;
  font-size:.74rem;color:#dce5e7
}

@media(max-width:900px){
  .shell{width:min(100% - 32px,900px)}
  .nav{display:none}
  .mobile-nav{
    display:flex;gap:18px;overflow:auto;padding:10px 16px;
    border-top:1px solid rgba(0,0,0,.13)
  }
  .mobile-nav a{
    white-space:nowrap;text-decoration:none;font-size:.68rem;font-weight:900;text-transform:uppercase
  }
  .br-list,.br-tap>.shell,.br-process{grid-template-columns:1fr}
  .br-list{grid-template-columns:1fr 1fr}
  .br-process img{height:360px}
  .br-visit::after{position:static;display:block;margin-top:24px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid address{grid-column:1/-1}
}
@media(max-width:640px){
  .shell{width:calc(100% - 24px)}
  h1{font-size:clamp(2.8rem,15vw,4.7rem)}
  h2{font-size:clamp(2rem,11vw,3.4rem)}
  .headrow{grid-template-columns:1fr auto}
  .brand{font-size:1.12rem}
  .br-hero{height:620px}
  .br-list{grid-template-columns:1fr;padding:64px 0}
  .br-tap{padding:64px 0}
  .br-tap img,.br-process img{height:300px}
  .br-process{padding:68px 0}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid address{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}