/* Option 1: identity and utility above a centered navigation axis. */
:root{--blog-surface:#f3e2d2}
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;row-gap:4px;padding:10px max(5%,calc((100% - 1200px)/2));}
header .brand{grid-column:1;grid-row:1;justify-self:start;max-width:100%;min-width:0}
header .brand-lockup,html[lang=en] header .brand-lockup{font-size:24px;gap:8px}
header .brand-word,header .brand-name{font-size:1em}
header .brand-name{padding-inline-start:8px}
header .brand small{font-size:13px;margin-top:2px;line-height:1.25}
header nav,html[lang=en] header nav{grid-column:2;grid-row:2;justify-self:center;display:flex;width:auto;order:initial;justify-content:center;gap:22px;padding:0;overflow:visible;white-space:nowrap}
header nav a,html[lang=en] header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:17px;white-space:nowrap}
header .language-switch{grid-column:3;grid-row:1;justify-self:end;margin:0;gap:2px}
header .language-switch button{min-height:44px}
.header-actions{display:contents}
header .contact{grid-column:3;grid-row:2;justify-self:end;font-size:16px;min-height:44px;padding:8px 16px}
header .plant-resource{grid-column:1;grid-row:2;justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 0;border:0;border-radius:0;font-size:16px;text-decoration:none;line-height:1.4;color:var(--tone-e6e1d9);transition:color .16s ease}
header .plant-resource:hover,header .plant-resource.active{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
header a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.blog-surface{background:var(--blog-surface)}
main:has(>.blog-surface:only-child){background:var(--blog-surface)}
/* Switch topology before outer actions can crowd the independent center track. */
@media(max-width:1000px){
 header{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
 header .brand{grid-column:1}
 header .language-switch{grid-column:2}
 header nav,html[lang=en] header nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:2px 24px;width:100%}
 .header-actions{display:flex;grid-column:1/-1;grid-row:3;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px}
 header .contact,header .plant-resource{grid-column:auto;grid-row:auto}
}
@media(max-width:760px){
 header{padding-block:12px;column-gap:12px;justify-items:stretch}
 header .brand,html[lang=en] header .brand{justify-self:start}
 header .brand-lockup,html[lang=en] header .brand-lockup{font-size:clamp(18px,4.6vw,23px);gap:6px}
 header .brand-name{padding-inline-start:6px}
 header .brand small{font-size:11px;margin-top:2px}
 header .language-switch{justify-self:end}
 header .language-switch button{font-size:13px;padding:7px 6px}
 header nav,html[lang=en] header nav{gap:2px 10px}
 header nav a,html[lang=en] header nav a{font-size:16px}
 .header-actions{gap:0 16px}
 header .contact{font-size:15px;padding:8px 14px}
 header .plant-resource{font-size:14px}
}
@media(max-width:360px){
 header{column-gap:8px}
 header .brand-lockup,html[lang=en] header .brand-lockup{font-size:17px;gap:5px}
 header .brand small{font-size:10px}
 header .language-switch button{font-size:12px;padding-inline:4px}
 header nav,html[lang=en] header nav{gap:2px 12px}
}
@media(prefers-reduced-motion:reduce){header .plant-resource{transition:none}}
/* Centered wordmark variant; the booking action stays on the physical right. */
header .brand,html[lang=en] header .brand{grid-column:2;grid-row:1;justify-self:center}
header .language-switch{grid-row:1}
html[dir=rtl] header .language-switch{grid-column:3;justify-self:end}
html[dir=ltr] header .language-switch{grid-column:1;justify-self:start}
html[dir=rtl] header .contact{grid-column:1;justify-self:start}
html[dir=ltr] header .contact{grid-column:3;justify-self:end}
html[dir=rtl] header .plant-resource{grid-column:3;justify-self:end}
html[dir=ltr] header .plant-resource{grid-column:1;justify-self:start}
@media(max-width:1000px){
 header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 header .brand,html[lang=en] header .brand{grid-column:1/-1;grid-row:1}
 header nav,html[lang=en] header nav{grid-row:2}
 .header-actions{display:contents}
 html[dir=rtl] header .contact{grid-column:1/3;grid-row:3;justify-self:start}
 html[dir=ltr] header .contact{grid-column:2/4;grid-row:3;justify-self:end}
 html[dir=rtl] header .language-switch{grid-column:3;grid-row:3;justify-self:end}
 html[dir=ltr] header .language-switch{grid-column:1;grid-row:3;justify-self:start}
 html[dir=rtl] header .plant-resource,html[dir=ltr] header .plant-resource{grid-column:1/-1;grid-row:4;justify-self:center;min-height:32px}
}
/* Desktop action is centered vertically across the two existing header rows. */
.header-menu{display:contents}
.menu-toggle{display:none}
@media(min-width:1001px){
 html[dir=rtl] header .contact,html[dir=ltr] header .contact{grid-row:1/3;align-self:center}
}
@media(max-width:760px){
 header{grid-template-columns:52px minmax(0,1fr) 52px;column-gap:0;row-gap:8px}
 header .brand,html[lang=en] header .brand{grid-column:2;grid-row:1;justify-self:center;max-width:none}
 header .brand-lockup,html[lang=en] header .brand-lockup{font-size:clamp(17px,4.5vw,20px);gap:5px}
 header .brand small{font-size:10px}
 html[dir=rtl] header .language-switch,html[dir=ltr] header .language-switch{grid-column:3;grid-row:1;justify-self:end}
 header .language-switch button[aria-pressed=true]{display:none}
 header .language-switch button{padding-inline:5px;min-width:44px;font-size:13px}
 .menu-toggle{display:inline-flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--paper);cursor:pointer}
 .menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 html[dir=rtl] header .contact,html[dir=ltr] header .contact{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center}
 .header-menu{display:none;grid-column:1/-1;grid-row:3;width:100%;padding-top:8px;border-top:1px solid var(--tone-ffffff20)}
 header.menu-open .header-menu{display:flex;flex-direction:column;align-items:center;gap:4px}
 header .header-menu nav,html[lang=en] header .header-menu nav{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}
 header .header-menu nav a,html[lang=en] header .header-menu nav a{width:100%;min-height:44px;font-size:17px}
 html[dir=rtl] header .header-menu .plant-resource,html[dir=ltr] header .header-menu .plant-resource{display:flex;align-self:stretch;justify-content:center;min-height:44px;border-top:1px solid var(--tone-ffffff20);margin-top:4px;padding-block:6px;font-size:15px}
}
/* Give the mobile wordmark more presence without crowding its utility controls. */
@media(min-width:361px) and (max-width:760px){
 header .brand-lockup,html[lang=en] header .brand-lockup{font-size:clamp(20px,5.4vw,24px)}
 header .brand small{font-size:11px}
}
@media(max-width:360px){
 header .brand-lockup{font-size:21px}
 html[lang=en] header .brand-lockup{font-size:18px}
 header .brand small{font-size:11px}
}

