.mobile-hero-scene,.nav-reservation{display:none}
@media(max-width:650px){
body[data-grandline=home] header{height:0;display:block;padding:0;position:absolute;inset:0 0 auto;z-index:20;pointer-events:none}
body[data-grandline=home] header>.brand,body[data-grandline=home] header>.home-reserve{display:none!important}
body[data-grandline=home] header .menu{pointer-events:auto;position:absolute;top:18px;right:6%;width:42px;height:42px;min-height:42px;border:1px solid #d8ddcd;background:#fffdf5e8;border-radius:11px;box-shadow:0 3px 12px #21332b0d}
body[data-grandline=home] header nav{pointer-events:auto;top:70px;left:6%;right:6%;z-index:30;max-height:calc(100svh - 155px);background:#fffdf8;box-shadow:0 12px 40px #17251b24}
body[data-grandline=home] header nav.open{display:flex}
body[data-grandline=home] .nav-reservation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 13px;width:100%;font-size:13px;font-weight:600;line-height:1.5;border:0;border-radius:8px;background:#f4ce4b;color:#242110;margin-top:12px;text-align:left}
body[data-grandline=home] .hero{height:auto;min-height:0;max-height:none;background:#fff;overflow:hidden;display:flex;flex-direction:column}
body[data-grandline=home] .hero:before,body[data-grandline=home] .hero:after{display:none}
body[data-grandline=home] .hero-copy{padding:20px 6% 0;margin:0;width:100%;max-width:none;z-index:2}
body[data-grandline=home] .hero-copy>.eyebrow{display:none}
body[data-grandline=home] .hero-copy h1{font-size:clamp(38px,11.5vw,48px);line-height:.97;letter-spacing:-.7px;max-width:calc(100% - 45px);margin:0 0 11px}
body[data-grandline=home] .hero-intro{margin:0;max-width:none;border:0;padding:0}
body[data-grandline=home] .hero-copy .hero-tagline{font-size:14px;line-height:1.5;margin:0 0 12px;max-width:none}
body[data-grandline=home] .hero-services{gap:8px}
body[data-grandline=home] .hero-services li{border-radius:10px;box-shadow:0 4px 12px #18322512}
body[data-grandline=home] .hero-services li>a{width:100%;min-height:0;padding:0;gap:0;border-radius:10px}
body[data-grandline=home] .quick-art{height:clamp(46px,8svh,66px);object-fit:cover;width:100%}
body[data-grandline=home] .quick-copy{padding:7px 9px 8px;gap:3px;min-height:42px}
body[data-grandline=home] .hero-services strong{font-size:13px;line-height:1.2}
body[data-grandline=home] .quick-copy small{font-size:8px;line-height:1.2;letter-spacing:.1px}
body[data-grandline=home] .hero-copy>.button{display:none}
body[data-grandline=home] .mobile-hero-scene{display:block;position:relative;margin-top:-3px;isolation:isolate;line-height:0}
body[data-grandline=home] .mobile-hero-scene:before{content:'';position:absolute;inset:-1px 0 auto;height:28px;background:linear-gradient(#fff,transparent);z-index:1;pointer-events:none}
body[data-grandline=home] .mobile-hero-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
body[data-grandline=home] .mobile-scene-brand{display:block;position:absolute;z-index:2;bottom:9px;left:6%;width:125px;padding:2px 7px;background:#fffdf2eb;border:1px solid #fff8dc;border-radius:6px;box-shadow:0 3px 12px #10271b1a}
body[data-grandline=home] .mobile-scene-brand img{display:block;width:100%;height:auto}
body[data-grandline=home] #experiences{padding-top:35px}
}
@media(max-width:650px) and (max-height:680px){
body[data-grandline=home] .hero-copy{padding-top:16px}
body[data-grandline=home] header .menu{top:15px}
body[data-grandline=home] .hero-copy h1{font-size:clamp(36px,10.8vw,42px);margin-bottom:9px}
body[data-grandline=home] .hero-copy .hero-tagline{font-size:13px;margin-bottom:10px}
body[data-grandline=home] .quick-art{height:44px}
body[data-grandline=home] .quick-copy{min-height:29px;padding:7px 9px}
body[data-grandline=home] .quick-copy small{display:none}
body[data-grandline=home] .hero-services strong{font-size:12px}
body[data-grandline=home] .hero-services{gap:7px}
body[data-grandline=home] .mobile-scene-brand{width:112px;bottom:7px}
}
@media(max-width:650px){body[data-grandline=home].reading-comfort .hero{min-height:0}body[data-grandline=home].reading-comfort .hero-copy .hero-tagline{font-size:16px!important;line-height:1.5!important}}

@media(max-width:650px){body[data-grandline=home] .mobile-tools{left:auto;right:12px}}