/* AI-team: nye guideillustrasjoner, Brand Board-palett og eksisterende skjemaflyt. */
.ai-team-v3 .hero {overflow:hidden;}
.ai-team-v3 .hero__inner {grid-template-columns:1.12fr 1fr;gap:60px;}
.ai-team-v3 .hero-bok {position:relative;width:min(480px,100%);padding:20px 15px 35px;isolation:isolate;}
.ai-team-v3 .bok-mockup {filter:drop-shadow(12px 18px 0 rgba(46,50,48,.08));transform:rotate(2deg);}
.ai-team-v3 .hero-bok .bok-venn {position:absolute;width:135px;height:135px;object-fit:contain;left:-40px;bottom:38px;transform:rotate(-10deg);}
.ai-team-v3 .hero-bok figcaption {position:relative;margin:14px auto 0;text-align:center;font-size:13px;font-weight:700;color:var(--olive);}
.ai-team-v3 .kort {position:relative;transition:transform .2s ease;}
.ai-team-v3 .kort:nth-child(1) {transform:none;}
.ai-team-v3 .kort:nth-child(3) {transform:none;}
.ai-team-v3 .kort__topp {display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);margin-bottom:22px;min-height:100px;}
.ai-team-v3 .kort__nr {border:0;padding:0;margin:0;font-size:45px;}
.ai-team-v3 .kort__topp img {width:112px;height:112px;object-fit:contain;margin-top:-28px;transform:rotate(5deg);}
.ai-team-v3 .snor ol {gap:24px;}
.ai-team-v3 .ansatt__papir {clip-path:none!important;border:1px solid var(--ink);background-color:var(--cream-hi);padding:18px 12px 48px!important;overflow:visible;}
.ai-team-v3 .ansatt:nth-child(even) .ansatt__papir {background-color:var(--sand);}
.ai-team-v3 .snor--3 .ansatt:nth-child(2) .ansatt__papir {background-color:var(--sage);}
.ai-team-v3 .ansatt .teamfigur {width:155px;height:155px;object-fit:contain;margin:0 auto;transition:transform .2s ease;}
.ai-team-v3 .ansatt__ramme {filter:drop-shadow(4px 5px 0 rgba(46,50,48,.16));}
.ai-team-v3 .ansatt .navnelapp {max-width:100%;font-size:15px;white-space:nowrap;}
.ai-team-v3 .slutt-team {width:min(420px,85%);max-height:265px;object-fit:contain;margin:0 auto -12px;position:relative;z-index:1;}
.ai-team-v3 .slutt__inner {display:block;}
.ai-team-v3 .slutt .paameld {position:relative;}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .ai-team-v3 .ansatt:hover .teamfigur {transform:translateY(-5px) rotate(-3deg);}
 .ai-team-v3 .kort:hover {transform:none;}
}
@media(max-width:1040px) and (min-width:641px) {
 .ai-team-v3 .hero__inner {grid-template-columns:1.1fr .9fr;gap:28px;}
 .ai-team-v3 .hero h1 {font-size:clamp(36px,5vw,54px);}
 .ai-team-v3 .hero-bok .bok-venn {width:95px;height:95px;left:-15px;}
 .ai-team-v3 .ansatt .teamfigur {width:130px;height:130px;}
}
@media(max-width:760px) {
 .ai-team-v3 .ansatt .teamfigur {width:145px;height:145px;}
 .ai-team-v3 .ansatt .navnelapp {font-size:13px;}
 .ai-team-v3 .kort__topp {min-height:70px;}
 .ai-team-v3 .kort__topp img {width:95px;height:95px;margin-top:-18px;}
}
@media(max-width:640px) {
 .ai-team-v3 .hero__inner {grid-template-columns:1fr 34%;gap:0 12px;}
 .ai-team-v3 .hero-bok {padding:0;margin-top:20px;}
  .ai-team-v3 .hero-bok .bok-venn,.ai-team-v3 .hero-bok figcaption {display:none;}
 .ai-team-v3 .ansatt__papir {padding:12px 5px 42px!important;}
 .ai-team-v3 .ansatt .teamfigur {width:min(135px,100%);height:135px;}
 .ai-team-v3 .ansatt .navnelapp {font-size:11px;padding:.4em .6em;}
 .ai-team-v3 .snor ol {gap:18px 16px;}
 .ai-team-v3 .slutt-team {max-height:200px;margin-bottom:0;}
}