/* Original supplied artwork for Hebrew; retain the existing English typography. */
.hebrew-original-logo{display:none}
html[lang=he] header .brand-lockup{display:none}
html[lang=he] header .brand small{display:block}
html[lang=he] .hebrew-original-logo{display:block;position:relative;overflow:hidden;width:171px;height:26px}
.hebrew-original-logo img{position:absolute;max-width:none;width:211.31px;height:211.31px;left:-20.20px;top:-92.84px}
@media(max-width:760px){
 html[lang=he] .hebrew-original-logo{width:148px;height:23px}
 .hebrew-original-logo img{width:182.90px;height:182.90px;left:-17.48px;top:-80.35px}
}
@media(max-width:360px){
 html[lang=he] .hebrew-original-logo{width:148px;height:23px}
 .hebrew-original-logo img{width:182.90px;height:182.90px;left:-17.48px;top:-80.35px}
}

/* Supplied English artwork, matched to the approved Hebrew wordmark width. */
.english-original-logo{display:none}
html[lang=en] header .brand-lockup{display:none}
html[lang=en] .english-original-logo{display:block;position:relative;overflow:hidden;width:188.1px;height:28.6px}
.english-original-logo img{position:absolute;max-width:none;width:230.802px;height:230.802px;left:-21.714px;top:-101.9px}
@media(max-width:760px){
 html[lang=en] .english-original-logo{width:162.8px;height:25.3px}
 .english-original-logo img{width:199.76px;height:199.76px;left:-18.799px;top:-88.3px}
}

/* Enlarge the wordmark hit area without scaling its artwork. */
header .brand,html[lang=en] header .brand{min-height:44px;justify-content:center}