/* Åstveit Header — only var(--e-global-…) for colors/fonts. */

/* Top bar */
.as-hdr .as-topbar{ background:var(--e-global-color-secondary); color:var(--e-global-color-surface); font-size:1rem; }
.as-hdr .as-topbar .as-wrap{ display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; }
.as-hdr .as-topbar a{ color:var(--e-global-color-surface); text-decoration:none; }
.as-hdr .as-topbar a:hover{ text-decoration:underline; color:var(--e-global-color-surface); }
.as-hdr .as-topbar__contact{ display:flex; gap:28px; flex-wrap:wrap; }
.as-hdr .as-topbar__contact a,.as-hdr .as-topbar__tools a{ display:inline-flex; align-items:center; gap:8px; }
.as-hdr .as-topbar svg{ width:18px; height:18px; color:var(--e-global-color-border); }
.as-hdr .as-topbar__tools{ display:flex; align-items:center; gap:22px; }
.as-hdr .as-text-toggle,.as-hdr .as-text-toggle:hover,.as-hdr .as-text-toggle:focus{
  display:inline-flex; align-items:center; gap:8px; margin:0;
  background:color-mix(in srgb, var(--e-global-color-surface) 10%, transparent); color:var(--e-global-color-surface);
  border:1px solid color-mix(in srgb, var(--e-global-color-surface) 35%, transparent); border-radius:999px; padding:5px 14px;
  font-family:inherit; font-size:.95rem; font-weight:600; line-height:1.65; cursor:pointer; text-transform:none;
}
.as-hdr .as-text-toggle:hover{ background:color-mix(in srgb, var(--e-global-color-surface) 20%, transparent); }
.as-hdr .as-text-toggle b{ font-size:1.15em; line-height:1; }
.as-hdr .as-text-toggle[aria-pressed="true"]{ background:var(--e-global-color-surface); color:var(--e-global-color-text); }

/* Header bar */
.as-hdr .as-hdr__bar{ position:relative; z-index:100; background:color-mix(in srgb, var(--e-global-color-surface) 97%, transparent); -webkit-backdrop-filter:saturate(1.3) blur(10px); backdrop-filter:saturate(1.3) blur(10px); transition:box-shadow .3s; }
.as-hdr .as-hdr__bar.is-scrolled{ box-shadow:0 10px 30px -20px color-mix(in srgb, var(--e-global-color-dark) 50%, transparent); }
.as-hdr .as-hdr__bar .as-wrap{ display:flex; align-items:center; gap:32px; min-height:100px; }

.as-hdr .as-hdr__logo{ flex:0 1 auto; min-width:0; display:block; line-height:0; }
.as-hdr .as-hdr__logo img{ width:auto; height:auto; max-height:68px; max-width:100%; }

.as-hdr .as-nav{ margin-left:auto; }
.as-hdr .as-nav__list{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; }
.as-hdr .as-nav__item{ position:relative; }
.as-hdr .as-nav__link{
  display:inline-flex; align-items:center; gap:6px; padding:12px 14px; border-radius:12px;
  color:var(--e-global-color-text); text-decoration:none; white-space:nowrap;
  font-family:var(--e-global-typography-accent-font-family); font-size:var(--e-global-typography-accent-font-size);
  font-weight:var(--e-global-typography-accent-font-weight); line-height:var(--e-global-typography-accent-line-height);
}
.as-hdr .as-nav__link svg{ width:14px; height:14px; color:var(--e-global-color-primary); transition:transform .2s; }
.as-hdr .as-nav__link:hover,.as-hdr .as-nav__item:focus-within > .as-nav__link{ background:var(--e-global-color-hover); color:var(--e-global-color-text); }
.as-hdr .as-nav__item:hover > .as-nav__link svg,.as-hdr .as-nav__item:focus-within > .as-nav__link svg{ transform:rotate(180deg); }

