/* One set of header dimensions for the landing, Lab and Flow pages. */
:is(.arrival-header,.product-nav){
  --header-logo:36px;--header-label:13px;--header-switch-width:98px;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:28px;height:104px;min-height:104px;
  padding-block:0;border:0;border-bottom:1px solid var(--line);
}
.theme-lab .product-nav{border-bottom:0}
:is(.arrival-header,.product-nav)>:is(.arrival-brand,.product-brand){
  display:inline-flex;align-items:center;gap:12px;width:max-content;
  color:var(--ink);text-decoration:none;white-space:nowrap;
}
.product-nav>.product-brand{align-items:baseline}
:is(.arrival-header,.product-nav)>:is(.arrival-brand,.product-brand) svg{
  display:block;flex:none;align-self:center;width:var(--header-logo);height:var(--header-logo);
}
.arrival-header>.arrival-brand>span,.product-nav>.product-brand>.brand-word{
  font-size:var(--header-logo);font-weight:800;letter-spacing:-.078em;line-height:1;
}
.product-nav>.product-brand>.brand-suffix{font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:1;margin-left:2px}
:is(.arrival-header,.product-nav)>:is(.arrival-nav,.section-links){
  display:flex;align-items:center;gap:28px;font-size:var(--header-label);line-height:1.4;padding:0;
}
:is(.arrival-header,.product-nav)>:is(.arrival-nav,.section-links)>a{padding-block:14px;text-decoration:none;white-space:nowrap}
:is(.arrival-header,.product-nav)>:is(.arrival-nav,.section-links)>a:hover{text-decoration:underline}
:is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch){
  display:flex;align-self:center;justify-self:end;
}
:is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  width:var(--header-switch-width);min-width:var(--header-switch-width);
  height:52px;min-height:52px;padding:0 18px;
  font-size:var(--header-label);line-height:1.4;text-decoration:none;
  background:transparent;color:var(--ink);border:1px solid var(--line);
}
:is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a+a{border-left:0}
:is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a>span[aria-hidden]{font-size:19px;line-height:1}
.theme-lab .product-nav>.product-switch>a[aria-current=page]{background:var(--lime);color:var(--ink)}
.theme-flow .product-nav>.product-switch>a[aria-current=page]{background:var(--ink);color:var(--lilac)}
@media(hover:hover){
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a:first-child:hover{background:var(--lime);color:var(--ink)}
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a:last-child:hover{background:var(--ink);color:var(--lilac)}
}
@media(max-width:1100px){
  :is(.arrival-header,.product-nav){--header-logo:32px;--header-switch-width:84px;gap:22px}
  .product-nav>.product-brand>.brand-suffix{font-size:23px}
  :is(.arrival-header,.product-nav)>:is(.arrival-nav,.section-links){gap:22px}
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a{padding-inline:14px;gap:16px}
}
@media(max-width:1000px){
  :is(.arrival-header,.product-nav){grid-template-columns:minmax(0,1fr) auto;height:134px;min-height:134px;padding-block:16px 8px;gap:4px 18px}
  :is(.arrival-header,.product-nav)>:is(.arrival-nav,.section-links){grid-column:1/-1;grid-row:2;justify-content:space-between;gap:16px;padding:0}
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch){grid-column:2;grid-row:1}
}
@media(max-width:600px){
  :is(.arrival-header,.product-nav){--header-logo:29px;--header-label:12px;--header-switch-width:65px;height:128px;min-height:128px;gap:4px 10px;padding-block:14px 7px}
  :is(.arrival-header,.product-nav)>:is(.arrival-brand,.product-brand){gap:8px}
  .product-nav>.product-brand>.brand-suffix{font-size:21px;margin-left:0}
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a{height:44px;min-height:44px;padding-inline:10px;gap:10px}
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a>span[aria-hidden]{font-size:16px}
  :is(.arrival-header,.product-nav)>:is(.arrival-nav,.section-links){gap:12px}
}
@media(max-width:380px){
  :is(.arrival-header,.product-nav){--header-logo:25px;--header-switch-width:57px;gap:4px 8px}
  :is(.arrival-header,.product-nav)>:is(.arrival-brand,.product-brand){gap:6px}
  .product-nav>.product-brand>.brand-suffix{font-size:18px}
  :is(.arrival-header,.product-nav)>:is(.arrival-switch,.product-switch)>a{padding-inline:8px;gap:8px}
}