/* Öbo Hus site header "Registret" (2026-10-07): Galleriet's bar, rail and frame with the pictures taken out (client:
   no photos in the menu). Shared by every page; markup lives in content/header.html and is stamped into pages by scripts/header.mjs. */
/* THESIS  The menu reads like an architect's register: the houses listed by name on hairlines with their size range, quiet and fast; prices live on the pages, not in the menu.
   BAR     Unchanged: glass bar, logo sizes and order, the 2 px accent rail gliding to the hovered, focused or open item, CTA turns teal with an arrow.
   PANELS  One frame unrolls from the bar: a mist rail (kicker, sentence, links, one quiet line) beside the register; the chosen row lifts to white and draws the accent line.
   PHONE   Full-screen offwhite overlay, uppercase rows on hairlines; a group opens a mist band of one-line sub-rows (name, size range), no pictures, no prices, no sideways scroll. */
:root{
  --hdr-out:cubic-bezier(.16,1,.3,1);
  --hdr-exit:cubic-bezier(.4,0,.2,1);
  --hdr-pad:40px;
  --hdr-rail-w:clamp(250px,45vw - 308px,340px);
  --hdr-wall-max:1020px;
  --hdr-wall-x:clamp(24px,2.2vw,32px);
  --hdr-wall-y:40px;
  --hdr-glass:rgba(247,246,242,.62);
  --hdr-glass-2:rgba(247,246,242,.9);
  --hdr-glass-open:rgba(247,246,242,.97);
  --hdr-scrim:rgba(31,46,45,.22);
  --hdr-underline:rgba(31,46,45,.3);
  --hdr-lift:0 18px 30px -22px rgba(33,72,74,.42);
  --hdr-light:radial-gradient(110% 120% at 58% -40%,rgba(255,255,255,.75),rgba(255,255,255,0) 60%);
}

/* ---------- the bar (glass over the hero, approved) ---------- */
.site-header{
  --bar-h:118px;
  --hdr-ink:var(--accent-ink,#4A6D6F); /* some pages define no --accent-ink: the header carries its own AA label colour */
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--hdr-pad);
  background:var(--hdr-glass);
  box-shadow:0 1px 0 rgba(31,46,45,.10),0 10px 30px rgba(20,32,33,.08);
  transition:background-color .4s var(--ease),padding .4s var(--ease),box-shadow .4s var(--ease),transform .45s var(--ease);
}
/* frosted glass sits on a layer behind the header: a backdrop-filter on .site-header itself would make it the containing block for the fixed phone menu */
.site-header::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.06) 55%,rgba(255,255,255,0));}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-header{background:rgba(247,246,242,.96);}
  .site-header.scrolled{background:rgba(247,246,242,.98);}
}
.site-header .logo{position:relative;z-index:3;display:block;transition:opacity .2s var(--ease);}
.site-header .logo:active{opacity:.7;}
@media (hover:hover){.site-header .logo:hover{opacity:.82;}}
.site-header .logo img{height:78px;width:auto;transition:height .4s var(--ease);}
.site-header.scrolled{--bar-h:82px;background:var(--hdr-glass-2);box-shadow:0 1px 0 var(--line),0 12px 34px rgba(33,72,74,.08);padding:12px var(--hdr-pad);}
.site-header.scrolled .logo img{height:58px;}
.site-header.hide{transform:translateY(-110%);}
.site-header.nav-open,.site-header.dd-open{transform:none;}
/* interior pages: solid variant */
.site-header.solid{background:var(--offwhite);box-shadow:0 1px 0 var(--line);}
.site-header.solid.scrolled{background:rgba(247,246,242,.94);}
body.has-solid-header{padding-top:118px;}
/* a panel is open: the bar turns to paper so bar and register read as one sheet */
.site-header.dd-open,.site-header.dd-open.scrolled,.site-header.solid.dd-open{background:var(--hdr-glass-open);box-shadow:none;}
.site-header .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