/* ── Mega panels: split layout (image intro + items), soft waves, third level inline ── */
.as-hdr .as-nav__item.has-mega{ position:static; }
.as-hdr .as-nav__link{ position:relative; }
.as-hdr .has-mega > .as-nav__link::after{
  content:""; position:absolute; left:16px; right:16px; bottom:2px; height:6px; pointer-events:none;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--e-global-color-primary) 50%, transparent) 25%, color-mix(in srgb, var(--e-global-color-primary) 50%, transparent) 75%, transparent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6' viewBox='0 0 40 6'%3E%3Cpath d='M0 3C6.5.8 13.5.8 20 3s13.5 2.2 20 0' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 50% / 40px 6px;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6' viewBox='0 0 40 6'%3E%3Cpath d='M0 3C6.5.8 13.5.8 20 3s13.5 2.2 20 0' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 50% / 40px 6px;
  opacity:0; transform:translateY(10px); transition:transform .5s cubic-bezier(.2,.7,.2,1), opacity .35s ease;
}
.as-hdr .has-mega.is-open > .as-nav__link::after,
.as-hdr:not(.js-mega) .has-mega:hover > .as-nav__link::after,
.as-hdr:not(.js-mega) .has-mega:focus-within > .as-nav__link::after{ transform:none; opacity:1; }
.as-hdr .as-nav__item.is-open > .as-nav__link{ background:var(--e-global-color-hover); }
.as-hdr .as-nav__item.is-open > .as-nav__link svg{ transform:rotate(180deg); }
.as-hdr.js-mega .as-nav__item:not(.is-open):hover > .as-nav__link svg{ transform:none; }

.as-hdr .as-mega{
  --as-intro-bg:var(--e-global-color-accent);
  --as-mega-line:color-mix(in srgb, var(--e-global-color-primary) 14%, transparent);
  position:absolute; top:calc(100% + 10px); left:50%; z-index:5;
  width:min(1440px, calc(100% - 2 * var(--as-side)));
  opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%, 14px);
  transition:opacity .25s ease, transform .4s cubic-bezier(.2,.7,.2,1), visibility 0s linear .4s;
}
.as-hdr .as-mega::before{ content:""; position:absolute; left:0; right:0; top:-50px; height:50px; } /* hover bridge */
.as-hdr .has-mega.is-open > .as-mega,
.as-hdr:not(.js-mega) .has-mega:hover > .as-mega,
.as-hdr:not(.js-mega) .has-mega:focus-within > .as-mega{
  opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%, 0); transition-delay:0s;
}
.as-hdr .as-mega__nub{
  position:absolute; top:-9px; left:var(--as-nub, 50%); z-index:2; width:20px; height:20px;
  background:var(--e-global-color-surface); border:1px solid var(--as-mega-line); border-right:0; border-bottom:0;
  border-radius:5px 0 0 0; transform:translateX(-50%) rotate(45deg); transition:left .35s cubic-bezier(.2,.7,.2,1);
}
.as-hdr .as-mega__inner{
  position:relative; z-index:1; display:grid; grid-template-columns:340px minmax(0, 1fr);
  max-height:calc(100vh - 170px); overflow:hidden;
  background:var(--e-global-color-surface); border:1px solid var(--as-mega-line); border-radius:var(--as-radius-lg, 28px);
  box-shadow:0 2px 4px color-mix(in srgb, var(--e-global-color-dark) 5%, transparent),
             0 24px 48px -18px color-mix(in srgb, var(--e-global-color-dark) 22%, transparent),
             0 60px 120px -40px color-mix(in srgb, var(--e-global-color-dark) 30%, transparent);
}

