/* Twice the existing wordmark and panther, with the English motto in the language strip. */
:root{--masthead-clearance:17rem;--brand-hero-min-height:55rem;}
.header{flex-wrap:wrap;row-gap:.75rem;padding-block:1rem;background:linear-gradient(180deg,#3d3e3e9d,#3d3e3e8c);}
.header .brand{min-width:0;max-width:100%;gap:1.6rem;}
.header .brand-emblem{flex:0 0 300px;width:300px;height:80px;background-size:contain;}
.header .brand-mark{font-size:3.5rem;padding-inline-end:1.6rem;}
.header .brand b{font-size:1.6rem;}
/* Leave room for the complete masthead before any page heading. */
.page-hero-copy{padding-block-start:calc(var(--masthead-clearance) + 2rem);}
.video-watch-page .watch-main{padding-block-start:calc(var(--masthead-clearance) + 2rem);}
.home-page .home-slider{min-height:var(--brand-hero-min-height);}
[id]{scroll-margin-top:calc(var(--masthead-clearance) + 1rem);}
@media(min-width:561px){.archive-set-head{top:var(--masthead-clearance);}}
/* With the larger brand, switch to the existing menu before links can collide. */
@media(max-width:1900px){
 .header .menu-button{display:flex;flex-direction:column;gap:5px;z-index:2;background:none;border:0;color:#fff;flex-shrink:0;}
 .header .menu-button span{width:24px;height:1px;background:#fff;}
 .header .menu-button i{position:absolute;clip:rect(0,0,0,0);}
 .header #nav{display:none;position:fixed;inset:var(--language-banner-height,0rem) 0 0;background:#151716;color:#fff;padding:7rem var(--pad) 2rem;flex-direction:column;align-items:flex-start;gap:1rem;font-size:1rem;white-space:normal;overflow-y:auto;overscroll-behavior:contain;transform:none;visibility:hidden;pointer-events:none;height:calc(100dvh - var(--language-banner-height,0rem));text-shadow:none;}
 .header #nav.open{display:flex;visibility:visible;pointer-events:auto;}
 .header:has(#nav.open){position:fixed;background:#414241a3;backdrop-filter:none;}
 .header #nav .nav-cta{width:min(100%,24rem);margin:.5rem 0;grid-column:auto;grid-row:auto;align-self:flex-start;}
 .header #nav .nav-contact-title{font-size:1.75rem;}
 .header #nav .nav-contact-message,.header #nav .nav-contact-invite{display:none;}
 .header:has(#nav.open) .brand{visibility:hidden;}
 body:has(#nav.open){overflow:hidden;}
}
/* Stack the doubled emblem above the doubled name on narrow screens. */
@media(max-width:900px){
 .header{align-items:flex-start;column-gap:1rem;}
 .header .brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem 1rem;max-width:calc(100% - 40px);}
 .header .brand-emblem{grid-column:1/-1;max-width:100%;}
 .header .brand-mark{padding-inline-end:1rem;}
 .header .brand small{display:none;}
 .header .menu-button{margin-block-start:.8rem;}
}
@media(max-width:560px){
 :root{--masthead-clearance:20rem;--brand-hero-min-height:42rem;}
 .header{row-gap:.6rem;}
 .header .brand{gap:.5rem .8rem;}
 .header .brand-emblem{width:240px;height:64px;}
 .header .brand-mark{padding-inline-end:.8rem;}
}
@media(max-width:360px){.header .brand{grid-template-columns:minmax(0,1fr);}.header .brand-mark{border:0;padding:0;}.header .brand-emblem{grid-column:1;}}

/* The English motto keeps Latin direction even in the Arabic edition. */

/* A compact shared strip: English signature above the wordmark, languages beside it. */
.language-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:auto;min-height:2.6rem;padding-inline:var(--pad);overflow:visible;}
.language-banner .brand-motto{margin:0;padding-block:.4rem;min-width:0;color:#eed9bb;font:500 .875rem/1.4 var(--serif);letter-spacing:.025em;direction:ltr;unicode-bidi:isolate;text-align:start;text-wrap:pretty;}
.language-banner>div{height:2.6rem;min-width:0;flex-shrink:0;}
.language-banner a{padding-inline:.6rem;}
@media(max-width:1200px){
 :root{--language-banner-height:4.85rem;}
 .language-banner{flex-direction:column;gap:0;padding-inline:0;}
 .language-banner .brand-motto{width:100%;padding:.45rem var(--pad);text-align:center;}
 .language-banner>div{justify-content:center;}
}
@media(max-width:720px){
 :root{--language-banner-height:6rem;}
 .language-banner>div{height:3.25rem;flex-shrink:0;}
 .language-banner a{padding:.3rem 0;}
}

/* The English motto passes through a window ending just before the globe. */
.language-banner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem;padding-inline:0 .75rem;}
.language-banner .brand-motto{margin:0;padding:0;min-width:0;width:auto;height:3.25rem;overflow:hidden;display:flex;align-items:center;color:#f0e4d3;font:italic 400 25px/1.3 "Bodoni Moda",Georgia,serif;letter-spacing:-.025em;white-space:nowrap;direction:ltr;}
.language-banner .motto-scroll-text{display:inline-block;flex-shrink:0;animation:inn-motto-flow var(--motto-duration,18s) linear infinite;will-change:transform;}
@keyframes inn-motto-flow{from{transform:translateX(var(--motto-entry,100vw));}to{transform:translateX(-100%);}}
.language-banner>.language-globe-trigger{grid-column:2;min-width:44px;min-height:44px;}
.header .brand-mark{padding-inline-end:.8rem;margin-inline-end:-.8rem;}
@media(max-width:1200px){.language-banner{grid-template-columns:minmax(0,1fr) auto;}.language-banner>div{grid-column:1/-1;width:100%;padding-inline-start:.75rem;}.language-banner .brand-motto{padding:0;width:auto;text-align:start;}}
@media(max-width:900px){.header .brand-mark{padding-inline-end:.5rem;margin-inline-end:-.5rem;}}
@media(max-width:560px){.language-banner .brand-motto{font-size:20px;}.header .brand-mark{padding-inline-end:.4rem;margin-inline-end:-.4rem;}}
@media(max-width:360px){.header .brand-mark{padding:0;margin:0;}}
@media(prefers-reduced-motion:reduce){.language-banner .motto-scroll-text{animation:none;white-space:normal;}.language-banner .brand-motto{height:auto;min-height:3.25rem;padding:.4rem .75rem;white-space:normal;}}

:root{--language-banner-height:3.25rem;}
@media(max-width:1200px){:root{--language-banner-height:5.85rem;}.language-banner{row-gap:0;}}
@media(max-width:720px){:root{--language-banner-height:6.5rem;}.language-banner>div{grid-template-columns:repeat(7,minmax(0,1fr));}}

/* Keep the same moving window and globe order in all seven editions. */
.language-banner{direction:ltr;}

/* Increase all primary navigation labels and sound controls by one quarter. */
.header #nav{font-size:.9rem;}
.header #nav .nav-cta{font-size:1.125rem;min-height:60px;padding:.9375rem 1.375rem;}
.header #nav .nav-contact-title{font-size:1.125rem;}
.header #nav .sound-toggle{font-size:.8rem;gap:.6875rem;min-height:3.25rem;padding:.6875rem 1rem;}
.header #nav .sound-icon{font-size:.9rem;width:1.4375rem;height:1.4375rem;}
@media(min-width:1901px){.header #nav{flex:1 1 0;min-width:0;flex-wrap:wrap;justify-content:flex-end;row-gap:.75rem;}.header .brand{flex-shrink:0;}}
@media(max-width:1900px){.header #nav{font-size:1.25rem;}.header #nav .nav-contact-title{font-size:2.1875rem;}.header #nav .nav-cta{padding:1.125rem 1.5625rem;}}
@media(max-width:900px){.header #nav .sound-toggle{padding:.875rem 1.125rem;}.header #nav .nav-cta{min-height:70px;}}

.header #nav .sound-toggle b{position:static;clip-path:none;width:auto;height:auto;overflow:visible;white-space:nowrap;}

/* Let the uncut logo and enlarged navigation determine the minimum height. */
.header,.header.scrolled{padding-block:.25rem;row-gap:.35rem;}

/* A single compact navigation row with a shared text baseline. */
.header,.header.scrolled{padding-inline:.75rem;padding-block:2px;column-gap:1rem;flex-wrap:nowrap;}
.header .brand{gap:.5rem;}
.header .brand-mark{padding-inline-end:.5rem;margin-inline-end:0;}
.header #nav{flex-wrap:nowrap;align-items:baseline;gap:clamp(.5rem,.6vw,.75rem);}
.header #nav>a{white-space:nowrap;flex-shrink:0;}
.header #nav .nav-cta{padding:.6rem .8rem;min-height:44px;align-self:baseline;}
.header #nav .sound-toggle{font-size:inherit;min-height:44px;padding:.6rem .7rem;flex-shrink:0;align-items:baseline;align-self:baseline;gap:.4rem;line-height:1.4;}
.header #nav .sound-icon{position:absolute;inset-inline-start:.55rem;top:50%;transform:translateY(-50%);}
.header #nav .sound-toggle{position:relative;padding-inline-start:2.4rem;}
.header #nav .nav-contact-title{font-family:inherit;line-height:1.4;}
@media(max-width:1900px){.header #nav{align-items:flex-start;gap:.75rem;}.header #nav .nav-cta{align-self:flex-start;}.header #nav .sound-toggle{align-self:flex-start;}}
@media(max-width:900px){.header .brand{gap:.5rem .4rem;}.header .brand-mark{padding-inline-end:.4rem;}}
@media(max-width:360px){.header .brand-mark{padding:0;}}
/* If a long translation cannot fit, use the same existing compact menu. */
.header.nav-compact .menu-button{display:flex;flex-direction:column;gap:5px;z-index:2;background:none;border:0;color:#fff;flex-shrink:0;}
.header.nav-compact .menu-button span{width:24px;height:1px;background:#fff;}
.header.nav-compact .menu-button i{position:absolute;clip:rect(0,0,0,0);}
.header.nav-compact #nav{display:none;position:fixed;inset:var(--language-banner-height) 0 0;height:calc(100dvh - var(--language-banner-height));padding:7rem var(--pad) 2rem;background:#151716;flex-direction:column;align-items:flex-start;gap:.75rem;font-size:1.25rem;overflow-y:auto;white-space:normal;}
.header.nav-compact #nav.open{display:flex;visibility:visible;pointer-events:auto;}
.header.nav-compact:has(#nav.open) .brand{visibility:hidden;}
.header.nav-compact #nav .nav-contact-title{font-size:2.1875rem;}
.header.nav-compact #nav .nav-cta,.header.nav-compact #nav .sound-toggle{align-self:flex-start;}

.header,.header.scrolled{padding-inline:.375rem;column-gap:.75rem;}

/* Keep the brand at the left edge; Arabic menu text retains its reading direction. */
.header{direction:ltr;}
html[dir="rtl"] .header #nav{direction:rtl;}

/* All seven desktop versions expose the same direct page links. */
@media(min-width:901px){
 .header .menu-button{display:none;}
 .header #nav,.header #nav.open{display:flex;position:static;inset:auto;height:auto;max-width:100%;min-width:0;padding:0;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:flex-end;gap:clamp(.4rem,.6vw,.75rem);font-size:.9rem;white-space:nowrap;overflow:visible;visibility:visible;pointer-events:auto;opacity:1;transform:none;background:transparent;backdrop-filter:none;}
 .header #nav .nav-cta{width:auto;min-height:44px;margin:0;padding:.6rem .8rem;gap:0;align-self:baseline;}
 .header #nav .nav-contact-title{font-family:inherit;font-size:1.125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
 .header #nav .nav-contact-message,.header #nav .nav-contact-invite{display:none;}
 .header #nav .sound-toggle{align-self:baseline;}
 .header:has(#nav.open) .brand{visibility:visible;}
 /* Use the available full width when long translations need more room. */
 .header.nav-below{flex-wrap:wrap;}
 .header.nav-below #nav{flex:0 0 100%;justify-content:center;}
}
@media(min-width:901px) and (max-width:1450px){.header #nav{letter-spacing:.06em;gap:.4rem;}.header #nav .nav-contact-title{letter-spacing:.06em;}.header #nav .nav-cta{padding-inline:.6rem;}}

/* Reduce menu and language labels by ten percent on every page. */
.language-banner a{font-size:.612rem;}
@media(min-width:901px){
 .header #nav,.header #nav.open{font-size:.81rem;}
 .header #nav .nav-contact-title{font-size:1.0125rem;}
}
@media(max-width:900px){
 .header #nav,.header #nav.open{font-size:1.125rem;}
 .header #nav .nav-contact-title{font-size:1.96875rem;}
}

/* Increase spacing between desktop menu entries by fifty percent. */
@media(min-width:901px){
 .header #nav,.header #nav.open{gap:clamp(.6rem,.9vw,1.125rem);}
}
@media(min-width:901px) and (max-width:1450px){
 .header #nav,.header #nav.open{gap:.6rem;}
}

/* Mobile masthead: retain sixty percent of the existing brand dimensions.
   Its measured height also updates page-heading and sticky-header clearance. */
@media(max-width:900px){
 .header,.header.scrolled{align-items:center;}
 .header .brand{grid-template-columns:minmax(0,180px) auto auto;align-items:center;gap:.24rem;width:max-content;}
 .header .brand-emblem{grid-column:auto;flex-basis:auto;width:100%;height:auto;aspect-ratio:15/4;min-width:0;}
 .header .brand-mark{font-size:2.1rem;padding-inline-end:.24rem;margin-inline-end:0;}
 .header .brand b{font-size:.96rem;}
 .header .menu-button{margin-block-start:0;}
}
@media(max-width:560px){
 .header .brand{grid-template-columns:minmax(0,144px) auto auto;}
}
@media(max-width:360px){
 .header .brand-mark{border-right:1px solid #ffffff60;padding-inline-end:.24rem;}
}

/* The mobile menu occupies the right half, including the Arabic edition. */
@media(max-width:900px){
 .header #nav,.header #nav.open,.header.nav-compact #nav{
  inset:var(--language-banner-height) 0 0 auto;width:50vw;max-width:50vw;
  height:calc(100dvh - var(--language-banner-height));
  padding:4rem .75rem 1.25rem;gap:.35rem;align-items:stretch;
  font-size:.875rem;letter-spacing:.04em;white-space:normal;
  border-left:1px solid #ffffff35;box-shadow:-12px 0 30px #0003;
 }
 .header #nav>a{display:flex;align-items:center;min-height:44px;white-space:normal;overflow-wrap:anywhere;}
 .header #nav .nav-cta{width:100%;min-height:44px;padding:.65rem .5rem;margin:.35rem 0;align-self:stretch;}
 .header #nav .nav-contact-title,.header.nav-compact #nav .nav-contact-title{font-size:.875rem;letter-spacing:.04em;}
 .header #nav .sound-toggle{width:100%;min-height:44px;align-self:stretch;font-size:.875rem;padding:.65rem .4rem .65rem 1.9rem;letter-spacing:.04em;white-space:normal;}
 .header #nav .sound-toggle b{white-space:normal;overflow-wrap:anywhere;}
 .header:has(#nav.open) .brand{visibility:visible;}
}

/* A proportionally smaller language selector on mobile, with usable targets. */
@media(max-width:900px){
 .language-banner a{font-size:.5508rem;gap:.378rem;}
 .language-banner .language-flag{font-size:.855rem;}
}
@media(max-width:720px){
 .language-banner>div{height:2.75rem;}
 .language-banner a{min-height:44px;gap:.225rem;padding:.25rem 0;}
}

/* Reduce all three mobile masthead rows to eighty percent of their height. */
@media(max-width:900px){
 .language-banner{min-height:2.08rem;}
 .language-banner .brand-motto{height:2.6rem;min-height:0;font-size:20px;}
 .language-banner>.language-globe-trigger{min-width:35.2px;min-height:35.2px;}
 .language-banner a{font-size:.5rem;gap:.3rem;}
 .language-banner .language-flag{font-size:.75rem;}
 .header,.header.scrolled{padding-block:1.6px;row-gap:.28rem;}
 .header .brand{grid-template-columns:minmax(0,144px) auto auto;gap:.192rem;}
 .header .brand-mark{font-size:1.68rem;padding-inline-end:.192rem;}
 .header .brand b{font-size:.768rem;}
 .header .menu-button{gap:4px;}
 .header .menu-button span{width:19.2px;}
}
@media(max-width:720px){
 .language-banner>div{height:2.2rem;}
 .language-banner a{min-height:35.2px;gap:.18rem;padding:.2rem 0;}
}
@media(max-width:560px){
 .language-banner .brand-motto{font-size:16px;}
 .header .brand{grid-template-columns:minmax(0,115.2px) auto auto;}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){
 .language-banner .brand-motto{height:auto;min-height:2.6rem;padding:.32rem .6rem;}
}

/* Center the divider between the visible letter edges, including kerning. */
.header .brand{position:relative;}
.header .brand.divider-centered .brand-mark{border-color:transparent;}
.header .brand.divider-centered::after{
 content:"";position:absolute;left:var(--divider-left);top:var(--divider-top);
 width:1px;height:var(--divider-height);background:#ffffff60;pointer-events:none;
}

/* One motto row with a globe selector, followed by the ten-percent larger brand. */
@media(max-width:900px){
 :root{--language-banner-height:2.6rem;}
 .language-banner{grid-template-columns:minmax(0,1fr) auto;}
 .language-banner>.language-globe-trigger{min-width:41.6px;min-height:41.6px;}
 .language-banner>div{display:none;position:absolute;top:100%;right:.5rem;left:auto;width:14rem;max-width:calc(100vw - 1rem);height:auto;max-height:calc(100dvh - 4rem);overflow-y:auto;padding:.4rem;grid-column:auto;background:#101211;border:1px solid #ffffff35;box-shadow:0 12px 30px #0005;direction:ltr;}
 .language-banner.languages-open>div{display:flex;flex-direction:column;}
 .language-banner>div a{min-height:44px;flex-direction:row;justify-content:flex-start;gap:.65rem;padding:.5rem .75rem;font-size:.875rem;letter-spacing:0;border:0;}
 .language-banner>div .language-flag{font-size:1.125rem;}
 .language-banner>div .language-name{display:inline;}
 .language-banner>div .language-code{display:none;}
 .header .brand{grid-template-columns:minmax(0,158.4px) auto auto;gap:.2112rem;}
 .header .brand-mark{font-size:1.848rem;padding-inline-end:.2112rem;}
 .header .brand b{font-size:.8448rem;}
}
@media(max-width:560px){
 .header .brand{grid-template-columns:minmax(0,126.72px) auto auto;}
}

/* The motto row is exactly eighty-five percent of the measured brand row. */
@media(max-width:900px){
 .language-banner{height:var(--mobile-language-row-height,2rem);min-height:0;}
 .language-banner .brand-motto{height:100%;min-height:0;padding-block:0;}
 .language-banner>.language-globe-trigger{height:100%;min-height:0;}
}

/* Thirty percent background transparency; text and controls remain opaque. */
@media(max-width:900px){
 .language-banner>div,
 .header #nav,.header #nav.open,.header.nav-compact #nav{
  background:rgba(16,18,17,.7);
 }
}

/* The motto row retains its prior transparency; the brand band alpha is reduced by twenty percent. */
@media(max-width:900px){
 .language-banner{background:rgba(16,18,17,.85);backdrop-filter:none;}
 .header,.header.scrolled,.header:has(#nav.open){
  background:rgba(61,62,62,.544);backdrop-filter:none;
 }
}

/* Page headings and the News publication mark: desktop -15%, mobile -30%. */
:root{--mobile-heading-scale:.85}
@media(max-width:900px){:root{--mobile-heading-scale:.7}}

/* Shared Home emblem, including the pharmacy services masthead. */
.header .brand-emblem{display:block;background-image:url("/assets/inn-progress-originale-leopardo.svg");background-position:center;background-repeat:no-repeat;filter:none}
/* Desktop navigation: ten percent smaller than the previous release; mobile sizing retained. */
@media(min-width:901px){
 .header #nav,.header #nav.open{font-size:.83835rem;}
 .header #nav .nav-contact-title{font-size:1.0479375rem;}
}

/* Tablet navigation stays below the measured masthead, in either orientation.
   Large touch tablets retain this layout without changing wide desktop menus. */
@media (min-width:601px) and (max-width:1200px), (min-width:1201px) and (max-width:1366px) and (pointer:coarse){
 .header,.header.scrolled{backdrop-filter:none;}
 .header .brand{max-width:calc(100% - 3.5rem);}
 .header .menu-button{display:flex;position:relative;flex:0 0 44px;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:5px;margin:0;padding:.5rem;z-index:2;}
 .header .menu-button span{width:24px;}
 .header #nav,.header #nav.open,.header.nav-below #nav{
  display:none;position:fixed;inset:var(--masthead-clearance) 0 auto auto;
  width:50vw;max-width:50vw;min-width:0;flex:none;
  height:calc(100dvh - var(--masthead-clearance));
  padding:.75rem 1rem max(1.25rem,env(safe-area-inset-bottom));
  flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:start;justify-content:flex-start;
  gap:.5rem;font-size:1rem;letter-spacing:.04em;white-space:normal;
  background:rgba(16,18,17,.94);border-inline-start:1px solid #ffffff35;
  box-shadow:-12px 0 30px #0003;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:contain;visibility:hidden;pointer-events:none;transform:none;
 }
 .header #nav.open{display:flex;visibility:visible;pointer-events:auto;}
 .header #nav>a{min-height:44px;flex-shrink:0;white-space:normal;overflow-wrap:anywhere;}
 .header #nav .nav-cta{width:100%;margin:.35rem 0;min-height:44px;padding:.75rem;align-self:stretch;grid-column:auto;grid-row:auto;}
 .header #nav .nav-contact-title{font-size:1rem;letter-spacing:.04em;}
 .header #nav .nav-contact-message,.header #nav .nav-contact-invite{display:none;}
 .header #nav .sound-toggle{min-height:44px;width:100%;align-self:stretch;font-size:1rem;white-space:normal;}
 .header #nav .sound-toggle b{white-space:normal;overflow-wrap:anywhere;}
 .header:has(#nav.open){position:fixed;}
 .header:has(#nav.open) .brand{visibility:visible;}
 body:has(#nav.open){overflow:hidden;}
 .language-banner{min-height:44px;}
 .language-banner>.language-globe-trigger{min-width:44px;min-height:44px;}
}

/* One shared Home masthead, loaded after page styles on every route. */
@font-face{font-family:"INN Masthead";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/dm-sans-latin.woff2?masthead=1") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"INN Masthead";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/dm-sans-latin-ext.woff2?masthead=1") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
.header{font:400 16px/1.65 "INN Masthead",sans-serif;-webkit-font-smoothing:antialiased;}
body .header.header{background:linear-gradient(180deg,#3d3e3e9d,#3d3e3e8c);text-shadow:0 1px 12px #0009;box-shadow:none;}
body .header.header.scrolled{background:#3d3e3e9d;box-shadow:0 8px 30px #0002;}
@media(max-width:900px){body .header.header,body .header.header.scrolled{background:rgba(61,62,62,.544);}}
body .header,body .header.scrolled{padding-inline:.375rem;column-gap:.75rem;}
@media(min-width:1201px){
 body.site-composition .header #nav,body.site-composition .header #nav.open,body .header #nav,body .header #nav.open{flex-wrap:nowrap;align-items:center;row-gap:0;font-size:var(--masthead-menu-font,.83835rem);}
 body .header #nav .nav-contact-title{font-size:calc(var(--masthead-menu-font,.83835rem) * 1.25);}
 body .header #nav .sound-toggle,body .header #nav .nav-cta{align-self:center;}
 body .header #nav>a:not(.nav-cta){display:flex;align-items:center;align-self:center;min-height:44px;line-height:1.65;}
 body .header #nav .nav-cta{line-height:1.4;}
 .header.nav-below #nav{flex-basis:100%;}
 .header.nav-compact .menu-button{display:flex;}
 body .header.nav-compact #nav{display:none;position:fixed;inset:var(--masthead-clearance) 0 auto auto;width:min(28rem,100vw);max-width:100vw;height:calc(100dvh - var(--masthead-clearance));padding:1rem;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;background:rgba(16,18,17,.94);overflow-y:auto;visibility:hidden;pointer-events:none;}
 body .header.nav-compact #nav.open{display:flex;visibility:visible;pointer-events:auto;}
 .header.nav-compact:has(#nav.open) .brand{visibility:visible;}
}