/* nav type (today's) */
.nav-list{list-style:none;}
.navlink{
  position:relative;display:inline-flex;align-items:center;gap:7px;
  padding:10px 0;background:none;border:0;cursor:pointer;
  font-family:var(--f-display);font-weight:500;font-size:15.5px;line-height:24px;letter-spacing:.015em;color:var(--text);
  transition:color .2s var(--ease),opacity .2s var(--ease);
  -webkit-tap-highlight-color:transparent;
}
.navlink:active{opacity:.7;}
.chev{width:10px;height:6px;flex:none;color:var(--hdr-ink);transition:transform .25s var(--hdr-out);}
.nav-item.open > .drop-trigger .chev{transform:rotate(180deg);}
.nav-item.open > .drop-trigger{color:var(--hdr-ink);}
@media (hover:hover){.navlink:hover{color:var(--hdr-ink);}}

/* the CTA: accent fill; hover turns it teal and slides an arrow in */
.hdr-cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;
  height:48px;padding:0 27px;background:var(--accent);color:var(--text);
  font-family:var(--f-display);font-weight:500;font-size:12.5px;line-height:1;letter-spacing:.08em;text-transform:uppercase;
  transition:background-color .22s var(--ease),color .22s var(--ease);
}
.hdr-cta .lbl{display:block;transition:transform .2s var(--hdr-out);}
.hdr-cta .arr{position:absolute;right:15px;top:50%;width:12px;height:12px;margin-top:-6px;opacity:0;transform:translateX(-6px);transition:opacity .2s var(--ease),transform .2s var(--hdr-out);}
@media (hover:hover){
  .hdr-cta:hover{background:var(--teal-dark);color:var(--offwhite);}
  .hdr-cta:hover .lbl{transform:translateX(-7px);}
  .hdr-cta:hover .arr{opacity:1;transform:none;}
}
.hdr-cta:focus-visible{outline:2px solid var(--hdr-ink);outline-offset:3px;}
.hdr-cta:active{background:var(--teal-darker);color:var(--offwhite);}

/* the hanging rail: one 2 px accent bar on the bar's bottom edge */
.hdr-rail{
  position:absolute;left:0;bottom:-1px;z-index:4;width:100px;height:2px;background:var(--accent);
  transform-origin:0 50%;transform:translateX(var(--rx,0px)) scaleX(var(--rs,0));opacity:0;pointer-events:none;
  transition:transform .32s var(--hdr-out),opacity .25s var(--ease);
}
.hdr-rail.on{opacity:1;}
.hdr-rail.snap{transition:none;}

/* shared pieces of both panels */
.dd-kicker{font-family:var(--f-display);font-weight:500;font-size:12.5px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--hdr-ink);}
.dd-lede{margin-top:14px;max-width:27ch;font-family:var(--f-body);font-size:17px;line-height:1.55;color:var(--text);text-wrap:balance;}
.dd-links{list-style:none;display:flex;flex-direction:column;}
.dd-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--f-display);font-weight:500;font-size:15px;line-height:1.3;color:var(--text);}
.dd-link .tx{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--hdr-underline);transition:text-decoration-color .2s var(--ease),text-decoration-thickness .2s var(--ease);}
.dd-link .arr{width:12px;height:12px;flex:none;color:var(--hdr-ink);transition:transform .25s var(--hdr-out);}
.dd-link:active{opacity:.7;}
@media (hover:hover){
  .dd-link:hover .tx{text-decoration-color:var(--hdr-ink);text-decoration-thickness:2px;}
  .dd-link:hover .arr{transform:translateX(4px);}
}
.dd-link:focus-visible{outline:2px solid var(--hdr-ink);outline-offset:4px;}
.dd-link:focus-visible .tx,.dd-link[aria-current] .tx{text-decoration-color:var(--hdr-ink);text-decoration-thickness:2px;}
/* one quiet line at the foot of the rail */
.dd-label{display:none;}

/* ---------- the register: one row per house series or page ---------- */
.reg-list{list-style:none;}
.reg{position:relative;isolation:isolate;display:grid;align-items:center;color:var(--text);-webkit-tap-highlight-color:transparent;}
.reg-tt{display:flex;flex-direction:column;gap:5px;min-width:0;}
.reg-nm{display:block;font-family:var(--f-display);font-weight:500;text-transform:uppercase;line-height:1.1;letter-spacing:.05em;transition:transform .32s var(--hdr-out),color .2s var(--ease);}
.reg-ln{display:block;font-family:var(--f-body);font-style:italic;font-size:15px;line-height:1.45;color:var(--muted);text-wrap:pretty;}
.reg-mt{font-family:var(--f-display);font-weight:500;font-size:12px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted);}
.reg-go{width:12px;height:12px;flex:none;color:var(--hdr-ink);transition:transform .25s var(--hdr-out);}
.reg:active{opacity:.72;}
.reg:focus-visible{outline:2px solid var(--hdr-ink);outline-offset:-2px;}
.reg[aria-current] .reg-nm{color:var(--hdr-ink);}
.nav-item:has(.reg[aria-current]) > .drop-trigger{color:var(--hdr-ink);}
.dd-label a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--hdr-underline);transition:text-decoration-color .2s var(--ease);}
.dd-label a:focus-visible{outline:2px solid var(--hdr-ink);outline-offset:3px;}
.dd-label a:active{opacity:.7;}
@media (hover:hover){.dd-label a:hover{text-decoration-color:var(--hdr-ink);}}