/* Intro column */
.as-hdr .as-mega__intro{ position:relative; display:flex; flex-direction:column; background:var(--as-intro-bg); }
.as-hdr .as-mega__media{ position:relative; flex:1 1 auto; min-height:180px; overflow:hidden; background:var(--e-global-color-border); }
.as-hdr .as-mega__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.08); transition:transform 1.4s cubic-bezier(.2,.7,.2,1); }
.as-hdr .has-mega.is-open .as-mega__media img,
.as-hdr:not(.js-mega) .has-mega:hover .as-mega__media img{ transform:scale(1); }
.as-hdr .as-mega__waves{ position:absolute; left:0; right:0; bottom:-1px; width:100%; height:46px; }
.as-hdr .as-mega__waves .as-w1{ fill:color-mix(in srgb, var(--e-global-color-primary) 38%, transparent); }
.as-hdr .as-mega__waves .as-w2{ fill:var(--as-intro-bg); }
.as-hdr .as-mega__body{ position:relative; flex:none; display:flex; flex-direction:column; gap:20px; padding:8px 30px 30px; }
.as-hdr .as-mega__title{
  display:block; margin:0; padding-right:8px;
  color:var(--e-global-color-text); text-decoration:none; overflow-wrap:anywhere;
  font-family:var(--e-global-typography-primary-font-family); font-size:1.625rem; font-weight:800; line-height:1.2; letter-spacing:-.01em;
}
.as-hdr a.as-mega__title:hover{ color:var(--e-global-color-text); }
.as-hdr .as-mega__go{
  position:absolute; top:-36px; right:26px; display:grid; place-items:center; width:52px; height:52px; border-radius:50%;
  background:var(--e-global-color-surface); color:var(--e-global-color-primary);
  box-shadow:0 6px 16px -8px color-mix(in srgb, var(--e-global-color-primary) 60%, transparent);
  transition:background-color .25s, color .25s, transform .3s cubic-bezier(.2,.7,.2,1);
}
.as-hdr .as-mega__go svg{ width:22px; height:22px; }
.as-hdr a.as-mega__title::after{ content:""; position:absolute; inset:0; } /* whole intro text area is the link */
.as-hdr a.as-mega__title:hover .as-mega__go,.as-hdr a.as-mega__title:focus-visible .as-mega__go{ background:var(--e-global-color-primary); color:var(--e-global-color-surface); transform:translateX(4px) rotate(-8deg); }
.as-hdr .as-section p.as-mega__desc,.as-hdr .as-mega__desc{ margin:0; max-width:none; font-size:1.0625rem; line-height:1.55; color:var(--e-global-color-text); }
.as-hdr .as-mega .as-mega__cta{ position:relative; z-index:1; align-self:flex-start; min-height:52px; padding:.65em 1.4em; }

/* Items column */
.as-hdr .as-mega__main{ position:relative; min-width:0; padding:28px 30px 30px; overflow-y:auto; overscroll-behavior:contain; }
.as-hdr .as-mega__list{ position:relative; z-index:1; list-style:none; margin:0; padding:0; }
.as-hdr .as-mega__list--cols{ columns:2; column-gap:14px; }
.as-hdr .as-mega__list--wide{ columns:290px 3; }
.as-hdr .as-mega__item{
  break-inside:avoid; padding-bottom:4px;
  opacity:0; transform:translateY(10px);
  transition:opacity .35s ease, transform .5s cubic-bezier(.2,.7,.2,1);
  transition-delay:calc(var(--i, 0) * 28ms + 70ms);
}
.as-hdr .has-mega.is-open .as-mega__item,
.as-hdr:not(.js-mega) .has-mega:hover .as-mega__item,
.as-hdr:not(.js-mega) .has-mega:focus-within .as-mega__item{ opacity:1; transform:none; }
.as-hdr .as-nav .as-mega__link{
  display:flex; align-items:center; gap:16px; padding:11px 14px; border-radius:20px; border:1px solid transparent;
  color:var(--e-global-color-text); text-decoration:none; font-size:1.125rem; font-weight:700; line-height:1.3;
  transition:background-color .2s ease, border-color .2s ease, box-shadow .25s ease;
}
.as-hdr .as-nav .as-mega__link:hover,.as-hdr .as-nav .as-mega__link:focus-visible{
  background:var(--e-global-color-hover); border-color:var(--as-mega-line); color:var(--e-global-color-text);
  box-shadow:0 10px 22px -16px color-mix(in srgb, var(--e-global-color-primary) 70%, transparent);
}
.as-hdr .as-mega__ico{
  flex:none; display:grid; place-items:center; width:50px; height:50px;
  border-radius:46% 54% 52% 48% / 56% 44% 56% 44%;
  background:var(--as-ico-bg, var(--e-global-color-accent)); color:var(--as-ico, var(--e-global-color-primary));
  transition:background-color .25s ease, color .25s ease, border-radius .7s ease, transform .35s cubic-bezier(.2,.7,.2,1);
}
.as-hdr .as-mega__ico svg{ width:27px; height:27px; }
.as-hdr .as-mega__link:hover .as-mega__ico,.as-hdr .as-mega__link:focus-visible .as-mega__ico{
  background:var(--as-ico, var(--e-global-color-primary)); color:var(--e-global-color-surface);
  border-radius:55% 45% 44% 56% / 44% 56% 44% 56%; transform:rotate(-4deg);
}
.as-hdr .as-mega__link:hover .as-mega__ico svg,.as-hdr .as-mega__link:focus-visible .as-mega__ico svg{ transform:rotate(4deg); }
.as-hdr .as-mega__label{ flex:1; min-width:0; }
.as-hdr .as-mega__arrow{ flex:none; width:18px; height:18px; color:var(--e-global-color-primary); opacity:0; transform:translateX(-8px); transition:opacity .2s, transform .3s cubic-bezier(.2,.7,.2,1); }
.as-hdr .as-mega__link:hover .as-mega__arrow,.as-hdr .as-mega__link:focus-visible .as-mega__arrow{ opacity:1; transform:none; }