/* Figurkortene henger rent på snoren, uten dekorative knappenåler. */
.ai-team-v3 .ansatt .naal {display:none;}

/* Portrettvegg: rammer og passepartout, inspirert av en ansattvegg. */
.ai-team-v3 .portrettvegg {list-style:none;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:42px 28px;margin:58px 0 0;padding:0;}
.ai-team-v3 .portrettkort {grid-column:span 6;min-width:0;text-align:center;}
.ai-team-v3 .portrettkort:nth-child(5) {grid-column:4 / span 6;}
.ai-team-v3 .portrettkort:nth-child(6) {grid-column:10 / span 6;}
.ai-team-v3 .portrettkort:nth-child(7) {grid-column:16 / span 6;}
.ai-team-v3 .portrettramme {border:9px solid var(--ink);padding:3px;background:var(--sand);box-shadow:5px 7px 0 rgba(46,50,48,.16);transform:rotate(var(--portrett-vri));transition:transform .2s ease;}
.ai-team-v3 .portrettkort:nth-child(3n+2) .portrettramme {border-color:var(--olive);}
.ai-team-v3 .portrett-passepartout {background:var(--cream-hi);padding:15px;}
.ai-team-v3 .portrett-vindu {position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--sage);border:1px solid rgba(46,50,48,.3);}
.ai-team-v3 .portrettkort:nth-child(even) .portrett-vindu {background:var(--sand);}
.ai-team-v3 .portrett-vindu img {position:absolute;width:130%;height:130%;max-width:none;object-fit:contain;left:-15%;top:4%;}
.ai-team-v3 .portrettkort figcaption {margin:23px -6px 0;}
.ai-team-v3 .portrettkort h3 {font-size:clamp(15px,1.4vw,19px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:normal;}
.ai-team-v3 .portrettkort figcaption p {font-size:14px;line-height:1.45;margin:8px auto 0;max-width:24ch;color:var(--olive);}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ai-team-v3 .portrettkort:hover .portrettramme {transform:rotate(0) translateY(-3px);}}
@media(max-width:760px){
 .ai-team-v3 .portrettvegg {grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px;margin-top:38px;}
 .ai-team-v3 .portrettkort,.ai-team-v3 .portrettkort:nth-child(5),.ai-team-v3 .portrettkort:nth-child(6){grid-column:auto;}
 .ai-team-v3 .portrettkort:nth-child(7){grid-column:1/-1;width:calc(50% - 11px);justify-self:center;}
 .ai-team-v3 .portrettramme {border-width:7px;padding:2px;box-shadow:4px 5px 0 rgba(46,50,48,.16);}
 .ai-team-v3 .portrett-passepartout {padding:10px;}
 .ai-team-v3 .portrettkort figcaption {margin:18px -5px 0;}
 .ai-team-v3 .portrettkort h3 {font-size:15px;}
 .ai-team-v3 .portrettkort figcaption p {font-size:12px;}
}

/* Mobil: avlangt lagbilde fremfor bok i den smale overskriftskolonnen. */
.ai-team-v3 .hero-team-mobil {display:none;}
@media(max-width:640px){
 .ai-team-v3 .hero__inner {grid-template-columns:minmax(0,1fr);grid-template-areas:"lapp" "lag" "tittel" "under" "lead" "cta";gap:0;}
 .ai-team-v3 .hero-team-mobil {display:block;grid-area:lag;width:100%;height:auto;margin:0 0 14px;}
 .ai-team-v3 .hero-bok {display:none;}
 .ai-team-v3 .hero__lapp {margin-bottom:4px;}
 .ai-team-v3 .hero h1 {font-size:32px;line-height:1.04;margin-bottom:16px;}
}

/* Delingscoveret fyller mobilbredden, med originalproporsjoner. */
@media(max-width:640px){
 .ai-team-v3 .hero-team-mobil {width:calc(100% + 32px);max-width:none;height:auto;margin:0 -16px 22px;}
 .ai-team-v3 .hero__lapp {display:none;}
 .ai-team-v3 .hero {padding-top:0;}
}

