/* Full-width site chrome, shared by the directory, rooms and landing pages. */
body>header{
 width:100%;max-width:none;margin:0;
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;gap:24px;height:106px;
 padding:0 clamp(24px,4vw,64px);
}
body>header .brand{justify-self:start}
body>header nav{grid-column:2;display:flex;margin:0;width:auto;justify-content:center;gap:32px}
body>.site-footer{
 width:100%;max-width:none;margin:56px 0 0;
 padding:48px clamp(24px,4vw,64px) 20px;border-radius:0;
}
.site-footer .footer-top{display:block;padding-bottom:36px}
.site-footer .footer-story{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 align-items:center;gap:16px 48px;max-width:none;margin-bottom:32px;
}
.site-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start}
.site-footer .footer-description{grid-column:1;grid-row:2}
.site-footer .footer-thought{grid-column:2;grid-row:1/3;margin:0}
.site-footer .footer-navigation{
 grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;
 padding-top:30px;border-top:1px solid #d6d0df;
}
.site-footer .footer-navigation section:last-child{grid-column:auto}
@media(max-width:960px){
 body>header{grid-template-columns:1fr;justify-items:center;gap:8px;height:auto;min-height:120px;padding:16px 24px 10px}
 body>header .brand{justify-self:center}
 body>header .brand img{width:215px;height:auto}
 body>header nav{grid-column:1;flex-wrap:wrap;gap:8px 28px}
 body>header nav a{padding:12px 0;min-height:44px}
}
@media(max-width:600px){
 body>header{padding:16px 16px 10px}
 body>header nav{gap:8px 22px;font-size:12px}
 body>.site-footer{margin-top:36px;padding:32px 24px 16px}
 .site-footer .footer-story{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
 .site-footer .footer-brand,.site-footer .footer-description,.site-footer .footer-thought{grid-column:1;grid-row:auto}
 .site-footer .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding-top:24px}
 .site-footer .footer-navigation section:last-child{grid-column:1/-1}
}
@media(max-width:360px){
 body>header nav{gap:8px 16px}
 .site-footer .footer-navigation{grid-template-columns:1fr}
}