.counter-page{background:#fff7ee}
.counter-page .site-header{background:rgba(61,56,54,.94)}
.counter-hero{position:relative;min-height:690px;height:76svh;max-height:980px;overflow:hidden;padding:84px var(--edge) 72px;background:#2a2623;display:flex;align-items:center}
.counter-hero-image{position:absolute;inset:0;overflow:hidden}
.counter-hero-image img{width:100%;height:100%;object-fit:cover;object-position:54% 50%;filter:saturate(.72) contrast(1.05)}
.counter-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,38,35,.9),rgba(42,38,35,.46) 52%,rgba(42,38,35,.08)),linear-gradient(0deg,rgba(42,38,35,.38),transparent 42%)}
.counter-orbit{position:absolute;right:-10vw;top:50%;width:min(70vw,900px);aspect-ratio:1;border:2px solid rgba(169,202,221,.4);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 50px rgba(169,202,221,.07),0 0 0 145px rgba(169,202,221,.04);view-transition-name:route-to-cup}
.counter-orbit:before,.counter-orbit:after,.counter-orbit span{content:"";position:absolute;inset:15%;border:1px solid rgba(169,202,221,.35);border-radius:50%}
.counter-orbit:after{inset:30%}.counter-orbit span{inset:44%;background:rgba(169,202,221,.45);border:0}
.counter-hero-content{position:relative;z-index:1;max-width:870px}
.counter-hero .chapter{color:#d6bda1}
.counter-hero h1{font:400 clamp(75px,10vw,160px)/.86 Norwester,sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:28px 0 30px}
.counter-hero p{max-width:390px;font-size:clamp(16px,1.5vw,20px);line-height:1.5;color:#e0dad2;margin:0 0 31px}
.counter-hero-location{position:absolute;bottom:25px;left:var(--edge);font:10px Norwester,sans-serif;letter-spacing:.2em;color:#e0dad2}
.counter-page .menu-scene{scroll-margin-top:84px;padding-top:74px}
.counter-page .menu-heading{margin-top:0}
.counter-disclosure{display:flex;align-items:start;gap:20px;max-width:740px;margin:42px 0 0;padding:18px 0;border-top:1px solid rgba(61,56,54,.25);border-bottom:1px solid rgba(61,56,54,.25)}
.counter-disclosure-mark{font-size:27px;color:#806c5a;line-height:1}
.counter-disclosure p{font-size:13px;line-height:1.5;color:#5b514b;margin:0}
.counter-page .menu-controls{margin-top:40px}
.counter-page .site-footer{color:#fff7ee}
@view-transition{navigation:auto}
@media(max-width:820px){
  .counter-hero{min-height:650px;height:75svh}.counter-hero h1{font-size:clamp(74px,12vw,120px)}
}
@media(max-width:560px){
  .counter-hero{min-height:550px;height:74svh;padding-top:75px;padding-bottom:80px}
  .counter-hero-image img{object-position:57% 50%}
  .counter-hero-wash{background:linear-gradient(90deg,rgba(42,38,35,.88),rgba(42,38,35,.42) 72%),linear-gradient(0deg,rgba(42,38,35,.35),transparent 44%)}
  .counter-orbit{right:-62vw;width:130vw;opacity:.78}
  .counter-hero h1{font-size:clamp(64px,15vw,91px);margin:19px 0 20px}
  .counter-hero .chapter{font-size:9px}.counter-hero p{font-size:15px;max-width:270px}
  .counter-hero-location{font-size:8px;letter-spacing:.11em}
  .counter-page .menu-scene{scroll-margin-top:66px;padding-top:52px}
  .counter-disclosure{margin-top:30px;gap:13px}.counter-disclosure p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),::view-transition-old(route-to-cup),::view-transition-new(route-to-cup){animation-duration:.01ms!important}
}