/* Third level: shown inline under its parent, hanging from a soft wavy line */
.as-hdr .as-mega__sub{ position:relative; list-style:none; margin:0 0 6px 39px; padding:2px 0 4px 22px; }
.as-hdr .as-mega__sub::before{
  content:""; position:absolute; left:-4px; top:0; bottom:18px; width:8px;
  background:color-mix(in srgb, var(--e-global-color-primary) 40%, transparent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='22' viewBox='0 0 8 22'%3E%3Cpath d='M4 0C1 2.75 1 8.25 4 11s3 8.25 0 11' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E") repeat-y 50% 0 / 8px 22px;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='22' viewBox='0 0 8 22'%3E%3Cpath d='M4 0C1 2.75 1 8.25 4 11s3 8.25 0 11' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E") repeat-y 50% 0 / 8px 22px;
}
.as-hdr .as-nav .as-mega__sub a{
  display:flex; align-items:center; gap:12px; padding:8px 12px; border-radius:14px;
  color:var(--e-global-color-text); text-decoration:none; font-size:1.0625rem; font-weight:600; line-height:1.35;
  transition:background-color .2s ease;
}
.as-hdr .as-nav .as-mega__sub a::before{
  content:""; flex:none; width:8px; height:8px; border-radius:50%;
  background:var(--e-global-color-border); box-shadow:0 0 0 4px var(--e-global-color-surface);
  transition:background-color .2s, transform .25s;
}
.as-hdr .as-nav .as-mega__sub a:hover,.as-hdr .as-nav .as-mega__sub a:focus-visible{ background:var(--e-global-color-hover); color:var(--e-global-color-text); }
.as-hdr .as-nav .as-mega__sub a:hover::before,.as-hdr .as-nav .as-mega__sub a:focus-visible::before{ background:var(--e-global-color-primary); transform:scale(1.25); box-shadow:0 0 0 4px var(--e-global-color-hover); }

/* Decorative ripple lines in the corner */
.as-hdr .as-mega__ripple{
  position:absolute; right:0; bottom:0; width:340px; height:auto; z-index:0; pointer-events:none;
  fill:none; stroke:color-mix(in srgb, var(--e-global-color-primary) 13%, transparent); stroke-width:1.6;
}

/* Page dim behind an open panel (top bar and header stay clear) */
.as-hdr .as-topbar{ position:relative; z-index:100; }
.as-hdr .as-hdr__scrim{
  position:fixed; inset:0; z-index:99; pointer-events:none;
  background:color-mix(in srgb, var(--e-global-color-dark) 28%, transparent);
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s linear .3s;
}
.as-hdr.is-mega-open .as-hdr__scrim{ opacity:1; visibility:visible; transition-delay:0s; }

@media (max-width:1440px){
  .as-hdr .as-mega__inner{ grid-template-columns:300px minmax(0, 1fr); }
  .as-hdr .as-mega__body{ padding:8px 24px 26px; }
  .as-hdr .as-mega__go{ right:20px; }
  .as-hdr .as-mega__title{ font-size:1.5rem; }
  .as-hdr .as-mega__main{ padding:24px 24px 26px; }
}
@media (prefers-reduced-motion:reduce){
  .as-hdr .as-mega,.as-hdr .as-mega *,.as-hdr .as-mega__nub,.as-hdr .as-hdr__scrim,.as-hdr .has-mega > .as-nav__link::after{ transition:none !important; }
  .as-hdr .as-mega__media img{ transform:none; }
}

.as-hdr .as-hdr__cta{ flex:none; display:none; }

