/* Åstveit Lenkeoversikt — only var(--e-global-…) for colors/fonts. */
.as-lgrid{ position:relative; overflow:hidden; isolation:isolate; background-color:var(--e-global-color-surfacealt); padding-block:clamp(40px, 5vw, 72px) calc(var(--as-section-y) + var(--as-ftr-ridge)); }
.as-lgrid.no-foot{ padding-bottom:var(--as-section-y); }
.as-lgrid .as-lgrid__inner{ max-width:calc(1500px + 2 * var(--as-side)); margin-inline:auto; }
.as-lgrid .as-lgrid__waves{ position:absolute; z-index:0; right:0; top:40px; width:min(46vw, 640px); height:300px; pointer-events:none; }
.as-lgrid .as-lgrid__waves path{ fill:none; stroke:var(--e-global-color-border); stroke-width:2; stroke-linecap:round; }
.as-lgrid .as-lgrid__waves path + path{ opacity:.7; } .as-lgrid .as-lgrid__waves path + path + path{ opacity:.45; }
.as-lgrid .as-lgrid__blob{ position:absolute; z-index:0; width:720px; height:720px; right:-240px; top:-300px; border-radius:50%; background:radial-gradient(closest-side, var(--e-global-color-accent), transparent); pointer-events:none; }

.as-lgrid .as-lgrid__crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; list-style:none; margin:0 0 clamp(28px, 3vw, 44px); padding:0; font-size:1rem; font-weight:600; }
.as-lgrid .as-lgrid__crumbs li{ display:flex; align-items:center; gap:10px; color:var(--e-global-color-text); }
.as-lgrid .as-lgrid__crumbs li + li::before{ content:""; width:7px; height:7px; border-right:2px solid var(--e-global-color-primary); border-top:2px solid var(--e-global-color-primary); transform:rotate(45deg); }
.as-lgrid .as-lgrid__crumbs a{ color:var(--e-global-color-text); text-decoration:none; }
.as-lgrid .as-lgrid__crumbs a:hover{ text-decoration:underline; }

.as-lgrid .as-lgrid__head{ margin-bottom:clamp(36px, 4vw, 60px); }
.as-section.as-lgrid .as-lgrid__title{ margin:0; font-size:clamp(2.2rem, 1.4rem + 2.6vw, 3.8rem); color:var(--e-global-color-text); }
.as-lgrid .as-lgrid__line{ display:block; width:96px; height:3px; margin:24px 0 0; border-radius:3px; background:linear-gradient(90deg, var(--e-global-color-primary), var(--e-global-color-accent)); }
.as-section.as-lgrid .as-lgrid__text{ margin:24px 0 0; max-width:60ch; font-size:clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height:1.7; color:var(--e-global-color-text); }

