/* Bentley Capital Partners — reconstructed from the design canvas.
   Palette: #0A1628 navy · #F4F1EA bone · #B08D57 gold · #16202F ink */

html{scroll-behavior:auto}
*{box-sizing:border-box}
body{margin:0;background:#0A1628;color:#16202F;font-family:'Archivo',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:#B08D57}
::selection{background:#B08D57;color:#0A1628}
input,textarea{font-family:'Archivo',Helvetica,sans-serif}

@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}100%{transform:translate(0,0)}}
.grain{position:absolute;inset:-20%;pointer-events:none;z-index:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainShift 1.2s steps(4) infinite}

@keyframes bandMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.band:hover .band-track{animation-play-state:paused}

.roll{position:relative;display:inline-block;overflow:hidden;vertical-align:top}
.roll .r1,.roll .r2{display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.roll .r2{position:absolute;left:0;top:100%}
.roll:hover .r1,.roll:hover .r2{transform:translateY(-100%)}

.ul{position:relative}
.ul::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ul:hover::after{transform:scaleX(1)}

.mrow:hover{background:#F4F1EA !important;color:#0A1628 !important}

@media (max-width:820px){[data-lg]{display:none !important}}

/* --- routing (replaces dc-runtime <sc-if>) --- */
.screen{display:none}
.screen.active{display:block}

/* focus accent (replaces dc-runtime style-focus) */
.field:focus{border-bottom-color:#B08D57 !important}

/* custom cursor only where a fine pointer exists */
@media (hover:none),(pointer:coarse){[data-cur]{display:none !important}}