/* Åstveit Tekstbanner — only var(--e-global-…) for colors/fonts. */
.as-thero{
  --as-from:var(--e-global-color-dark); --as-mid:var(--e-global-color-secondary);
  position:relative; overflow:hidden; isolation:isolate; color:var(--e-global-color-surface);
  background:linear-gradient(120deg, var(--as-from) 0%, var(--as-mid) 55%, color-mix(in srgb, var(--e-global-color-primary) 70%, var(--as-from)) 100%);
  padding-block:clamp(56px, 6vw, 90px) clamp(100px, 9vw, 140px);
}
.as-thero::before{ content:""; position:absolute; z-index:-1; width:1000px; height:1000px; right:-280px; top:-460px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--e-global-color-primary) 75%, var(--e-global-color-surface)), transparent); opacity:.38; }
.as-thero::after{ content:""; position:absolute; z-index:-1; width:700px; height:700px; left:-260px; bottom:-480px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--e-global-color-primary) 45%, var(--e-global-color-surface)), transparent); opacity:.22; }
.as-thero .as-thero__inner{ position:relative; z-index:2; max-width:calc(1500px + 2 * var(--as-side)); margin-inline:auto; }
.as-section.as-thero .as-thero__title{ font-size:clamp(2.2rem, 1.4rem + 2.8vw, 3.9rem); letter-spacing:.01em; color:var(--e-global-color-surface); margin:0; max-width:16ch; }
.as-thero .as-thero__line{ display:block; width:96px; height:3px; margin:28px 0 30px; border-radius:3px; background:linear-gradient(90deg, color-mix(in srgb, var(--e-global-color-primary) 45%, var(--e-global-color-surface)), var(--e-global-color-accent)); }
.as-section.as-thero .as-thero__text{ max-width:60ch; margin:0 0 1em; font-size:clamp(1.12rem, 1rem + .35vw, 1.3rem); line-height:1.75; color:var(--e-global-color-surface); }
.as-section.as-thero .as-thero__note{ display:inline-block; max-width:62ch; margin:6px 0 0; padding:16px 22px; border-radius:18px; background:color-mix(in srgb, var(--e-global-color-surface) 10%, transparent); border:1px solid color-mix(in srgb, var(--e-global-color-surface) 28%, transparent); font-size:1.0625rem; color:var(--e-global-color-surface); }

.as-thero .as-thero__shape{ position:absolute; inset:auto 0 0 0; width:100%; height:78%; z-index:0; pointer-events:none; transform:scaleX(-1); }
.as-thero .as-thero__shape .s1{ fill:var(--e-global-color-surface); opacity:.06; }
.as-thero .as-thero__shape .s2{ fill:var(--e-global-color-surface); opacity:.08; }
.as-thero .as-thero__shape .s3{ fill:none; stroke:var(--e-global-color-surface); stroke-width:2; opacity:.25; }
.as-thero .as-thero__glow{ position:absolute; z-index:0; width:760px; height:760px; left:-200px; top:-300px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--e-global-color-surface) 8%, transparent), transparent); pointer-events:none; }
.as-thero .as-thero__leaves{ position:absolute; z-index:1; right:clamp(0px, 6vw, 160px); bottom:-6px; width:clamp(220px, 22vw, 350px); height:auto; pointer-events:none; overflow:visible;
  -webkit-mask-image:linear-gradient(to top, transparent 0%, black 30%, black 85%, transparent 100%); mask-image:linear-gradient(to top, transparent 0%, black 30%, black 85%, transparent 100%); }
.as-thero .as-thero__leaves .stk{ fill:none; stroke:color-mix(in srgb, var(--e-global-color-primary) 45%, var(--e-global-color-surface)); stroke-width:6.5; stroke-linecap:round; stroke-linejoin:round; }
.as-thero .as-thero__leaves .d1{ stroke-dasharray:180 9 260 7 400; }
.as-thero .as-thero__leaves .d2{ stroke-dasharray:240 8 120 10 400; }
.as-thero .as-thero__leaves .in{ fill:none; stroke:var(--e-global-color-accent); stroke-width:4.5; stroke-linecap:round; stroke-dasharray:70 9 200; }
.as-thero .as-thero__leaves .br{ opacity:.5; transform-origin:195px 705px; animation:asThSway 10s ease-in-out infinite alternate; }
@keyframes asThSway{ from{ transform:rotate(-1.4deg); } to{ transform:rotate(1.6deg); } }
@media (prefers-reduced-motion: reduce){ .as-thero .as-thero__leaves .br{ animation:none; } }
@media (max-width:900px){ .as-thero .as-thero__leaves{ opacity:.45; right:-30px; width:200px; } }

