/* Åstveit Tverrfaglig team — only var(--e-global-…) for colors/fonts. */
.as-team{
  --as-wave-top:var(--e-global-color-surfacealt); --as-wave-bottom:var(--e-global-color-surface); --as-team-accent:var(--e-global-color-primary);
  position:relative; background:var(--e-global-color-grey); padding-block:calc(var(--as-section-y) + 40px) calc(var(--as-section-y) + 60px); overflow:hidden;
}
.as-team .as-ridges--top{ top:-1px; transform:scaleY(-1); }
.as-team .as-ridges--bottom{ bottom:-1px; }
.as-team .r-a,.as-team .r-b{ fill:var(--as-wave-top); }
.as-team .r-c,.as-team .r-d{ fill:var(--as-wave-bottom); }
.as-team .r-a,.as-team .r-c{ fill-opacity:.55; }
.as-team .as-mist--light{ width:900px; height:900px; left:-300px; top:5%; }

.as-team .as-team__head{ display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:clamp(32px, 6vw, 100px); align-items:end; margin-bottom:56px; }
.as-team .as-team__text{ color:var(--e-global-color-text); }

/* Professions in columns with thin dividers */
.as-team .as-roles{ display:flex; justify-content:flex-start; margin:0 0 22px; }
.as-team .as-roles__col{ position:relative; list-style:none; margin:0; padding:0 48px; }
.as-team .as-roles__col:first-child{ padding-left:0; }
.as-team .as-roles__col:last-child{ padding-right:0; }
.as-team .as-roles__col:not(:last-child)::after{ content:""; position:absolute; right:0; top:21px; bottom:21px; width:1px; background:color-mix(in srgb, var(--as-team-accent) 28%, transparent); }
.as-team .as-roles li{ display:flex; align-items:center; gap:14px; padding:10px 0; margin:0; color:var(--e-global-color-text); line-height:1.3; }
.as-team .as-roles__check{ flex:none; width:28px; height:28px; padding:6px; border-radius:50%; background:var(--as-team-accent); color:var(--e-global-color-surface); }

/* Slider */
.as-team .as-slider{ position:relative; z-index:1; }
.as-team .as-slider__track{
  --per-view:2.5; --gap:clamp(14px, 1.6vw, 24px); --pad:max(var(--as-side, 24px), calc((100% - 1800px) / 2));
  display:flex; gap:var(--gap); overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:var(--pad);
  padding-inline:var(--pad); padding-block:10px 24px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; outline-offset:-3px;
}
.as-team .as-slider__track::-webkit-scrollbar{ display:none; }
/* Clear images (no fade/scale on the side images): 2.5 visible desktop, 1.6 tablet, 1.15 mobile - the last one cut by the screen edge (no right padding counted) */
.as-team .as-slide{
  flex:0 0 calc((100% + var(--pad) - (var(--per-view) - .5) * var(--gap)) / var(--per-view)); scroll-snap-align:start; margin:0; aspect-ratio:4/3; cursor:pointer;
  border-radius:var(--as-radius-lg); overflow:hidden; background:var(--e-global-color-border);
  box-shadow:0 24px 50px -30px color-mix(in srgb, var(--e-global-color-dark) 45%, transparent);
}
.as-team .as-slide.is-active{ cursor:default; }
.as-team .as-slide img{ width:100%; height:100%; max-width:none; object-fit:cover; transition:transform .6s ease; }
.as-team .as-slide:hover img{ transform:scale(1.03); }
.as-team .as-slider__controls{ display:flex; align-items:center; justify-content:center; gap:22px; margin-top:28px; }
.as-team .as-slider__btn,.as-team .as-slider__btn:focus{ width:64px; height:64px; padding:0; margin:0; border-radius:50%; border:2px solid var(--as-team-accent); background:var(--e-global-color-surface); color:var(--as-team-accent); display:grid; place-items:center; cursor:pointer; transition:background-color .2s, color .2s; }
.as-team .as-slider__btn:hover{ background:var(--as-team-accent); color:var(--e-global-color-surface); border-color:var(--as-team-accent); }
.as-team .as-slider__btn svg{ width:22px; height:22px; }
.as-team .as-slider__status{ min-width:180px; text-align:center; }
.as-team .as-slider__count{ font-weight:800; color:var(--e-global-color-text); font-size:1.125rem; }
.as-team .as-slider__bar{ height:5px; border-radius:5px; background:var(--e-global-color-border); margin-top:10px; overflow:hidden; }
.as-team .as-slider__bar span{ display:block; height:100%; background:var(--as-team-accent); border-radius:inherit; transition:width .4s ease; }

/* Not enough room for the column layout: two even columns, read top-down */
@media (max-width:1700px){
  .as-team .as-roles{ display:grid; grid-auto-flow:column; grid-template-rows:repeat(var(--as-rows, 4), auto); grid-auto-columns:max-content; column-gap:40px; }
  .as-team .as-roles__col{ display:contents; }
  .as-team .as-roles__col::after{ display:none; }
}
@media (max-width:960px){ .as-team .as-team__head{ grid-template-columns:1fr; } .as-team .as-slider__track{ --per-view:1.6; } }
@media (max-width:640px){
  .as-team .as-roles{ display:flex; flex-direction:column; }
  .as-team .as-roles__col{ padding:0; }
  .as-team .as-roles__col::after{ display:none; }
  .as-team .as-slider__track{ --per-view:1.15; }
}

/* Lightbox link on each slide */
.as-team .as-slide__link{ display:block; width:100%; height:100%; }
.as-team .as-slide.is-active .as-slide__link{ cursor:zoom-in; }
.as-team .as-slide__link:focus-visible{ outline:3px solid var(--as-team-accent); outline-offset:-3px; }