/* Desktop composition from qa/desktop-reference.png. Mobile is untouched. */
@media (min-width:901px) {
 .hero-scroll-scene{--reference-header:clamp(76px,15.8svh,360px);--reference-model-height:min(69svh,38vw)}
 .scroll-enabled .hero{height:100svh;min-height:0;max-height:none}
 .scroll-enabled .site-header{height:var(--reference-header);padding-inline:6.5%;gap:clamp(18px,2.5vw,64px)}
 .scroll-enabled .brand{min-width:0;flex-shrink:0;gap:clamp(10px,.85vw,24px)}
 .scroll-enabled .brand-logo{height:clamp(48px,min(10svh,4.8vw),224px);width:auto}
 .scroll-enabled .brand-name{font-size:clamp(14px,1.15vw,64px)}
 .scroll-enabled .brand-name small{font-size:clamp(7px,.6vw,32px);letter-spacing:.15em}
 .scroll-enabled .main-nav{min-width:0;gap:clamp(14px,2.3vw,104px);font-size:clamp(11px,.8vw,48px)}
 .scroll-enabled .main-nav a{white-space:nowrap}
 .scroll-enabled .shop-status{font-size:clamp(13px,.85vw,24px);padding:clamp(7px,.65vw,16px) clamp(10px,.85vw,24px)}
 .scroll-enabled .hero .header-link,.scroll-enabled .hero .button{font-size:clamp(12px,.85vw,24px);min-height:clamp(44px,7.6svh,80px);gap:clamp(12px,1vw,28px);padding:clamp(7px,.65vw,16px) clamp(18px,1.25vw,36px) clamp(7px,.65vw,16px) clamp(7px,.65vw,16px)}
 .scroll-enabled .hero .header-link>span,.scroll-enabled .hero .button>span{width:clamp(28px,2.25vw,60px);height:clamp(28px,2.25vw,60px);font-size:clamp(19px,1.5vw,38px)}
 .scroll-enabled .hero-content{top:46%;right:10%;left:auto;width:22%}
 .scroll-enabled .hero h1{font-size:clamp(44px,min(5.2vw,12svh),320px);line-height:1.35;letter-spacing:-.035em}
 .scroll-enabled .hero h1 em{font-size:clamp(22px,min(2.2vw,5svh),136px);letter-spacing:-.025em}
 .scroll-enabled .hero-copy{top:46%;left:10%;right:auto;width:16.5%;text-align:right}
 .scroll-enabled .hero-copy-label,.scroll-enabled .hero-copy p,.scroll-enabled .hero-copy .button{position:static;left:auto}
 .scroll-enabled .hero-copy-label{font-size:clamp(10px,.8vw,24px)}
 .scroll-enabled .hero-copy p{font-size:clamp(14px,min(1.4vw,3.3svh),84px);line-height:1.9;margin-block:clamp(12px,1.1vw,56px)}
 .scroll-enabled .hero-visual{inset:auto;left:25%;right:auto;top:calc(56svh - var(--reference-model-height)/2 - 20px);width:50%;height:var(--reference-model-height)}
 .scroll-enabled .hero-side{left:1.9%;font-size:clamp(9px,.7vw,20px);letter-spacing:.2em}
 .scroll-enabled .hero-bottom{bottom:3.2%;font-size:clamp(11px,.85vw,24px);min-height:clamp(42px,7svh,80px);padding:clamp(8px,.7vw,20px) clamp(18px,1.4vw,38px);gap:clamp(10px,.8vw,24px)}
 .scroll-enabled .hero-bottom span:last-child{font-size:clamp(22px,1.6vw,40px)}
 .scroll-enabled .menu-section{top:56%;width:40%;max-height:calc(100svh - var(--reference-header) - 64px);display:flex;flex-direction:column;min-height:0}
 .scroll-enabled .menu-heading{flex:none;padding-bottom:clamp(12px,2svh,28px)}
 .scroll-enabled .menu-heading h2{font-size:clamp(30px,min(3.6vw,6svh),96px)}
 .scroll-enabled .menu-scroll-content{min-height:0;max-height:calc(100svh - var(--reference-header) - 190px)}
 .scroll-enabled .menu-tabs{gap:clamp(16px,1.3vw,36px)}
 .scroll-enabled .menu-tabs button{font-size:clamp(12px,.85vw,24px)}
 .scroll-enabled .menu-group-title{font-size:clamp(15px,1.1vw,30px)}
 .scroll-enabled .item-title h4,.scroll-enabled .menu-price{font-size:clamp(13px,.95vw,28px)}
 .scroll-enabled .menu-price small{font-size:clamp(10px,.7vw,20px)}
 .scroll-enabled .menu-group .menu-item{padding-block:clamp(10px,1.4svh,24px)}
 .scroll-enabled .visit-section{--visit-map-width:min(24vw,700px,calc((100svh - var(--reference-header) - 50px)*.8));--visit-details-width:min(27vw,540px);--visit-gap:max(16px,calc((var(--visit-bowl-left,52vw) - 3.5vw - var(--visit-map-width) - var(--visit-details-width))/2));left:3.5%;top:56%;width:calc(var(--visit-bowl-left,52vw) - 3.5vw);padding-right:var(--visit-gap);grid-template-columns:minmax(0,1fr) var(--visit-map-width);gap:var(--visit-gap)}
 .scroll-enabled .visit-details{max-height:calc(100svh - var(--reference-header) - 80px);overflow:auto;scrollbar-width:thin}
 .scroll-enabled .visit-map-image{max-height:calc(100svh - var(--reference-header) - 50px);object-fit:contain}
 .scroll-enabled .visit-section h3{font-size:clamp(12px,.85vw,24px)}
 .scroll-enabled .visit-hours p,.scroll-enabled .visit-address address{font-size:clamp(13px,.95vw,26px)}
 .scroll-enabled .visit-hours .visit-time{font-size:clamp(18px,1.5vw,40px);white-space:normal}
 .scroll-enabled .visit-contact{font-size:clamp(12px,.9vw,24px)}
 .scroll-enabled .visit-contact a{flex-wrap:wrap;min-height:clamp(36px,4.3svh,64px)}
 .scroll-enabled .visit-links{flex-wrap:wrap}
 .scroll-enabled .visit-links a{flex:1 1 auto}
 .scroll-enabled .visit-links .map-label strong{font-size:clamp(12px,.85vw,24px)}
 .site-footer{font-size:clamp(11px,.8vw,24px)}
}
@media (min-width:901px) and (max-width:1150px) {
 .scroll-enabled .site-header{gap:14px}
 .scroll-enabled .main-nav{gap:14px}
 .scroll-enabled .brand-name{font-size:14px}
 .scroll-enabled .hero .header-link{font-size:10px;padding-right:12px;gap:8px}
}
@media (min-width:901px) and (max-height:650px) {
 .hero-scroll-scene{--reference-header:76px}
 .scroll-enabled .visit-hours{padding-bottom:10px}
 .scroll-enabled .visit-address{padding-block:10px}
}
@media (min-width:901px) and (prefers-reduced-motion:reduce) {
 .scroll-enabled .hero{height:auto;min-height:100svh}
 .scroll-enabled .hero-visual{position:relative;inset:auto;width:40%;height:var(--reference-model-height);margin:var(--reference-header) auto 32px}
 .scroll-enabled .menu-section{position:relative;inset:auto;width:88%;max-height:none;display:block}
 .scroll-enabled .menu-scroll-content{max-height:none}
 .scroll-enabled .visit-section{position:relative;inset:auto;width:88%;margin:40px auto 0;padding-right:0}
 .scroll-enabled .visit-details,.scroll-enabled .visit-map-image{max-height:none}
}