/* breadcrumbs (v1.0.8) — same look as the image page banner */
.as-thero .as-thero__crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; list-style:none; margin:0 0 26px; padding:0; font-size:1rem; font-weight:600; }
.as-thero .as-thero__crumbs li{ display:flex; align-items:center; gap:10px; color:var(--e-global-color-accent); }
.as-thero .as-thero__crumbs li + li::before{ content:""; width:7px; height:7px; border-right:2px solid currentColor; border-top:2px solid currentColor; transform:rotate(45deg); opacity:.7; }
.as-thero .as-thero__crumbs a{ color:var(--e-global-color-surface); text-decoration:none; transition:opacity .2s; }
.as-thero .as-thero__crumbs a:hover{ opacity:.8; color:var(--e-global-color-surface); }

/* heading width on big screens (user request) */
@media (min-width:1025px){ .as-section.as-thero .as-thero__title{ max-width:24ch; } }

@media (min-width:1025px){.page-id-209 .as-section.as-thero .as-thero__text{max-width:none}}

/* Thin banner #181, #183, #185, #186, #209 (Kontakt): thinner banner, 2-line title, text vertically centered (user, 27 Oct) */
.page-id-181 .as-thero,.page-id-183 .as-thero,.page-id-185 .as-thero,.page-id-186 .as-thero,.page-id-209 .as-thero{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(28px,3vw,44px);min-height:clamp(200px,calc(16vw + 24px),288px)!important}
.page-id-181 .as-thero .as-thero__inner,.page-id-183 .as-thero .as-thero__inner,.page-id-185 .as-thero .as-thero__inner,.page-id-186 .as-thero .as-thero__inner,.page-id-209 .as-thero .as-thero__inner{width:100%}
.page-id-181 .as-thero .as-thero__crumbs ol,.page-id-183 .as-thero .as-thero__crumbs ol,.page-id-185 .as-thero .as-thero__crumbs ol,.page-id-186 .as-thero .as-thero__crumbs ol,.page-id-209 .as-thero .as-thero__crumbs ol{margin-bottom:14px}
.page-id-181 .as-thero .as-thero__line,.page-id-183 .as-thero .as-thero__line,.page-id-185 .as-thero .as-thero__line,.page-id-186 .as-thero .as-thero__line,.page-id-209 .as-thero .as-thero__line{margin:16px 0 0}
.page-id-181 .as-thero .as-thero__leaves,.page-id-183 .as-thero .as-thero__leaves,.page-id-185 .as-thero .as-thero__leaves,.page-id-186 .as-thero .as-thero__leaves,.page-id-209 .as-thero .as-thero__leaves{width:clamp(136px,12.8vw,208px);right:clamp(0px,6vw,160px)}
.page-id-181 .as-thero .as-thero__shape,.page-id-183 .as-thero .as-thero__shape,.page-id-185 .as-thero .as-thero__shape,.page-id-186 .as-thero .as-thero__shape,.page-id-209 .as-thero .as-thero__shape{height:60%}
@media (max-width:900px){.page-id-181 .as-thero,.page-id-183 .as-thero,.page-id-185 .as-thero,.page-id-186 .as-thero,.page-id-209 .as-thero{min-height:0!important}.page-id-181 .as-thero .as-thero__leaves,.page-id-183 .as-thero .as-thero__leaves,.page-id-185 .as-thero .as-thero__leaves,.page-id-186 .as-thero .as-thero__leaves,.page-id-209 .as-thero .as-thero__leaves{width:120px}}


/* Praktisk informasjon #105, #188, #187, #167: less space in banner (user, 27 Oct) */
.page-id-105 .as-thero,.page-id-188 .as-thero,.page-id-187 .as-thero,.page-id-167 .as-thero{padding-block:clamp(36px,3.6vw,56px) clamp(64px,5.5vw,88px)}
.page-id-105 .as-thero .as-thero__crumbs ol,.page-id-188 .as-thero .as-thero__crumbs ol,.page-id-187 .as-thero .as-thero__crumbs ol,.page-id-167 .as-thero .as-thero__crumbs ol{margin-bottom:18px}
.page-id-105 .as-thero .as-thero__line,.page-id-188 .as-thero .as-thero__line,.page-id-187 .as-thero .as-thero__line,.page-id-167 .as-thero .as-thero__line{margin:18px 0 20px}

/* Slik søker du #143: same slim banner as Kontakt #209 (user, 27 Oct) */
.page-id-143 .as-thero{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(28px,3vw,44px);min-height:clamp(200px,calc(16vw + 24px),288px)!important}
.page-id-143 .as-thero .as-thero__inner{width:100%}
.page-id-143 .as-thero .as-thero__crumbs ol{margin-bottom:14px}
.page-id-143 .as-thero .as-thero__line{margin:16px 0 0}
.page-id-143 .as-thero .as-thero__leaves{width:clamp(136px,12.8vw,208px);right:clamp(0px,6vw,160px)}
.page-id-143 .as-thero .as-thero__shape{height:60%}
@media (max-width:900px){.page-id-143 .as-thero{min-height:0!important}.page-id-143 .as-thero .as-thero__leaves{width:120px}}