
#rkDoor,.nav,.drawer,main{--display:'Instrument Serif',Georgia,'Times New Roman',serif}
html #rkDoor{background:#0F0E0D;transition:opacity .3s ease,visibility .3s}
html #rkDoor .sp-in{width:auto}
html #rkDoor .jb-lockup{animation:none}
html #rkDoor .sp-sub{font:400 11px/1.4 'Jost',system-ui,sans-serif;letter-spacing:.24em;color:#8F7E62;animation:none}

.jb-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;color:#B8946A;text-decoration:none}
.jb-name{font:400 34px/1 'Instrument Serif',Georgia,serif;font-style:normal;letter-spacing:.01em}
.jb-sub{margin-top:5px;font:400 8.5px/1 'Jost',system-ui,sans-serif;font-style:normal;letter-spacing:.42em;text-transform:uppercase;color:#8F7E62}
#rkDoor .jb-lockup{align-items:center}
#rkDoor .jb-name{font-size:clamp(44px,9vw,64px)}
#rkDoor .jb-sub{font-size:11px;margin-top:10px}

.nav{min-height:64px;padding:10px 28px;gap:16px}
.brand{line-height:1}
.navlinks{gap:24px}
.navlinks a{font:400 11.5px/1 var(--sans);letter-spacing:.2em}
.nav-cta{padding:9px 16px}
.menu-btn{font:400 11.5px/1 var(--sans);letter-spacing:.18em}
.drawer a{font:400 12.5px/1.2 var(--sans);letter-spacing:.18em}

main .hero-media{aspect-ratio:16/9}
main .hero-media video{width:100%;height:100%;object-fit:contain;transform:none}
main .hero-frame{max-width:1280px}

main h1,main h2,main h3{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:-.005em;line-height:1.04}
main h1{font-size:clamp(2.8rem,6.4vw,5.2rem);margin-bottom:22px}
main h2{font-size:clamp(2.1rem,4vw,3.3rem);margin-bottom:18px}
main .open{padding:64px 0 20px}
main .kicker{font:400 11px/1.4 var(--sans);letter-spacing:.26em;margin-bottom:22px}
main .lead{font:300 1.12rem/1.75 var(--sans);max-width:36rem;letter-spacing:.01em}
main .glow-para{font-weight:300;letter-spacing:.01em}
main img,main video,main .slat img{object-fit:contain}

@media(max-width:879px){
  .nav{min-height:56px;padding:8px 16px}
  .jb-name{font-size:28px}
  main .open{padding:36px 0 12px}
}
