/* A floating capsule, rather than an edge-to-edge rectangular bar. */
.header{position:sticky;top:18px;z-index:50;width:calc(100% - 64px);max-width:1440px;margin:18px auto;height:94px;padding:0 30px;border-radius:60px;border:1px solid var(--color-f5f1e840);box-shadow:0 10px 35px #1820151f;gap:24px;isolation:isolate}.header .brand>img{width:190px}.header nav{gap:24px}.header nav a{padding:10px 0}.header-book{min-height:48px;padding:13px 23px;box-shadow:0 2px 8px #0000000a}.header-book:hover{transform:translateY(-2px)}:root[data-palette^="light-"] .header{border:1px solid var(--line);box-shadow:0 8px 35px #293b2f12}
body[data-page="home"] .hero{margin-top:-130px;height:100svh;min-height:760px;max-height:1050px}body[data-page="home"] .hero-content{padding-top:145px;padding-bottom:95px}.header:has(.menu-toggle[aria-expanded="true"]){border-radius:38px}
@media(max-width:1100px){.header{width:calc(100% - 40px);padding:0 24px;gap:18px}.header .brand>img{width:170px}.header nav{gap:17px}.header-book{padding:12px 19px}}
@media(max-width:950px){.header nav{top:calc(100% + 12px);left:0;right:0;border-radius:28px;padding:22px 28px;border:1px solid var(--color-f5f1e840);box-shadow:0 12px 30px #18201526;font-size:16px}.header nav.open{display:flex;gap:3px}.header nav a{padding:12px 0}.header nav a:after{display:none}.header .menu-toggle{padding:12px 2px 12px 8px}:root[data-palette^="light-"] .header nav{border-color:var(--line)}}
@media(max-width:800px){.header{height:82px;top:14px;margin:14px auto;width:calc(100% - 32px);padding:0 22px}.header .brand>img{width:165px}.header nav{font-size:17px}body[data-page="home"] .hero{margin-top:-110px;min-height:760px;height:100svh}body[data-page="home"] .hero-content{padding-top:140px;padding-bottom:100px}}
@media(max-width:540px){.header{height:76px;top:12px;margin:12px auto;width:calc(100% - 24px);padding:0 16px;gap:10px;border-radius:45px}.header .brand>img{width:138px}.header-book{font-size:10px;min-height:40px;padding:10px 12px;gap:7px}.header-book>span{font-size:16px}.header .menu-toggle{padding-left:3px}.menu-toggle span{width:21px}.header nav{padding:20px 24px;border-radius:25px}.header nav.open{gap:2px}.header nav a{font-size:16px;padding:12px 0}body[data-page="home"] .hero{margin-top:-100px;height:780px;min-height:740px;max-height:none}body[data-page="home"] .hero-content{padding-top:140px;padding-bottom:130px}.header:has(.menu-toggle[aria-expanded="true"]){border-radius:36px}}
@media(max-width:360px){.header{padding:0 12px;gap:8px}.header .brand>img{width:120px}.header-book{padding:10px;font-size:9px}}
body:not([data-page="home"]) main{margin-top:-130px}body:not([data-page="home"]) main>.page-intro:first-child,body:not([data-page="home"]) main>.policy-hero:first-child{padding-top:175px}body:not([data-page="home"]) main>.room-page:first-child,body:not([data-page="home"]) main>.policy-page:first-child{padding-top:160px}
@media(max-width:800px){body:not([data-page="home"]) main{margin-top:-110px}body:not([data-page="home"]) main>.page-intro:first-child,body:not([data-page="home"]) main>.policy-hero:first-child{padding-top:150px}body:not([data-page="home"]) main>.room-page:first-child,body:not([data-page="home"]) main>.policy-page:first-child{padding-top:140px}}
@media(max-width:540px){body:not([data-page="home"]) main{margin-top:-100px}body:not([data-page="home"]) main>.page-intro:first-child,body:not([data-page="home"]) main>.policy-hero:first-child{padding-top:135px}body:not([data-page="home"]) main>.room-page:first-child,body:not([data-page="home"]) main>.policy-page:first-child{padding-top:125px}}