/* phone toggle (hidden on desktop) */
.nav-toggle{display:none;position:relative;z-index:3;align-items:center;gap:12px;min-width:44px;min-height:44px;padding:0 0 0 10px;background:none;border:0;cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent;}
.nt-lbl{display:grid;justify-items:end;font-family:var(--f-display);font-weight:500;font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase;}
.nt-lbl > span{grid-area:1/1;transition:opacity .2s var(--ease),transform .3s var(--hdr-out);}
.nt-lbl > span + span{opacity:0;transform:translateY(5px);}
.nt-ic{position:relative;display:block;width:24px;height:14px;}
.nt-ic i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .35s var(--hdr-out),top .35s var(--hdr-out);}
.nt-ic i:first-child{top:3px;}
.nt-ic i:last-child{top:10px;}
.nav-open .nt-lbl > span:first-child{opacity:0;transform:translateY(-5px);}
.nav-open .nt-lbl > span + span{opacity:1;transform:none;}
.nav-open .nt-ic i:first-child{top:6.25px;transform:rotate(45deg);}
.nav-open .nt-ic i:last-child{top:6.25px;transform:rotate(-45deg);}
.nav-toggle:active .nt-ic{transform:scale(.92);}
.nav-toggle .nt-lbl{transition:color .2s var(--ease);}
.nav-toggle:focus-visible{outline:2px solid var(--hdr-ink);outline-offset:2px;}
@media (hover:hover){.nav-toggle:hover .nt-lbl{color:var(--hdr-ink);}}
.m-foot{display:none;}
.hdr-scrim{display:none;}