.as-lgrid .as-lgrid__list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap:clamp(16px, 1.8vw, 26px); }
.as-lgrid .as-lgrid__item{ margin:0; padding:0; }
.as-lgrid .as-lgrid__item::before{ display:none !important; }
.as-section.as-lgrid .as-lgrid__tile{
  position:relative; overflow:hidden; isolation:isolate; height:100%; min-height:190px;
  display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr auto; gap:18px 20px; align-items:start;
  padding:clamp(24px, 2.4vw, 34px); border-radius:var(--as-radius-lg);
  background:var(--e-global-color-surface); border:1px solid var(--e-global-color-border);
  color:var(--e-global-color-text); text-decoration:none; box-shadow:0 18px 40px -34px color-mix(in srgb, var(--e-global-color-dark) 60%, transparent);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s;
}
.as-lgrid .as-lgrid__tile::before{ content:""; position:absolute; z-index:-1; width:260px; height:260px; right:-110px; bottom:-130px; border-radius:50%; background:radial-gradient(closest-side, var(--e-global-color-accent), transparent); transition:transform .5s ease; }
.as-lgrid .as-lgrid__tile::after{ content:""; position:absolute; z-index:-1; width:150px; height:150px; right:-50px; bottom:-60px; border-radius:50%; border:1.5px solid var(--e-global-color-border); }
.as-lgrid .as-lgrid__num{ position:absolute; top:18px; right:24px; font-family:var(--e-global-typography-h1-font-family); font-size:2.6rem; font-weight:800; line-height:1; color:var(--e-global-color-accent); letter-spacing:-.02em; transition:color .35s; }
.as-lgrid .as-lgrid__ico{ grid-row:1 / span 2; display:grid; place-items:center; width:72px; height:72px; border-radius:46% 54% 50% 50% / 55% 45% 55% 45%; background:linear-gradient(140deg, var(--e-global-color-primary), var(--e-global-color-secondary)); color:var(--e-global-color-surface); box-shadow:0 16px 28px -16px var(--e-global-color-primary); transition:transform .4s cubic-bezier(.2,.7,.2,1); }
.as-lgrid .as-lgrid__ico svg{ width:36px; height:36px; }
.as-lgrid .as-lgrid__name{ align-self:center; padding-right:48px; font-family:var(--e-global-typography-h4-font-family); font-size:clamp(1.15rem, 1.05rem + .35vw, 1.35rem); font-weight:700; line-height:1.3; color:var(--e-global-color-text); }
.as-lgrid .as-lgrid__go{ grid-column:2; justify-self:start; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; border:1.5px solid var(--e-global-color-border); color:var(--e-global-color-primary); background:var(--e-global-color-surface); transition:background .3s, color .3s, border-color .3s, transform .3s; }
.as-lgrid .as-lgrid__go svg{ width:20px; height:20px; }
.as-section.as-lgrid .as-lgrid__tile:hover, .as-section.as-lgrid .as-lgrid__tile:focus-visible{ transform:translateY(-6px); border-color:color-mix(in srgb, var(--e-global-color-primary) 40%, var(--e-global-color-border)); box-shadow:0 34px 70px -36px color-mix(in srgb, var(--e-global-color-dark) 55%, transparent); color:var(--e-global-color-text); }
.as-lgrid .as-lgrid__tile:hover::before{ transform:scale(1.25); }
.as-lgrid .as-lgrid__tile:hover .as-lgrid__ico{ transform:rotate(-6deg) scale(1.06); }
.as-lgrid .as-lgrid__tile:hover .as-lgrid__num{ color:color-mix(in srgb, var(--e-global-color-primary) 30%, var(--e-global-color-accent)); }
.as-lgrid .as-lgrid__tile:hover .as-lgrid__go{ background:var(--e-global-color-primary); border-color:var(--e-global-color-primary); color:var(--e-global-color-surface); transform:translateX(4px); }

@media (prefers-reduced-motion: no-preference){
  .as-lgrid .as-lgrid__item{ animation:asLgIn .6s cubic-bezier(.2,.7,.2,1) both; animation-delay:calc(var(--i) * 60ms); }
  @keyframes asLgIn{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
}
@media (prefers-reduced-motion: reduce){ .as-lgrid .as-lgrid__tile, .as-lgrid .as-lgrid__ico, .as-lgrid .as-lgrid__go, .as-lgrid .as-lgrid__tile::before{ transition:none; } .as-lgrid .as-lgrid__tile:hover{ transform:none; } }
@media (max-width:640px){ .as-section.as-lgrid .as-lgrid__tile{ min-height:0; padding:22px; gap:14px 16px; } .as-lgrid .as-lgrid__ico{ width:60px; height:60px; } .as-lgrid .as-lgrid__ico svg{ width:30px; height:30px; } .as-lgrid .as-lgrid__num{ font-size:2rem; } }
/* v2 (user feedback): no numbers, no ring, no border, text top-aligned, max 2-line titles, arrow bottom right */
.as-section.as-lgrid .as-lgrid__tile{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; min-height:250px; padding:clamp(28px, 2.6vw, 38px) clamp(26px, 2.4vw, 36px) 92px; border:0; box-shadow:0 22px 48px -32px color-mix(in srgb, var(--e-global-color-dark) 45%, transparent); }
.as-lgrid .as-lgrid__tile::after{ display:none; }
.as-lgrid .as-lgrid__num{ display:none; }
.as-lgrid .as-lgrid__ico{ margin-bottom:26px; }
.as-lgrid .as-lgrid__name{ align-self:stretch; padding-right:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-wrap:balance; }
.as-lgrid .as-lgrid__go{ position:absolute; right:clamp(22px, 2vw, 30px); bottom:clamp(22px, 2vw, 30px); width:48px; height:48px; border:0; background:var(--e-global-color-accent); }
.as-section.as-lgrid .as-lgrid__tile:hover, .as-section.as-lgrid .as-lgrid__tile:focus-visible{ border-color:transparent; }
.as-lgrid .as-lgrid__tile:hover .as-lgrid__go{ transform:translate(3px, -3px); }
@media (max-width:640px){ .as-section.as-lgrid .as-lgrid__tile{ min-height:0; padding:24px 22px 84px; } .as-lgrid .as-lgrid__ico{ margin-bottom:20px; } }