/* Prana Yoga Studio, demo.
   Bygget på Yoga Økern-demoen: ordmenyen fra yogamaya.com (display ~158px, lh 0,82),
   flate-seksjonen fra casacorpo.com. Fontpar Boska + Satoshi som på Økern.
   Farger målt i Pranas egen logo: skifer #4C6971 og gull #CEAA35. */

@font-face{font-family:'Boska';src:url('../assets/fonts/boska-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Boska';src:url('../assets/fonts/boska-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../assets/fonts/satoshi-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../assets/fonts/satoshi-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Excon';src:url('../assets/fonts/excon-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Melodrama';src:url('../assets/fonts/melodrama-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* Palett 1, Skifer: logoens bakgrunn som flate, gullet som eneste aksent */
  --c-papir:#F5F2EC; --c-papir-2:#EAE5DB; --c-flate:#4C6971; --c-aksent:#CEAA35;
  --c-tekst:#1B2426; --c-dempet:#4E5A5C;
  --c-tekst-flate:#F5F2EC; --c-dempet-flate:#EDF1F0;
  --c-linje:rgba(27,36,38,.2); --c-linje-flate:rgba(245,242,236,.34);
  --c-knapp:#1B2426; --c-knapp-tekst:#F5F2EC; --c-fokus:#1B2426; --c-fokus-flate:#F5F2EC;
  --c-mork:#141B1D; --c-lys:#F5F2EC; --c-lys-dempet:rgba(245,242,236,.9);
  --c-slor:20,27,29;

  /* Font 1, Boska */
  --f-display:'Boska',Georgia,serif; --f-tekst:'Satoshi',system-ui,-apple-system,sans-serif;
  --d-vekt:300; --d-lh:.95; --d-spor:-.025em; --d-case:none; --d-skala:1;

  --fs-hero:clamp(3.1rem,7.2vw,7.4rem); --fs-h2:clamp(2.6rem,4.6vw,4.5rem);
  --fs-ingress:clamp(1.0625rem,1.25vw,1.25rem); --fs-tekst:1.0625rem; --fs-liten:.875rem;
  --rom:clamp(4.5rem,9vw,8.5rem); --kant:clamp(1.25rem,4.2vw,3.75rem); --maks:1440px;
  --radius:5px; --topp-h:76px; --ease:cubic-bezier(.16,1,.3,1);
  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
}
[data-palett="2"]{ /* Gull: logoens gull som flate, mørk tekst over (7,1:1) */
  --c-papir:#F6F2E8; --c-papir-2:#ECE4D2; --c-flate:#CEAA35; --c-aksent:#4C6971;
  --c-tekst:#1B2426; --c-dempet:#4E5A5C; --c-tekst-flate:#1B2426; --c-dempet-flate:#2B2718;
  --c-linje:rgba(27,36,38,.2); --c-linje-flate:rgba(27,36,38,.34);
  --c-knapp:#1B2426; --c-knapp-tekst:#F6F2E8; --c-fokus:#1B2426; --c-fokus-flate:#1B2426;
}
[data-palett="3"]{ /* Kveld: den svarte veggen i studioet med gull-logoen */
  --c-papir:#141B1D; --c-papir-2:#1C2528; --c-flate:#2F474E; --c-aksent:#CEAA35;
  --c-tekst:#ECE6DA; --c-dempet:#A9B3B2; --c-tekst-flate:#F5F2EC; --c-dempet-flate:#E4EAE9;
  --c-linje:rgba(236,230,218,.2); --c-linje-flate:rgba(245,242,236,.3);
  --c-knapp:#ECE6DA; --c-knapp-tekst:#141B1D; --c-fokus:#ECE6DA; --c-fokus-flate:#F5F2EC;
}
[data-font="2"]{--f-display:'Excon',system-ui,sans-serif;--d-vekt:300;--d-lh:1.02;--d-spor:-.01em;--d-case:uppercase;--d-skala:.7}
[data-font="3"]{--f-display:'Melodrama',Georgia,serif;--d-vekt:400;--d-lh:.86;--d-spor:0em;--d-case:uppercase;--d-skala:1.16}

/* Grunn */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--topp-h)}
body{margin:0;background:var(--c-papir);color:var(--c-tekst);font:400 var(--fs-tekst)/1.55 var(--f-tekst);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul[role="list"],ol[role="list"]{list-style:none;padding:0}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hopp{position:absolute;left:var(--kant);top:-120px;z-index:var(--z-varsel);background:var(--c-knapp);color:var(--c-knapp-tekst);padding:.8rem 1rem;border-radius:var(--radius)}
.hopp:focus{top:.75rem}
.ramme{width:100%;max-width:var(--maks);margin-inline:auto;padding-inline:var(--kant)}
.h2{font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(var(--fs-h2)*var(--d-skala));line-height:var(--d-lh);letter-spacing:var(--d-spor);text-transform:var(--d-case)}
.ingress{font-size:var(--fs-ingress);line-height:1.5;color:var(--c-dempet);max-width:34rem}
.lenke{display:inline-flex;align-items:center;min-height:44px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}
.lenke:hover{text-decoration-thickness:2px}

/* Knapper */
.knapp{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.8rem 1.5rem;border:1.5px solid var(--c-knapp);border-radius:var(--radius);background:var(--c-knapp);color:var(--c-knapp-tekst);font:500 .9375rem/1 var(--f-tekst);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .3s var(--ease)}
.knapp:hover{transform:translateY(-1px)}
.knapp--strek{background:transparent;color:inherit;border-color:currentColor}
.knapp--lys{background:var(--c-lys);border-color:var(--c-lys);color:var(--c-mork)}
.knapp--strek-lys{background:transparent;border-color:var(--c-lys-dempet);color:var(--c-lys)}
.knapp--strek-lys:hover{background:rgba(245,242,236,.14)}
.knapp--topp{min-height:44px;padding:.6rem 1.05rem;font-size:.8125rem}
.ikon{width:1.1em;height:1.1em;flex:none}

/* Topp */
.topp{position:sticky;top:0;z-index:var(--z-sticky);background:var(--c-papir);color:var(--c-tekst);border-bottom:1px solid var(--c-linje);transition:background-color .35s,color .35s,border-color .35s}
.js[data-hero="1"] .topp{position:fixed;inset:0 0 auto}
.topp__rad{max-width:var(--maks);height:var(--topp-h);margin-inline:auto;padding-inline:var(--kant);display:flex;align-items:center;gap:2rem}
.topp__logo{display:flex;align-items:center;gap:.75rem;min-height:44px;margin-right:auto;text-decoration:none}
.merke{width:48px;height:48px;border-radius:50%}
.topp__navn{font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(1.5rem*var(--d-skala));line-height:1;letter-spacing:var(--d-spor);text-transform:var(--d-case);white-space:nowrap}
.topp__nav{display:flex;gap:1.75rem}
.topp__nav a,.topp__lenke{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.topp__nav a:hover,.topp__lenke:hover{text-decoration:underline;text-underline-offset:.35em}
.topp__handling{display:flex;align-items:center;gap:1.25rem}
.topp__ring{display:none}
.topp--film{background:transparent;border-color:transparent;color:var(--c-lys);--c-fokus:var(--c-lys)}
.topp--film .knapp--topp{background:var(--c-lys);border-color:var(--c-lys);color:var(--c-mork)}
.meny{display:none}
.meny:not([open]) .meny__panel{display:none}
.meny__knapp{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer}
.meny__knapp::-webkit-details-marker{display:none}
.meny__strek,.meny__strek::before,.meny__strek::after{display:block;width:22px;height:1.5px;background:currentColor;position:relative;transition:transform .3s var(--ease),background-color .2s}
.meny__strek::before,.meny__strek::after{content:"";position:absolute;left:0}
.meny__strek::before{top:-7px}
.meny__strek::after{top:7px}
.meny[open] .meny__strek{background:transparent}
.meny[open] .meny__strek::before{top:0;transform:rotate(45deg)}
.meny[open] .meny__strek::after{top:0;transform:rotate(-45deg)}
.meny__panel{position:fixed;inset:var(--topp-h) 0 auto;display:grid;padding:.5rem var(--kant) 1.5rem;background:var(--c-papir);color:var(--c-tekst);border-bottom:1px solid var(--c-linje)}
.meny__panel a{padding-block:.5rem;border-bottom:1px solid var(--c-linje);font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(2.25rem*var(--d-skala));line-height:1.1;letter-spacing:var(--d-spor);text-transform:var(--d-case);text-decoration:none}

/* Hero, felles. Masken har luft til descendere og kursiv overhang. */
html:not([data-hero="2"]) .hero--ord,[data-hero="2"] .hero--film,html:not(.js) .lab{display:none}
.linje{display:block;overflow:hidden;padding:.12em .16em .14em 0;margin:-.12em -.16em -.14em 0}
.linje__inn{display:block}
.anim-hero .linje__inn{transform:translateY(125%)}
.anim-hero :is(.hero__ingress,.hero__handling,.hero__fot,.hero-ord__bevis,.hero-ord__tittel){opacity:0}

/* Hero 1, filmen */
.hero--film{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:1fr auto;background:var(--c-mork);color:var(--c-lys);overflow:hidden;--c-fokus:var(--c-lys)}
.hero__media{position:absolute;inset:0;z-index:-1}
.hero__video{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero__slor{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--c-slor),.62) 0%,rgba(var(--c-slor),.12) 26%,rgba(var(--c-slor),.28) 50%,rgba(var(--c-slor),.9) 100%),linear-gradient(90deg,rgba(var(--c-slor),.72) 0%,rgba(var(--c-slor),0) 66%)}
.hero__innhold{align-self:end;padding-top:calc(var(--topp-h) + 3rem);padding-bottom:clamp(1.75rem,3.5vw,3rem)}
.hero__tittel{font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(var(--fs-hero)*var(--d-skala));line-height:var(--d-lh);letter-spacing:var(--d-spor);text-transform:var(--d-case)}
.hero__tittel em,.hero-ord__stor em{font-style:italic}
[data-font="2"] :is(.hero__tittel,.hero-ord__stor) em,[data-font="3"] :is(.hero__tittel,.hero-ord__stor) em{font-style:normal}
.hero__ingress{margin-top:1.5rem;max-width:34rem;font-size:var(--fs-ingress);line-height:1.5;color:var(--c-lys-dempet)}
.hero__handling{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}
.hero__fot{display:flex;justify-content:flex-end;align-items:center;gap:2rem;padding-bottom:1rem;border-top:1px solid rgba(245,242,236,.22);font-size:var(--fs-liten);color:var(--c-lys-dempet)}
.hero__sted{padding-block:.75rem}
.hero__pause{flex:none;white-space:nowrap;min-height:44px;padding:0;background:none;border:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.28em;cursor:pointer}

/* Hero 2, ordene er menyen, satt på skiferflaten */
.hero--ord{background:var(--c-flate);color:var(--c-tekst-flate);--c-fokus:var(--c-fokus-flate);--c-linje:var(--c-linje-flate)}
.hero-ord{display:flex;flex-direction:column;padding-block:clamp(2rem,5vw,4rem) clamp(1.5rem,3vw,2.5rem)}
.hero-ord__tittel{display:flex;align-items:center;gap:1rem;font:500 .9375rem/1.4 var(--f-tekst);letter-spacing:.06em;text-transform:uppercase}
.hero-ord__tittel .merke{width:56px;height:56px}
.ordmeny{margin-block:clamp(1.5rem,4vw,3rem)}
.ordmeny a{display:flex;align-items:center;gap:1rem;padding-block:.06em .1em;border-bottom:1px solid var(--c-linje);font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(clamp(3.4rem,9.4vw,9.6rem)*var(--d-skala));line-height:var(--d-lh);letter-spacing:var(--d-spor);text-transform:var(--d-case);text-decoration:none}
.ordmeny a::after{content:"→";margin-left:auto;color:var(--c-aksent);font:400 clamp(1.5rem,2.4vw,2.25rem)/1 var(--f-tekst);transition:transform .35s var(--ease)}
[data-palett="2"] .ordmeny a::after{color:var(--c-tekst-flate)}
.ordmeny a:hover::after{transform:translateX(.35em)}
.hero-ord__bevis{text-align:right;font-size:var(--fs-liten);font-weight:500;letter-spacing:.03em;color:var(--c-dempet-flate)}

/* Seksjoner */
.seksjon{padding-block:var(--rom)}
.seksjon__topp{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:1.5rem 4rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.anim-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.anim-reveal .reveal.is-in{opacity:1;transform:none}

/* Kurs: samme tavle som timeplanen på Økern, med faner for introkurs og videregående */
.kurs__rad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem)}
.kurs__intro .ingress{margin-top:1.5rem}
.kurs__pris{margin-top:1.5rem;display:grid;gap:.25rem;padding-top:1rem;border-top:1px solid var(--c-linje);font-weight:500}
.kurs__pris span{color:var(--c-dempet);font-weight:400}
.faner{display:flex;gap:.5rem;padding-bottom:1rem}
.faner button{flex:none;min-height:44px;padding:.55rem 1rem;border:1px solid var(--c-linje);border-radius:var(--radius);background:transparent;color:inherit;font:500 .875rem/1 var(--f-tekst);white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
.faner button[aria-pressed="true"]{background:var(--c-knapp);border-color:var(--c-knapp);color:var(--c-knapp-tekst)}
html:not(.js) .faner{display:none}
.kursliste__navn{padding-block:1rem .5rem;font-weight:600}
.js .kursliste__navn{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.timer{border-top:1px solid var(--c-linje)}
.time{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding-block:.9rem;border-bottom:1px solid var(--c-linje)}
.time__kl{font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(2rem*var(--d-skala));line-height:1;letter-spacing:var(--d-spor);font-variant-numeric:tabular-nums}
.time__navn{display:block;font-weight:600;line-height:1.3}
.time__meta{display:block;margin-top:.15rem;font-size:var(--fs-liten);color:var(--c-dempet)}
.time__meta:empty{display:none}
.knapp--book{min-height:44px;padding:.55rem 1rem;font-size:.8125rem;background:transparent;color:inherit;border-color:currentColor}
.knapp--book:hover{background:var(--c-knapp);border-color:var(--c-knapp);color:var(--c-knapp-tekst)}
.kurs__status{margin-top:1rem;font-size:var(--fs-liten);color:var(--c-dempet)}

/* Timene. Fotoene tones inn i paletten (regel 12): gråtone + flatefargen med blend color. */
.klasser__liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.klasse__ramme{position:relative;isolation:isolate;overflow:hidden;background:var(--c-flate)}
.klasse__ramme::after{content:"";position:absolute;inset:0;background:var(--c-flate);mix-blend-mode:color;opacity:.45;pointer-events:none}
.klasse__bilde{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.35) contrast(1.02)}
.klasse__navn{margin-top:1.1rem;font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(2.1rem*var(--d-skala));line-height:1;letter-spacing:var(--d-spor);text-transform:var(--d-case)}
.klasse__linje{margin-top:.55rem;font-weight:500;line-height:1.4}
.klasse__timer{margin-top:.5rem;font-size:var(--fs-liten);line-height:1.5;color:var(--c-dempet)}
.klasser__alle{margin-top:2rem}

/* Iyengar, delt 50/50 i foto og flate */
.iyengar{background:var(--c-flate);color:var(--c-tekst-flate);--c-dempet:var(--c-dempet-flate);--c-linje:var(--c-linje-flate);--c-fokus:var(--c-fokus-flate)}
.iyengar__rad{display:grid;grid-template-columns:1fr 1fr;min-height:min(52vw,820px)}
.iyengar__bilde{position:relative;overflow:hidden}
.iyengar__bilde img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iyengar__flate{max-width:44rem;display:flex;flex-direction:column;justify-content:center;padding:var(--rom) var(--kant)}
.iyengar .ingress{margin-top:1.25rem}
.fakta{margin-block:2rem 2.25rem;border-top:1px solid var(--c-linje)}
.fakta li{display:flex;gap:.9rem;padding-block:.8rem;border-bottom:1px solid var(--c-linje)}
.fakta li::before{content:"";flex:none;width:.45rem;height:.45rem;margin-top:.55em;border-radius:50%;background:var(--c-aksent)}
[data-palett="2"] .fakta li::before{background:var(--c-tekst-flate)}
.sitat{display:flex;align-items:center;gap:1.25rem}
.sitat img{width:64px;height:64px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.sitat p{font-family:var(--f-display);font-weight:var(--d-vekt);font-style:italic;font-size:calc(1.35rem*var(--d-skala));line-height:1.25;letter-spacing:var(--d-spor)}
.sitat cite{display:block;margin-top:.35rem;font:400 var(--fs-liten)/1.4 var(--f-tekst);font-style:normal;color:var(--c-dempet)}

/* Lærerne og studioet */
.laerere__rad{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.laerere__bilde img{width:100%;aspect-ratio:3/2;object-fit:cover}
.laerere__tekst .ingress{margin-top:1.25rem}
.tall{display:flex;gap:2.5rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--c-linje)}
.tall b{display:block;font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(3rem*var(--d-skala));line-height:1;letter-spacing:var(--d-spor)}
.tall span{display:block;margin-top:.4rem;font-size:var(--fs-liten);color:var(--c-dempet)}
.stripe{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(3rem,6vw,5rem)}
.stripe img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}

/* Priser og veier inn */
.priser{background:var(--c-papir-2)}
.priser__rad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem)}
.priser__rad .ingress{margin-top:1.25rem}
.veier{border-top:1px solid var(--c-linje)}
.vei a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem 1.5rem;padding-block:1.5rem;border-bottom:1px solid var(--c-linje);text-decoration:none}
.vei__navn{font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(clamp(1.9rem,3vw,2.75rem)*var(--d-skala));line-height:1;letter-spacing:var(--d-spor);text-transform:var(--d-case)}
.vei__tekst{grid-row:2;color:var(--c-dempet)}
.vei__pil{grid-row:1/3;grid-column:2;font-size:1.5rem;transition:transform .35s var(--ease)}
.vei a:hover .vei__pil{transform:translateX(.35rem)}

