@import "./header.css?v=20261110a";
/* One breakpoint-based type scale for static pages and the blog shell. */
:root{--type-body:17px;--type-small:14px;--type-label:12px;--type-lead:19px;--type-h1:52px;--type-h2:40px;--type-h3:26px;--type-display:58px;--type-footer:64px}
body{font-size:var(--type-body);line-height:1.6;letter-spacing:0}
body :is(h1,h2,h3,p,a,button,label,input,select,textarea,dt,dd,small,b,span,summary,th,td,address,time){letter-spacing:0}
main :is(h1,h2,h3){overflow-wrap:break-word;text-wrap:pretty}
main :is(.ph h1,.article h1,.guide h1,.hero h1){font-size:var(--type-h1);line-height:1.12;font-weight:600}
main :is(.sec h2,.band h2,.why h2,.end h2){font-size:var(--type-h2);line-height:1.15}
main :is(.offer h3,.steps h3,.prose h3,.legal h2,.wlbox h3,.plateau .acc h3){font-size:var(--type-h3);line-height:1.25}
main :is(.post h2,.post-body h2,.guide .post-body h2){font-size:30px;line-height:1.25}
main .post-body h3{font-size:24px;line-height:1.3}
main :is(.lead,.sec .intro,.band p,.guide .lead){font-size:var(--type-lead);line-height:1.55}
main :is(.post-body,.guide .post-body){font-size:var(--type-body);line-height:1.75}
main :is(.offer p,.steps p,.prose p,.legal p,.faq details p){font-size:var(--type-body);line-height:1.6}
main .faq summary{font-size:20px;line-height:1.4;font-weight:550}
body .btn{font-size:15px;line-height:1.35;text-align:center;min-height:44px;white-space:normal}
body .btn.sm{font-size:14px;line-height:1.3}
body .k,body :is(.brief dt,.strip dt,.ft h3,.ctl-l,.nums .u,.steps .sn,.plateau thead th,.author .a-k){font-size:var(--type-label);line-height:1.5}
body :is(.note,.planfig figcaption,.planfocus figcaption,.sphoto figcaption,.illus figcaption,.brief dd,.pick-cap,.byline,.author .a-r,.author .a-b){font-size:var(--type-small);line-height:1.6}
body :is(.form label,.form .chk){font-size:14px;line-height:1.5}
body :is(.form input,.form select,.form textarea){font-size:16px;line-height:1.5}
body .pricebox b{font-size:24px;line-height:1.25}
body .offer .pr{font-size:19px;line-height:1.4}
body .pill{font-size:12px;line-height:1.5}
body .plateau table{font-size:16px;line-height:1.5}
body .guide table{font-size:15px;line-height:1.6}
body .ft .big{font-size:var(--type-footer);line-height:1.05}
body .ft :is(li,address){font-size:15px;line-height:1.7}
body .ft .fine{font-size:13px;line-height:1.6}
body .drawer a{font-size:26px;line-height:1.35}
body .num{font-size:88px;line-height:1}
body .mq span{font-size:24px;line-height:1.3}
body .ck-t{font-size:21px;line-height:1.3}
body .ck-p{font-size:15px;line-height:1.55}
body .ck-opts small{font-size:13px;line-height:1.5}
body .d65c-msg{font-size:16px;line-height:1.6}
body .d65c-note{font-size:12px;line-height:1.5}
body .d65c-chip{font-size:14px;line-height:1.4}
body.desktop-home .h2o .big{font-size:var(--type-display)!important;line-height:1.08}
body.desktop-home .h2o .sub{font-size:20px;line-height:1.4}
body.desktop-home .h2o .lead{font-size:16px;line-height:1.55}
body.desktop-home .h2o .k{font-size:12px;line-height:1.5}
body.desktop-home .h2o .cta .btn{font-size:14px;line-height:1.4}
body.desktop-home .h2o .strip dd{font-size:14px;line-height:1.5}
body .desktop-plan h2{font-size:36px;line-height:1.2}
body .desktop-plan p{font-size:16px;line-height:1.6}
body .home-place h2{font-size:36px;line-height:1.2}
body .home-place h3{font-size:25px;line-height:1.25}
body .home-place .place-copy>p:not(.k){font-size:17px;line-height:1.6}
body .home-place :is(.place-photo figcaption,.photo-credits){font-size:12px;line-height:1.6}
body .home-place .nearby-copy>p:not(.k){font-size:15px;line-height:1.6}
body .home-place :is(.nearby-label b,.nearby-label small,.summary-item small){font-size:13px;line-height:1.5}
body .home-place .summary-item b{font-size:21px;line-height:1.3}
body.adm{font-size:16px;line-height:1.5}
body.adm .vh h1{font-size:36px;line-height:1.2}
body.adm :is(.lbox label,.modal label,.artf label){font-size:14px;line-height:1.5}
body.adm :is(.artf input,.artf select,.artf textarea,.modal input,.modal select,.modal textarea,.tbl input,.copyrow input){font-size:16px;line-height:1.5}
@media(min-width:1101px) and (max-width:1250px){:root{--type-display:50px}}
@media(max-width:1100px){
 :root{--type-h1:44px;--type-h2:34px;--type-h3:25px;--type-display:40px;--type-footer:56px}
 body .home-place h2{font-size:30px}
 body.desktop-home .h2o .sub{font-size:18px}
 body.desktop-home .h2o .k{font-size:11px}
 body.desktop-home .mobile-facts :is(dt,dd){font-size:12px;line-height:1.4}
 body.desktop-home .mobile-facts{padding-block:16px 20px}
 body .desktop-plan h2{font-size:30px}
 body.adm .vh h1{font-size:30px}
}
@media(max-width:650px){
 :root{--type-body:16px;--type-lead:17px;--type-h1:32px;--type-h2:29px;--type-h3:23px;--type-display:36px;--type-footer:48px}
 main :is(.post h2,.post-body h2,.guide .post-body h2){font-size:25px}
 main .post-body h3{font-size:22px}
 main .faq summary{font-size:18px;line-height:1.45}
 body .offer .pr{font-size:18px}
 body .pricebox b{font-size:22px}
 body .num{font-size:64px}
 body .mq span{font-size:20px}
 body .hd .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
 body .hd .brand{min-width:0}
 body .hd .brand b{font-size:18px}
 body .hd .burger{margin-left:0}
 body .hd .tools{flex-shrink:0}
 body.desktop-home .h2o .sub{font-size:17px;line-height:1.45}
 body.desktop-home .h2o .lead{font-size:16px;line-height:1.5}
 body.desktop-home .h2o .cta{padding-inline:0;margin-top:18px;gap:12px}
 body.desktop-home .h2o .cta .btn{font-size:15px;min-height:46px}
 body.desktop-home .h2o .k{font-size:11px}
 body.desktop-home .mobile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;padding:18px 20px 22px}
 body.desktop-home .mobile-facts div:nth-child(3):before{display:none}
 body.desktop-home .mobile-facts :is(dt,dd){font-size:13px;line-height:1.4}
 body .home-place h2,body .desktop-plan h2{font-size:28px}
 body .home-place .place-copy>p:not(.k){font-size:16px}
 body .home-place :is(.nearby-label b,.nearby-label small,.summary-item small){font-size:12px;line-height:1.5}
 body .home-place .summary-item b{font-size:19px}
 body.adm .lbox h1{font-size:30px;line-height:1.2}
 body.adm .vh h1{font-size:28px}
}
@media(max-width:360px){
 :root{--type-h1:29px;--type-h2:27px;--type-display:32px}
 body .hd .brand b{font-size:17px}
 body .home-place .nearby-card .nearby-label{grid-template-columns:minmax(0,1fr)}
 body .home-place .nearby-label svg{display:none}
 body .pricebox div{gap:12px;flex-wrap:wrap}
}