/* ================= desktop: bar + register panels (1161 px and up) ================= */
@media (min-width:1161px){
  .nav-scroll{display:flex;align-items:center;gap:30px;}
  .nav-list{display:flex;align-items:center;gap:26px;}
  /* a bridge under each trigger, so a slow diagonal move down into the panel stays inside the item */
  .drop-trigger::after{content:"";position:absolute;left:-13px;right:-13px;top:100%;height:38px;}
  .site-header.scrolled .drop-trigger::after{height:20px;}
  /* once a panel is open, a full-width catch strip over the bar's lower band keeps any diagonal to a far row inside it */
  .site-header.dd-open .nav-item.open > .dd::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:35px;}
  .site-header.scrolled.dd-open .nav-item.open > .dd::before{height:17px;}

  .hdr-scrim{display:block;position:fixed;inset:0;z-index:45;background:var(--hdr-scrim);opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s;}
  .hdr-scrim.on{opacity:1;visibility:visible;transition:opacity .3s linear;}

  /* the frame: one ground for both panels; it unrolls from the bar and changes height on a swap */
  .dd-frame{
    --split:max(var(--hdr-pad) + var(--hdr-rail-w), 100% - var(--hdr-pad) - var(--hdr-wall-max));
    position:absolute;top:100%;left:0;right:0;z-index:1;height:var(--dd-h,340px);pointer-events:none;
    background:var(--hdr-light),linear-gradient(90deg,var(--mist) 0,var(--mist) var(--split),var(--offwhite) var(--split));
    border-top:1px solid var(--line);box-shadow:var(--shadow-lg);
    clip-path:inset(0 0 100% 0);
    transition:clip-path .26s var(--hdr-exit),height .36s var(--hdr-out);
  }
  .site-header.dd-open .dd-frame{clip-path:inset(0 -60px -180px -60px);transition:clip-path .48s var(--hdr-out),height .36s var(--hdr-out);}
  .site-header.dd-snap .dd-frame{transition:none;}

  .dd{
    position:absolute;top:100%;left:0;right:0;z-index:2;
    visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(0 0 100% 0);
    transition:clip-path .26s var(--hdr-exit),opacity .2s linear,visibility 0s linear .26s;
  }
  .site-header.dd-open .dd{clip-path:inset(-40px 0 -180px 0);transition:clip-path .48s var(--hdr-out),opacity .2s linear,visibility 0s linear .2s;}
  .site-header.dd-open .nav-item.open > .dd{visibility:visible;opacity:1;pointer-events:auto;transition:clip-path .48s var(--hdr-out),opacity .2s linear,visibility 0s;}
  /* the panel is tied to the bar's edges: the kicker sits on the logo's left edge, the register ends under the CTA */
  .dd-in{display:grid;grid-template-columns:minmax(var(--hdr-rail-w),1fr) minmax(0,var(--hdr-wall-max));width:calc(100% - var(--hdr-pad) * 2);margin:0 auto;}
  .dd-rail{display:flex;flex-direction:column;justify-content:flex-start;padding:calc(var(--hdr-wall-y) - 2px) 36px var(--hdr-wall-y) 0;}
  .dd-links{margin-top:20px;flex-direction:row;flex-wrap:wrap;gap:0 26px;}
  .dd-label{display:block;margin-top:auto;padding-top:14px;max-width:320px;border-top:1px solid var(--line);font-family:var(--f-body);font-style:italic;font-size:16px;line-height:1.5;color:var(--text);text-wrap:balance;}

  /* the register: rows on hairlines; the first row's name sits on the kicker's line */
  .reg-list{padding:calc(var(--hdr-wall-y) - 14px) 0 calc(var(--hdr-wall-y) - 6px) var(--hdr-wall-x);}
  .reg-it + .reg-it{border-top:1px solid var(--line);}
  .reg{min-height:64px;padding:11px 20px 11px 18px;column-gap:clamp(20px,2.2vw,36px);}
  /* one quiet figure per house row, the size range, in a fixed column so it lines up from row to row (each row is its own grid) */
  .reg-list--hus .reg{grid-template-columns:minmax(0,1fr) 120px 12px;}
  .reg-nm{font-size:20px;}
  /* Att bygga: the name and its line side by side, so the row reads across the panel */
  .reg-list--build .reg{grid-template-columns:minmax(200px,.42fr) minmax(0,1fr) 12px;}
  .reg-list--build .reg-tt{display:contents;}
  .reg-list--build .reg-nm{font-size:17px;letter-spacing:.06em;}
  .reg-list--build .reg-ln{font-size:15.5px;}
  /* the chosen row lifts to white and draws the bar's accent line along its foot */
  .reg::before{content:"";position:absolute;inset:-1px 0;z-index:-1;background:var(--card);box-shadow:var(--hdr-lift);opacity:0;transition:opacity .22s var(--ease);}
  .reg::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .32s var(--hdr-out);}
  .reg:focus-visible{outline:none;}
  .reg:focus-visible::before{opacity:1;box-shadow:var(--hdr-lift),inset 0 0 0 2px var(--hdr-ink);}
  .reg:focus-visible::after,.reg[aria-current]::after{transform:scaleX(1);}
  .reg-ln{transition:transform .32s var(--hdr-out);}
  .reg:focus-visible .reg-nm,.reg:focus-visible .reg-ln{transform:translateX(6px);}
  .reg:focus-visible .reg-go{transform:translateX(4px);}
  /* rows rise into place after the frame starts to unroll */
  .reg-it{opacity:0;transform:translateY(10px);transition:opacity .16s linear,transform .16s var(--hdr-exit);}
  .site-header.dd-open .nav-item.open .reg-it{opacity:1;transform:none;transition:opacity .42s var(--hdr-out) calc(var(--i) * 40ms + 70ms),transform .42s var(--hdr-out) calc(var(--i) * 40ms + 70ms);}
}
@media (min-width:1161px) and (hover:hover){
  .reg:hover::before{opacity:1;}
  .reg:hover::after{transform:scaleX(1);}
  .reg:hover .reg-nm,.reg:hover .reg-ln{transform:translateX(6px);}
  .reg:hover .reg-go{transform:translateX(4px);}
}
@media (min-width:1161px) and (max-width:1320px){
  .reg-nm{font-size:18px;}
}
/* wide screens: the register takes the extra width, and the line moves into its own column so the row reads across */
@media (min-width:1600px){
  :root{--hdr-wall-max:calc(100vw - var(--hdr-pad) * 2 - 440px);}
  .reg-list--hus .reg{grid-template-columns:minmax(200px,250px) minmax(0,1fr) 120px 12px;}
  .reg-list--hus .reg-tt{display:contents;}
  .reg-list--build .reg{grid-template-columns:minmax(200px,250px) minmax(0,1fr) 12px;}
}