.as-hdr .as-menu-btn,.as-hdr .as-menu-btn:hover,.as-hdr .as-menu-btn:focus{
  display:none; flex:none; margin:0 0 0 auto; align-items:center; gap:10px; min-height:52px; padding:0 20px;
  border-radius:999px; border:2px solid var(--e-global-color-primary); background:var(--e-global-color-surface); color:var(--e-global-color-text);
  font-family:inherit; font-size:1.1875rem; font-weight:700; line-height:1.65; cursor:pointer; text-transform:none;
}
.as-hdr .as-menu-btn svg{ width:22px; height:22px; }
.as-hdr .as-mnav .as-menu-btn--close{ display:inline-flex; margin:0; }

/* Mobile menu */
.as-hdr .as-mnav{ position:fixed; inset:0; z-index:100000; background:var(--e-global-color-surface); overflow-y:auto; transform:translateX(100%); transition:transform .35s ease, visibility .35s; visibility:hidden; }
.as-hdr .as-mnav.is-open{ transform:none; visibility:visible; }
.as-hdr .as-mnav__head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px var(--as-side); border-bottom:1px solid var(--e-global-color-accent); }
.as-hdr .as-mnav__head img{ width:auto; height:auto; max-height:54px; max-width:60vw; }
.as-hdr .as-mnav ul{ list-style:none; margin:0; padding:0; }
.as-hdr .as-mnav__list{ padding:12px var(--as-side) 36px !important; }
.as-hdr .as-mnav__list > li{ border-bottom:1px solid var(--e-global-color-accent); }
.as-hdr .as-mnav__row{ display:flex; align-items:center; justify-content:space-between; }
.as-hdr .as-mnav__row a,.as-hdr .as-mnav__list > li > a{ display:block; padding:18px 0; font-size:1.25rem; font-weight:700; color:var(--e-global-color-text); text-decoration:none; flex:1; }
.as-hdr .as-sub-toggle,.as-hdr .as-sub-toggle:hover,.as-hdr .as-sub-toggle:focus{ width:52px; height:52px; padding:0; margin:0; border-radius:50%; border:0; background:var(--e-global-color-hover); color:var(--e-global-color-primary); display:grid; place-items:center; cursor:pointer; }
.as-hdr .as-sub-toggle svg{ width:18px; height:18px; transition:transform .25s; }
.as-hdr .as-sub-toggle[aria-expanded="true"] svg{ transform:rotate(180deg); }
.as-hdr .as-mnav__sub{ display:none; padding:0 0 16px 14px !important; }
.as-hdr .as-mnav__sub.is-open{ display:block; }
.as-hdr .as-mnav__sub a{ display:block; padding:10px 0; color:var(--e-global-color-text); text-decoration:none; font-size:1.0625rem; }
.as-hdr .as-mnav__subrow{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.as-hdr .as-mnav__subrow a{ flex:1; }
.as-hdr .as-sub-toggle--sm,.as-hdr .as-sub-toggle--sm:hover,.as-hdr .as-sub-toggle--sm:focus{ width:40px; height:40px; flex:none; }
.as-hdr .as-sub-toggle--sm svg{ width:15px; height:15px; }
.as-hdr .as-mnav__sub2{ display:none; margin:2px 0 10px 2px !important; padding:2px 0 2px 16px !important; border-left:2px solid color-mix(in srgb, var(--e-global-color-primary) 30%, transparent); }
.as-hdr .as-mnav__sub2.is-open{ display:block; }
.as-hdr .as-mnav__sub2 a{ padding:8px 0; font-size:1rem; }
.as-hdr .as-mnav__cta{ padding:0 var(--as-side) 40px; display:grid; gap:12px; }
.as-hdr .as-mnav__cta .as-btn{ justify-content:center; }

/* Sticky: Nettnor WP header wrapper sticks, the top bar scrolls away (JS sets top). */
#nnwp-header.nnwp-sticky{ z-index:1000; }

@media (min-width:1800px){ .as-hdr .as-hdr__cta{ display:block; } }
@media (max-width:1300px){
  .as-hdr .as-nav{ display:none; }
  .as-hdr .as-hdr__bar .as-menu-btn{ display:inline-flex; }
}
@media (max-width:960px){ .as-hdr .as-topbar__contact a:nth-child(2){ display:none; } }
@media (max-width:640px){
  .as-hdr .as-hdr__bar .as-wrap{ min-height:82px; gap:16px; }
  .as-hdr .as-hdr__logo img{ max-height:52px; }
  .as-hdr .as-menu-btn{ padding:0 16px; }
  .as-hdr .as-topbar__link{ display:none !important; }
}

/* fix (user): no outline frame around the intro/image on hover-open, no light border around the panel */
.as-hdr .as-mega a.as-mega__title, .as-hdr .as-mega a.as-mega__title:focus, .as-hdr .as-mega a.as-mega__title:focus-visible, .as-hdr .as-mega a.as-mega__title:hover{ outline:0 !important; box-shadow:none; }
.as-hdr .as-mega a.as-mega__title:focus-visible .as-mega__go{ outline:3px solid var(--e-global-color-secondary); outline-offset:3px; }
.as-hdr .as-mega__media, .as-hdr .as-mega__intro{ outline:0; }
.as-hdr .as-mega__inner{ border:0; }
.as-hdr .as-mega__nub{ border:0; }

/* fix (user): thin dark line flickering on the image edges while the panel opens (zoom transition showed the dark media background at the edges) */
.as-hdr .as-mega__media{ background:var(--as-intro-bg); isolation:isolate; transform:translateZ(0); }
.as-hdr .as-mega__media img{ inset:-3px; width:calc(100% + 6px); height:calc(100% + 6px); max-width:none; backface-visibility:hidden; }
.as-hdr .as-mega__waves{ bottom:-2px; height:48px; }

/* fix 2 (user): the thin dark line on the image edges came from the zoom transform being composited inside the rounded, clipped panel (Chrome seam). No transform on the image any more — soft fade instead. */
.as-hdr .as-mega__media{ transform:none; isolation:auto; }
.as-hdr .as-mega__media img, .as-hdr .has-mega.is-open .as-mega__media img, .as-hdr:not(.js-mega) .has-mega:hover .as-mega__media img{ inset:0; width:100%; height:100%; transform:none !important; will-change:auto; backface-visibility:visible; opacity:.001; transition:opacity .45s ease .05s; }
.as-hdr .has-mega.is-open .as-mega__media img, .as-hdr:not(.js-mega) .has-mega:hover .as-mega__media img, .as-hdr:not(.js-mega) .has-mega:focus-within .as-mega__media img{ opacity:1; }

/* user idea: no background colour on the media box (nothing can show through at the image edges) */
.as-hdr .as-mega .as-mega__media{ background:none !important; background-color:transparent !important; }

/* fix 3 (user, screenshot check): the dark line was (a) the 38% blue back-wave layer reading as a dark band along the photo bottom, and (b) a 2px seam at the media clip edge where photo + wave anti-alias together. */
.as-hdr .as-mega__waves .as-w1{ fill:color-mix(in srgb, var(--as-intro-bg) 55%, transparent); }
.as-hdr .as-mega .as-mega__media img{ bottom:auto; height:calc(100% - 6px); }
.as-hdr .as-mega__waves{ bottom:0; height:50px; }
.as-hdr .as-mega .as-mega__media{ background:var(--as-intro-bg) !important; }

/* fix 4 (user): remove the wave shape under the panel photo completely — it caused the flickering line */
.as-hdr .as-mega .as-mega__media img{ inset:0; height:100%; }

/* v5 (user): round arrow on the photo removed; wave kept but light, and it now overlaps 4px into the title area (media not clipping it) so no seam line can appear */
.as-hdr .as-mega .as-mega__go{ display:none !important; }
.as-hdr .as-mega .as-mega__media{ overflow:visible; }
.as-hdr .as-mega .as-mega__media img{ inset:0; height:100%; }
.as-hdr .as-mega .as-mega__waves{ display:block; bottom:-4px; height:46px; z-index:1; }
.as-hdr .as-mega__waves .as-w1{ fill:color-mix(in srgb, var(--e-global-color-surface) 55%, transparent); }
.as-hdr .as-mega__waves .as-w2{ fill:var(--as-intro-bg); }
.as-hdr .as-mega a.as-mega__title:hover span, .as-hdr .as-mega a.as-mega__title:focus-visible span{ text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:2px; }