/* Mobilrekkefølge: lagbilde, Gratis guide, overskrift. */
@media(max-width:640px){
 .ai-team-v3 .hero__inner {grid-template-areas:"lag" "lapp" "tittel" "under" "lead" "cta";}
 .ai-team-v3 .hero__lapp {display:inline-block;margin:0 0 16px;}
}

/* Mobil starter direkte med lagbildet, uten avsenderfelt øverst. */
@media(max-width:640px){
 .ai-team-v3 > header.topp {display:none;}
}

/* Figurene holder nummeret og står til venstre i fordelskortene. */
.ai-team-v3 .kort__topp {justify-content:flex-start;min-height:150px;}
.ai-team-v3 .kort__topp img {width:145px;height:155px;margin:-18px 0 0 -12px;object-fit:contain;transform:none;}
@media(max-width:760px){
 .ai-team-v3 .kort__topp {min-height:135px;}
 .ai-team-v3 .kort__topp img {width:130px;height:140px;margin:-12px 0 0 -10px;}
}

/* Større vert som presenterer boken, omtrent halv bokhøyde. */
.ai-team-v3 .hero-bok .bok-venn {width:58%;height:auto;aspect-ratio:1;left:-17%;bottom:8px;transform:none;z-index:2;}
@media(max-width:1040px) and (min-width:641px){
 .ai-team-v3 .hero-bok .bok-venn {width:58%;height:auto;left:-10%;bottom:8px;}
}

/* Hele figuren, inkludert hender, rekvisitter og føtter, innenfor rammen. */
.ai-team-v3 .portrett-vindu img {width:100%;height:100%;left:0;top:0;padding:5px;object-fit:contain;}
/* Heroen har like ytre marger og ett tydelig bokmotiv. */
@media(min-width:641px){
 .ai-team-v3 .hero .container {width:min(1200px,calc(100% - 80px));}
 .ai-team-v3 .hero__inner {grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);}
 .ai-team-v3 .hero-bok {width:min(480px,100%);padding:0 16px 24px;margin-inline:auto;}
}
/* Bare desktop: tallfigurene står ved siden av teksten. */
@media(min-width:1041px){
 .ai-team-v3 .rad-3 > .kort {display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:18px;align-content:start;padding:28px 22px;}
 .ai-team-v3 .rad-3 .kort__topp {grid-column:1;grid-row:1 / span 2;min-height:0;border:0;margin:0;align-self:start;}
 .ai-team-v3 .rad-3 .kort__topp img {width:90px;height:125px;max-width:none;margin:-8px 0 0 -5px;}
 .ai-team-v3 .rad-3 .kort h3 {grid-column:2;margin-bottom:12px;}
 .ai-team-v3 .rad-3 .kort p {grid-column:2;}
}
/* Større tallfigurer på desktop, med romslig avstand til teksten. */
@media(min-width:1041px){
 .ai-team-v3 .rad-3 > .kort {grid-template-columns:100px minmax(0,1fr);column-gap:14px;}
 .ai-team-v3 .rad-3 .kort__topp {align-self:center;}
 .ai-team-v3 .rad-3 .kort__topp img {width:170px;height:220px;margin:0 0 0 -35px;}
}

/* På desktop står tallfigurene sentrert over kortets venstre kant. */
@media(min-width:1041px){
 .ai-team-v3 .rad-3 {gap:60px;}
 .ai-team-v3 .rad-3 > .kort {position:relative;overflow:visible;grid-template-columns:70px minmax(0,1fr);}
 .ai-team-v3 .rad-3 .kort__topp {position:absolute;left:-108px;top:50%;width:170px;height:220px;transform:translateY(-50%);}
 .ai-team-v3 .rad-3 .kort__topp img {display:block;width:170px;height:220px;margin:0;}
}

/* Store figurer med felles fotlinje og kortere avstand til teksten. */
@media(min-width:1041px){
 .ai-team-v3 .rad-3 {gap:72px;}
 .ai-team-v3 .rad-3 > .kort {display:block;padding:28px 22px 34px 80px;min-height:300px;}
 .ai-team-v3 .rad-3 .kort__topp {left:-120px;top:auto;bottom:32px;width:240px;height:240px;transform:none;}
 .ai-team-v3 .rad-3 .kort__topp img {width:240px;height:240px;object-fit:contain;margin:0;}
 .ai-team-v3 .rad-3 .kort:nth-child(3) .kort__topp {bottom:33px;}
}