/* ================= phone and tablet: full-screen overlay (1160 px and down) ================= */
@media (max-width:1160px){
  .site-header{--gut:40px;}
  .nav-toggle{display:inline-flex;}
  .hdr-rail,.dd-frame,.hdr-scrim{display:none;}
  .site-header.nav-open,.site-header.nav-open.scrolled,.site-header.solid.nav-open,.site-header.solid.nav-open.scrolled{box-shadow:none;}
  .nav{
    position:fixed;inset:0;z-index:2;background:var(--offwhite);padding-top:var(--bar-h);
    visibility:hidden;opacity:0;transition:opacity .22s linear,visibility 0s linear .22s;
  }
  .site-header.nav-open .nav{visibility:visible;opacity:1;transition:opacity .3s var(--ease),visibility 0s;}
  .nav-scroll{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px var(--gut) calc(26px + env(safe-area-inset-bottom,0px));}
  .nav-list{display:block;margin-bottom:28px;}
  .nav-li{border-bottom:1px solid var(--line);}
  .nav-li:first-child{border-top:1px solid var(--line);}
  .navlink{display:flex;width:100%;justify-content:space-between;min-height:60px;padding:16px 0;font-size:21px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;}
  .navlink:focus-visible{outline:2px solid var(--hdr-ink);outline-offset:-2px;}
  .chev{width:14px;height:8px;}
  /* rows rise in on open, 30 ms apart (cap 8) */
  .nav-li,.nav .hdr-cta,.m-foot{opacity:0;transform:translateY(10px);transition:opacity .18s linear,transform .18s var(--hdr-exit);}
  .site-header.nav-open .nav-li,.site-header.nav-open .nav .hdr-cta,.site-header.nav-open .m-foot{opacity:1;transform:none;transition:opacity .4s var(--hdr-out) calc(var(--r,0) * 30ms + 80ms),transform .5s var(--hdr-out) calc(var(--r,0) * 30ms + 80ms);}

  /* a group opens a mist band under its row, edge to edge, with a height change */
  .dd{display:grid;grid-template-rows:0fr;margin:0 calc(var(--gut) * -1);visibility:hidden;transition:grid-template-rows .36s var(--hdr-out),visibility 0s linear .36s;}
  .nav-item.open > .dd{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .36s var(--hdr-out),visibility 0s;}
  .dd-clip{min-height:0;overflow:hidden;}
  .dd-in{display:flex;flex-direction:column;padding:4px var(--gut) 12px;background:var(--mist);box-shadow:inset 0 1px 0 var(--line);}
  .dd-rail{display:contents;}
  .dd-head,.dd-label,.dd-links--build{display:none;}
  /* the two overview links open the band; DOM, focus and visual order agree */
  .dd-links{flex-direction:row;flex-wrap:wrap;gap:0 26px;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid var(--line);}
  .dd-link{font-size:15px;min-height:48px;}

  /* sub-rows: one line each, the name and its size range; nothing to swipe */
  .reg-it + .reg-it{border-top:1px solid var(--line);}
  .reg{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:12px 30px 12px 0;}
  .reg-tt{flex:1 1 auto;}
  .reg-ln{display:none;}
  .reg-nm{font-size:16px;letter-spacing:.06em;}
  .reg-mt{font-size:14px;letter-spacing:.01em;text-transform:none;}
  .reg-go{position:absolute;right:2px;top:50%;margin-top:-6px;}
  .reg:focus-visible .reg-nm,.reg:active .reg-nm{color:var(--hdr-ink);}
  .reg[aria-current] .reg-nm{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px;}
  .navlink[aria-current]{color:var(--hdr-ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px;}
  .site-header.nav-open.nav-scrolled{box-shadow:0 1px 0 var(--line);}

  /* the foot: CTA, mail, rating */
  .nav .hdr-cta{margin-top:auto;width:100%;height:52px;gap:12px;font-size:13px;}
  .nav .hdr-cta .lbl,.nav .hdr-cta:hover .lbl{transform:none;}
  .nav .hdr-cta .arr{position:static;margin:0;opacity:1;transform:none;}
  .m-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 20px;margin-top:10px;}
  .m-foot a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-display);font-weight:500;font-size:15px;color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--hdr-underline);}
  .m-foot a{transition:text-decoration-color .2s var(--ease);}
  .m-foot a:active{opacity:.7;}
  .m-foot a:focus-visible{text-decoration-color:var(--accent);}
  @media (hover:hover){.m-foot a:hover{text-decoration-color:var(--accent);}.reg:hover .reg-nm{color:var(--hdr-ink);}}
  html.hdr-lock,html.hdr-lock body{overflow:hidden;}
}
@media (min-width:681px) and (max-width:1160px){
  .navlink{font-size:26px;min-height:70px;padding:20px 0;}
  .nav-scroll{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:center;column-gap:36px;}
  .nav-list{grid-column:1/-1;}
  .nav .hdr-cta{grid-row:3;margin:0;width:auto;padding:0 44px;}
  .m-foot{grid-row:3;margin:0;justify-content:flex-end;gap:0 36px;}
  /* tablet: room for the series line beside the name; the house rows keep the desktop's figure columns */
  .reg-nm{font-size:18px;}
  .reg-tt{flex-direction:row;align-items:baseline;gap:16px;}
  .reg-ln{display:block;font-size:15px;}
  .reg-list--hus .reg{display:grid;grid-template-columns:minmax(0,1fr) 110px 12px;column-gap:22px;padding-right:0;}
  .reg-list--hus .reg-mt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
  .reg-list--hus .reg-go{position:static;margin:0;}
}
@media (max-width:680px){
  .site-header{--bar-h:88px;--gut:20px;padding:14px 20px;}
  .site-header.scrolled{--bar-h:78px;padding:10px 20px;}
  .site-header .logo img{height:60px;}
  body.has-solid-header{padding-top:90px;}
}