/* Bunn */
.bunn{background:var(--c-mork);color:var(--c-lys);padding-block:clamp(3.5rem,6vw,5.5rem) 1rem;font-size:.9375rem;--c-dempet:rgba(245,242,236,.78);--c-linje:rgba(245,242,236,.2);--c-fokus:var(--c-lys)}
.bunn__rad{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.bunn__merke{display:flex;gap:1.25rem;align-items:flex-start}
.bunn__merke .merke{width:72px;height:72px}
.bunn__merke p{color:var(--c-dempet)}
.bunn__merke :is(strong,b){display:block;margin-bottom:.35rem;color:var(--c-lys);font-weight:500}
.bunn__lenker a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.bunn__lenker a:hover{text-decoration:underline;text-underline-offset:.28em}
.footer__credit{margin-top:2.5rem;padding-top:.5rem;border-top:1px solid var(--c-linje);font-size:.8125rem}
.footer__credit a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-dempet);text-decoration:none}
.footer__credit a:hover{color:var(--c-lys)}
.credit__merke{margin-inline:.3em;font-weight:700;color:var(--c-lys)}

/* Design Lab, kun demo */
.lab{position:fixed;left:16px;bottom:16px;z-index:var(--z-panel);color:#1C1A17;font:500 .8125rem/1 var(--f-tekst)}
.lab__knapp,.lab__panel{background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(30px) saturate(210%);backdrop-filter:blur(30px) saturate(210%);border:.5px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1.5px .5px rgba(255,255,255,.65),inset 0 -1px 2px rgba(0,0,0,.05),inset 0 10px 20px rgba(255,255,255,.3)}
.lab__knapp{min-height:44px;padding:.6rem 1rem;border-radius:100px;color:inherit;font:inherit;cursor:pointer;transition:transform .4s var(--ease)}
.lab__knapp:hover{transform:scale(1.03)}
.lab__panel{position:absolute;left:0;bottom:calc(100% + 10px);display:grid;gap:8px;padding:14px;border-radius:24px}
.lab__rad{display:flex;align-items:center;gap:8px}
.lab__emoji{width:1.6em;text-align:center;font-size:1rem}
.lab__valg{display:flex;gap:6px}
.lab__valg button{width:44px;height:44px;border:.5px solid rgba(28,26,23,.25);border-radius:100px;background:rgba(255,255,255,.45);color:inherit;font:inherit;cursor:pointer;transition:all .4s var(--ease)}
.lab__valg button:hover{transform:scale(1.06)}
.lab__valg button[aria-pressed="true"]{background:#1C1A17;border-color:#1C1A17;color:#F6F3EE}
.design-lab__credit{display:flex;align-items:center;gap:.4rem;padding-top:8px;border-top:.5px solid rgba(28,26,23,.2);font-size:.75rem;color:#4B463F}
.design-lab__credit-logo{position:relative;display:inline-flex;align-items:center;min-height:32px;padding-right:1.1em;color:#1C1A17;font-weight:700;font-size:.9rem;letter-spacing:-.01em;text-decoration:none;transition:transform .3s var(--ease)}
.design-lab__credit-logo:hover{transform:scale(1.04)}
.design-lab__credit-dot,.design-lab__credit-spark{color:#2F6FA3}
.design-lab__credit-spark{position:absolute;right:0;top:.3em;width:.85em;height:.85em}
.design-lab__credit-logo:hover .design-lab__credit-spark{animation:gnist .8s var(--ease)}
@keyframes gnist{50%{transform:rotate(90deg) scale(1.25);opacity:.6}}

/* Mobil ruter i stedet for å ramse opp */
@media (max-width:900px){
  :root{--topp-h:64px;--rom:3.5rem}
  .topp__nav,.topp__lenke{display:none}
  .topp__ring{display:grid;place-items:center;width:44px;height:44px}
  .topp__ring .ikon{width:22px;height:22px}
  .meny{display:block}
  .topp__rad{gap:.5rem}
  .topp__handling{gap:.25rem}
  .merke{width:40px;height:40px}
  .topp__navn{font-size:calc(1.2rem*var(--d-skala))}
  .knapp--topp{padding-inline:.8rem}
  .hero--film{min-height:86svh}
  .hero__slor{background:linear-gradient(180deg,rgba(var(--c-slor),.6) 0%,rgba(var(--c-slor),.5) 26%,rgba(var(--c-slor),.65) 50%,rgba(var(--c-slor),.92) 100%)}
  .hero__fot{font-size:.8125rem}
  .hero-ord__bevis{text-align:left}
  .lab__tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .lab__knapp{width:44px;padding:0}
  .seksjon__topp,.kurs__rad,.priser__rad,.laerere__rad{grid-template-columns:minmax(0,1fr)}
  .time{grid-template-columns:5.4rem minmax(0,1fr) auto;gap:.75rem;padding-block:.7rem}
  .time__kl{font-size:calc(1.35rem*var(--d-skala))}
  .klasser__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem}
  .klasse__bilde{aspect-ratio:1}
  .klasse__navn{margin-top:.7rem;font-size:calc(1.5rem*var(--d-skala))}
  .klasse__linje{font-size:.875rem;font-weight:400;color:var(--c-dempet)}
  .klasse__timer{display:none}
  .iyengar__rad{grid-template-columns:1fr;min-height:0}
  .iyengar__bilde{aspect-ratio:16/10}
  .iyengar__flate{padding-block:3.5rem}
  .iyengar .ingress + .ingress{display:none}
  .stripe{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--kant)*-1);padding-inline:var(--kant);margin-top:2.5rem}
  .stripe li{scroll-snap-align:start}
  .stripe img{aspect-ratio:1}
  .vei a{padding-block:1.1rem}
  .bunn__rad{grid-template-columns:1fr 1fr;gap:1rem 2rem}
  .bunn__merke{grid-column:1/-1}
  .lab{left:10px;bottom:10px}
}
@media (max-width:420px){
  .topp__navn{display:none}
}
@media (min-width:901px){
  .hero-ord{min-height:calc(100svh - var(--topp-h))}
  .ordmeny{margin-block:auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}