/* Individuelle arbeidsbevegelser fra animert bildesekvens. */
.ai-team-v3 .team-arbeid {position:relative;width:min(480px,90%);margin:0 auto 12px;}
.ai-team-v3 .team-arbeid .slutt-team {display:block;width:100%;height:auto;max-height:none;margin:0;animation:none;}
.ai-team-v3 .team-pause {display:block;margin:3px auto 12px;padding:5px 10px;background:transparent;color:#efe6d4;border:1px solid #efe6d460;border-radius:4px;font:inherit;font-size:12px;cursor:pointer;}
.ai-team-v3 .team-pause[hidden] {display:none;}
.ai-team-v3 .team-pause:focus-visible {outline:2px solid #eed9ae;outline-offset:4px;}

/* Kompakt pause-/spillsymbol med tilgjengelig navn. */
.ai-team-v3 .team-pause {width:36px;height:36px;padding:0;border-radius:50%;line-height:1;}
.ai-team-v3 .team-pause span {font-size:16px;letter-spacing:1px;}

/* Pauseknappen ligger over animasjonen i nederste høyre hjørne. */
.ai-team-v3 .team-pause {position:absolute;right:8px;bottom:8px;margin:0;z-index:2;background:#2e3230e6;}

/* Mobilhero: større lagbilde og en tettere samlet introduksjon. */
@media(max-width:640px){
 .ai-team-v3 .hero {padding:0 0 28px;}
 .ai-team-v3 .hero-team-mobil {height:clamp(160px,46vw,240px);object-fit:cover;object-position:center;margin-bottom:18px;}
 .ai-team-v3 .hero__lapp {margin-bottom:14px;}
 .ai-team-v3 .hero h1 {font-size:clamp(28px,7.5vw,34px);line-height:1.06;margin-bottom:16px;}
 .ai-team-v3 .hero__undertittel {font-size:16px;line-height:1.4;margin-bottom:12px;}
 .ai-team-v3 .hero .lead {font-size:15.5px;line-height:1.45;margin-bottom:18px;}
 .ai-team-v3 .hero__handling .knapp {min-height:50px;padding-block:15px;}
}

/* Alle handlingsknapper midtstilles på mobil. */
@media(max-width:640px){
 .ai-team-v3 .knapp {display:flex;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin-inline:auto;text-align:center;}
 .ai-team-v3 .hero__handling,.ai-team-v3 .seksjon__cta {text-align:center;}
 .ai-team-v3 .hero__handling .knapp,.ai-team-v3 .vskjema .knapp {width:100%;}
}

/* Balansert tekstfelt ved siden av tallfigurene. */
@media(min-width:1041px){
 .ai-team-v3 .rad-3 > .kort {display:grid;grid-template-columns:minmax(0,1fr);align-content:center;min-height:280px;padding:30px 24px 30px 74px;}
 .ai-team-v3 .rad-3 .kort h3,.ai-team-v3 .rad-3 .kort p {grid-column:1;}
 .ai-team-v3 .rad-3 .kort h3 {text-wrap:balance;margin-bottom:14px;}
 .ai-team-v3 .rad-3 .kort p {line-height:1.5;text-wrap:pretty;}
 .ai-team-v3 .rad-3 .kort__topp {bottom:22px;}
 .ai-team-v3 .rad-3 .kort:nth-child(3) .kort__topp {bottom:23px;}
}
@media(min-width:1041px){
 .ai-team-v3 .rad-3 .kort__topp {grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;}
}

/* Tettere avslutning: mindre mørk luft rundt teamet og skjemaet. */
.ai-team-v3 .slutt {padding-top:24px;padding-bottom:48px;}
.ai-team-v3 .team-arbeid {margin-bottom:-24px;}
@media(max-width:640px){
 .ai-team-v3 .slutt {padding-top:16px;padding-bottom:32px;}
 .ai-team-v3 .team-arbeid {margin-bottom:-16px;}
}