/* calm: reduced motion or ?still=1 (class set by the header script). No clip, no rise, plain opacity. */
html.hdr-calm .hdr-rail,html.hdr-calm .chev,html.hdr-calm .nt-ic i,html.hdr-calm .reg-nm,html.hdr-calm .reg-go,html.hdr-calm .reg::after,html.hdr-calm .dd-link .arr,html.hdr-calm .hdr-cta .lbl,html.hdr-calm .hdr-cta .arr,html.hdr-calm .nt-lbl > span{transition:none;}
html.hdr-calm .reg:hover .reg-nm,html.hdr-calm .reg:focus-visible .reg-nm,html.hdr-calm .reg:hover .reg-go,html.hdr-calm .reg:focus-visible .reg-go,html.hdr-calm .hdr-cta:hover .lbl,html.hdr-calm .hdr-cta .arr,html.hdr-calm .dd-link:hover .arr{transform:none;}
@media (min-width:1161px){
  html.hdr-calm .dd-frame,html.hdr-calm .site-header.dd-open .dd-frame{clip-path:none;}
  html.hdr-calm .dd-frame{opacity:0;visibility:hidden;transition:opacity .15s linear,visibility 0s linear .15s;}
  html.hdr-calm .site-header.dd-open .dd-frame{opacity:1;visibility:visible;transition:opacity .15s linear;}
  html.hdr-calm .dd,html.hdr-calm .site-header.dd-open .dd{clip-path:none;transition:opacity .15s linear,visibility 0s linear .15s;}
  html.hdr-calm .site-header.dd-open .nav-item.open > .dd{transition:opacity .15s linear,visibility 0s;}
  html.hdr-calm .reg-it,html.hdr-calm .site-header.dd-open .nav-item.open .reg-it{opacity:1;transform:none;transition:none;}
}
@media (max-width:1160px){
  html.hdr-calm .nav-li,html.hdr-calm .nav .hdr-cta,html.hdr-calm .m-foot{opacity:1;transform:none;transition:none;}
  html.hdr-calm .dd,html.hdr-calm .nav-item.open > .dd{transition:none;}
  html.hdr-calm .nav,html.hdr-calm .site-header.nav-open .nav{transition:opacity .15s linear,visibility 0s linear .15s;}
  html.hdr-calm .site-header.nav-open .nav{transition:opacity .15s linear,visibility 0s;}
}