@media screen and (max-width:820px){.site-header{display:grid !important;grid-template-columns:minmax(0,auto) minmax(42px,1fr) auto !important;align-items:center !important;column-gap:clamp(4px,1vw,12px) !important;padding-left:clamp(5px,1.5vw,14px) !important;padding-right:clamp(9px,2vw,20px) !important;position:sticky !important;box-sizing:border-box !important;padding-top:0 !important;padding-bottom:0 !important;align-content:center !important;} .site-header > a.logo{grid-column:1 !important;grid-row:1 !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;position:relative !important;flex:none !important;width:auto !important;min-width:0 !important;max-width:100% !important;height:86px !important;align-self:center !important;margin:0 !important;padding:0 !important;transform:translate(-3px,6px) !important;overflow:visible !important;z-index:2 !important;} .site-header > a.logo > img{display:block !important;width:auto !important;height:auto !important;max-width:100% !important;max-height:96px !important;object-fit:contain !important;object-position:left center !important;transform:none !important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.75)) drop-shadow(0 0 8px rgba(0,185,255,.25)) !important;} .site-header > .mobile-toggle{grid-column:auto !important;grid-row:auto !important;position:absolute !important;left:50% !important;top:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;justify-self:center !important;align-self:center !important;flex:none !important;min-width:0 !important;width:max-content !important;max-width:100% !important;min-height:44px !important;margin:0 !important;padding:0 !important;right:auto !important;bottom:auto !important;transform:translate(-50%,calc(-50% + 6px)) !important;line-height:1 !important;font-weight:400 !important;white-space:nowrap !important;z-index:4 !important;} .site-header > a.header-book{grid-column:3 !important;grid-row:1 !important;position:relative !important;justify-self:end !important;align-self:center !important;flex:none !important;width:auto !important;min-width:0 !important;margin:0 !important;transform:translateY(6px) !important;z-index:2 !important;} .site-header > .nav-links{grid-column:1 / -1 !important;}} @media screen and (min-width:560px) and (max-width:820px){.site-header > a.logo{width:clamp(220px,34vw,285px) !important;} .site-header > a.logo > img{width:100% !important;max-height:108px !important;} .site-header > .mobile-toggle{gap:9px !important;font-size:40px !important;} .site-header > .mobile-toggle::before{content:"MENU" !important;display:inline-block !important;color:#fff !important;font:800 21px/1 'Barlow Condensed',Impact,sans-serif !important;letter-spacing:.055em !important;}} @media screen and (min-width:440px) and (max-width:559px){.site-header > a.logo{width:clamp(200px,42vw,215px) !important;} .site-header > a.logo > img{width:100% !important;} .site-header > .mobile-toggle{font-size:42px !important;} .site-header > .mobile-toggle::before{content:none !important;}} @media screen and (min-width:391px) and (max-width:439px){.site-header > a.logo{width:clamp(170px,45vw,198px) !important;} .site-header > a.logo > img{width:100% !important;} .site-header > .mobile-toggle{font-size:42px !important;} .site-header > .mobile-toggle::before{content:none !important;}} @media screen and (max-width:390px){.site-header{column-gap:3px !important;padding-left:4px !important;padding-right:8px !important;} .site-header > a.logo{width:clamp(137px,41vw,160px) !important;} .site-header > a.logo > img{width:100% !important;} .site-header > .mobile-toggle{font-size:38px !important;} .site-header > .mobile-toggle::before{content:none !important;}} @media screen and (max-width:520px){#home .hero-copy{padding-top:38px !important;}} @media screen and (max-width:390px){#home .hero-copy{padding-top:32px !important;}} @media screen and (min-width:560px) and (max-width:680px){.site-header > .mobile-toggle::before{content:none !important;}} @media screen and (max-width:820px){.site-header > a.logo{transform:translate(-3px,-2px) !important;} .site-header > .mobile-toggle{transform:translate(-50%,calc(-50% - 2px)) !important;} .site-header > a.header-book{transform:translateY(-2px) !important;}}