/* ============================================================
   INTU — Individets Nøkkel Til Utvikling
   Statisk nettsted, mobile-first. Ingen rammeverk, ingen bygg.

   Skalaen er bevisst rolig: hero-overskriften er sidens største
   tekst, og ingenting annet kommer i nærheten. Seksjoner er så
   høye som innholdet trenger — ingen viewport-høyder.
   ============================================================ */

:root{
  /* Farger */
  --skog:        #183C34;
  --skog-dyp:    #102A24;
  --off:         #F4F1E9;
  --off-varm:    #EDE8DC;
  --sand:        #D8CCB8;
  --sand-lys:    #E5DDCD;
  --terra:       #C86F45;   /* store flater og stor tekst */
  --terra-dyp:   #A9522C;   /* liten tekst på lys bunn  */
  --terra-lys:   #E08A5C;   /* liten tekst på mørk bunn */
  --blekk:       #202321;
  --blekk-mild:  #5A605C;

  /* Typografi */
  --serif: "Newsreader", "Iowan Old Style", Palatino, Georgia, serif;
  --sans:  "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --f-hero: clamp(1.95rem, 4.2vw, 3rem);      /* kun heroens overskrift */
  --f-xl:   clamp(1.5rem, 2.6vw, 2.05rem);   /* seksjonsoverskrifter  */
  --f-l:    clamp(1.2rem, 1.8vw, 1.48rem);   /* korte statements      */
  --f-m:    clamp(1.05rem, 1.1vw, 1.13rem);  /* ingress               */
  --f-b:    1.0rem;                          /* brødtekst             */
  --f-s:    0.875rem;
  --f-xs:   0.75rem;

  /* Rom — tett nok til å føles lunt */
  --seksjon: clamp(56px, 7vw, 104px);
  --wrap: 1120px;
  --hairline: 1px solid rgba(32,35,33,.13);
  --hairline-mork: 1px solid rgba(244,241,233,.18);
}

*,*::before,*::after{ box-sizing:border-box }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto } }

body{
  margin:0;
  background:var(--off);
  color:var(--blekk);
  font-family:var(--sans);
  font-size:var(--f-b);
  line-height:1.65;
  font-synthesis-weight:none;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* Diskret korn — gir flatene en trykt, analog varme */
body::after{
  content:"";
  position:fixed; inset:0; z-index:9999; pointer-events:none;
  opacity:.05; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

h1,h2,h3{ margin:0; font-weight:400; letter-spacing:-.012em }
p{ margin:0 }
ul,ol,dl{ margin:0; padding:0; list-style:none }
img{ display:block; max-width:100% }
a{ color:inherit }
::selection{ background:var(--sand); color:var(--blekk) }

:focus-visible{ outline:2px solid var(--terra-dyp); outline-offset:3px; border-radius:1px }

.wrap{ max-width:var(--wrap); margin-inline:auto; padding-inline:clamp(20px, 5vw, 56px) }
.smal{ max-width:64ch }

.hopp{ position:absolute; left:-9999px; top:0; background:var(--skog); color:var(--off); padding:12px 18px; z-index:10000; font-size:var(--f-s) }
.hopp:focus{ left:12px; top:12px }

/* ---------- Gjennomgående ---------- */

.ordmerke{
  font-family:var(--sans); font-weight:600;
  letter-spacing:.2em; margin-right:-.2em;
  line-height:1; margin-block:0;
}

.tagline{
  font-size:var(--f-xs); letter-spacing:.13em; text-transform:uppercase;
  color:var(--blekk-mild); font-weight:400;
}
.tagline b{ font-weight:600; color:var(--blekk) }

h2.tittel{ font-family:var(--serif); font-size:var(--f-xl); line-height:1.18; max-width:22ch }
h3.undertittel{ font-family:var(--serif); font-size:var(--f-l); line-height:1.24 }

.utsagn{ font-family:var(--serif); font-size:var(--f-l); line-height:1.34; max-width:34ch }
.ingress{ font-size:var(--f-m); line-height:1.6 }
.dempet{ color:var(--blekk-mild) }

.knapp{
  display:inline-block; background:var(--skog); color:var(--off);
  font-size:var(--f-s); font-weight:500; letter-spacing:.01em;
  padding:13px 22px; border-radius:2px; text-decoration:none;
  transition:background .25s ease;
}
.knapp:hover{ background:var(--terra-dyp) }
.knapp--lys{ background:var(--off); color:var(--skog) }
.knapp--lys:hover{ background:var(--sand); color:var(--skog-dyp) }

.lenke{
  font-size:var(--f-s); font-weight:500; text-decoration:none;
  border-bottom:1px solid rgba(32,35,33,.28); padding-bottom:2px;
  transition:border-color .2s ease, color .2s ease;
}
.lenke:hover{ color:var(--terra-dyp); border-color:var(--terra-dyp) }
.lenke--lys{ border-bottom-color:rgba(244,241,233,.35) }
.lenke--lys:hover{ color:var(--terra-lys); border-color:var(--terra-lys) }

.videre{ margin-top:clamp(24px,3vw,32px) }

/* ---------- Toppmeny — diskré ---------- */

.topp{
  position:sticky; top:0; z-index:100;
  background:var(--off);
  border-bottom:1px solid transparent;
  transition:border-color .3s ease;
}
.topp.er-festet{ border-bottom-color:rgba(32,35,33,.11) }

.topp__inn{
  max-width:var(--wrap); margin-inline:auto;
  padding:13px clamp(20px, 5vw, 56px);
  display:flex; align-items:center; gap:16px;
}
.topp__merke{
  font-family:var(--sans); font-weight:600;
  letter-spacing:.18em; margin-right:-.18em;
  font-size:.94rem; text-decoration:none; color:var(--skog);
}
.topp__knapp{
  margin-left:auto; appearance:none; background:none; border:0;
  font:inherit; font-size:var(--f-s); color:var(--blekk);
  padding:8px 0 8px 12px; cursor:pointer;
}
.topp__nav a{
  font-size:var(--f-s); text-decoration:none; color:var(--blekk-mild);
  transition:color .2s ease;
}
.topp__nav a:hover{ color:var(--blekk) }
.topp__nav a[aria-current="page"]{ color:var(--blekk); border-bottom:1px solid var(--terra); padding-bottom:2px }

/* Mobil: menyen foldes ut under linja */
.topp__nav{ display:none; width:100%; order:3; padding:4px 0 16px }
.topp__nav a{ display:block; padding:10px 0; border-bottom:var(--hairline) }
.topp__nav a:last-child{ border-bottom:0 }
.topp.er-apen .topp__nav{ display:block }
.js .topp__inn{ flex-wrap:wrap }

@media (min-width:800px){
  .topp__knapp{ display:none }
  .topp__nav{
    display:flex !important; width:auto; order:0; padding:0;
    margin-left:auto; gap:clamp(16px,2.4vw,30px);
  }
  .topp__nav a{ display:inline; padding:0; border-bottom:0 }
  .topp__nav a[aria-current="page"]{ border-bottom:1px solid var(--terra) }
}

/* ---------- Fotografier ---------- */

.foto{ margin:0; position:relative; overflow:hidden; background:var(--sand-lys) }
.foto img{ width:100%; height:100%; object-fit:cover }

/* Plassholder til vi har egne bilder */
.foto--venter{
  background:radial-gradient(120% 90% at 50% 0%, var(--sand-lys) 0%, var(--sand) 58%, #C9BCA5 100%);
}
.foto--venter::after{
  content:""; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");
  opacity:.11; mix-blend-mode:multiply;
}
.foto__merkelapp{
  position:absolute; left:16px; bottom:14px; z-index:1;
  font-size:var(--f-xs); letter-spacing:.09em; text-transform:uppercase;
  color:rgba(32,35,33,.5); background:rgba(244,241,233,.78); padding:5px 9px;
}

/* ---------- Hero ---------- */

.hero{ padding-top:clamp(30px, 5vw, 56px); padding-bottom:var(--seksjon) }

.hero__merke{ font-size:clamp(1.9rem, 5vw, 2.8rem); color:var(--skog) }
.hero .tagline{ margin-top:10px }

.hero__tittel{
  font-family:var(--serif); font-size:var(--f-hero);
  line-height:1.08; letter-spacing:-.02em;
  margin-top:clamp(26px, 4vw, 40px); max-width:15ch;
}
/* Det ene stedet på nettstedet der kursiv og farge brukes i en overskrift */
.hero__tittel em{ font-style:italic; color:var(--skog) }

.hero .ingress{ margin-top:clamp(18px,2.4vw,26px); max-width:52ch }
.hero__handling{ margin-top:clamp(22px,3vw,30px); display:flex; flex-wrap:wrap; align-items:center; gap:16px 26px }

.hero__foto{ margin-top:clamp(32px,5vw,0px); aspect-ratio:4/5 }

@media (min-width:880px){
  .hero__rutenett{
    display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);
    column-gap:clamp(36px,5vw,72px); align-items:center;
  }
  .hero__foto{ margin-top:0; aspect-ratio:3/4; align-self:stretch; min-height:400px }
}

/* ---------- Barnet bak atferden ---------- */

.atferd{ padding-block:var(--seksjon); border-top:var(--hairline) }
.atferd__rutenett > * + *{ margin-top:clamp(24px,3vw,34px) }

.beskjeder{ max-width:30ch }
.beskjeder li{
  padding:9px 0; border-bottom:var(--hairline);
  font-family:var(--serif); font-size:1.06rem; color:rgba(32,35,33,.5);
}
.beskjeder li:first-child{ border-top:var(--hairline) }

.atferd__tekst p + p{ margin-top:.9em }
.hvorfor{
  font-family:var(--serif); font-style:italic;
  font-size:clamp(1.8rem, 3.6vw, 2.7rem); line-height:1;
  color:var(--terra); letter-spacing:-.02em;
  margin-block:clamp(14px,2vw,20px) !important;
}

@media (min-width:880px){
  .atferd__rutenett{
    display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    column-gap:clamp(40px,6vw,84px); align-items:start;
  }
  .atferd__rutenett > * + *{ margin-top:0 }
  .atferd .tittel{ grid-column:1 / -1; margin-bottom:clamp(30px,4vw,44px) }
  .beskjeder{ grid-column:1 }
  .atferd__tekst{ grid-column:2 }
}

/* ---------- Fire prinsipper ---------- */

.prinsipper{ background:var(--skog); color:var(--off); padding-block:var(--seksjon) }
.prinsipper .tittel{ color:var(--off) }
.prinsipper__inn{ margin-top:clamp(26px,3.5vw,38px) }

.prinsipp{ padding:19px 0; border-top:var(--hairline-mork); display:flex; gap:clamp(16px,3vw,28px); align-items:baseline }
.prinsipp:last-child{ border-bottom:var(--hairline-mork) }
.prinsipp__bokstav{
  font-family:var(--serif); font-weight:300;
  font-size:clamp(2rem, 3.6vw, 2.9rem); line-height:1;
  color:var(--sand); flex:0 0 1.15em;
}
.prinsipp__navn{ font-family:var(--serif); font-size:1.1rem; color:var(--off); display:block }
.prinsipp__linje{ font-size:var(--f-s); color:rgba(244,241,233,.72); margin-top:3px }

.prinsipper__slutt{ margin-top:clamp(24px,3vw,32px); color:rgba(244,241,233,.78); max-width:46ch; font-size:var(--f-s) }

/* ---------- Aktivitet ---------- */

.aktivitet{ padding-block:var(--seksjon) }
.aktivitet__foto{ aspect-ratio:3/2; margin-top:clamp(24px,3vw,0px) }

.ferdigheter{ margin-top:clamp(20px,2.6vw,26px) }
.ferdigheter li{ padding:10px 0; border-top:var(--hairline); font-size:var(--f-s) }
.ferdigheter li:last-child{ border-bottom:var(--hairline) }
.ferdigheter b{ font-weight:500; color:var(--blekk) }
.ferdigheter span{ color:var(--blekk-mild) }

.laast{
  margin-top:clamp(26px,3.4vw,38px);
  font-family:var(--serif); font-size:var(--f-l); line-height:1.42; color:var(--skog);
}

@media (min-width:880px){
  .aktivitet__rutenett{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:clamp(36px,5vw,72px); align-items:start;
  }
  .aktivitet__foto{ margin-top:0; aspect-ratio:4/5; position:sticky; top:80px }
}

/* ---------- Forløp ---------- */

.forlop{ background:var(--off-varm); padding-block:var(--seksjon) }

.rammer{
  margin-top:clamp(26px,3.4vw,36px);
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:var(--hairline);
}
.rammer > div{ padding:16px 0; border-bottom:var(--hairline) }
.rammer dt{ font-size:var(--f-xs); letter-spacing:.11em; text-transform:uppercase; color:var(--blekk-mild) }
.rammer dd{
  margin:4px 0 0; font-family:var(--serif); font-weight:300;
  font-size:clamp(1.5rem, 2.4vw, 1.95rem); line-height:1.1; color:var(--skog);
}

.forlop__tekst{ margin-top:clamp(28px,3.6vw,40px) }
.forlop__tekst p + p{ margin-top:.9em }

@media (min-width:700px){
  .rammer{ grid-template-columns:repeat(4,minmax(0,1fr)) }
  .rammer > div{ padding-right:20px }
  .rammer > div + div{ border-left:var(--hairline); padding-left:20px }
}
@media (min-width:880px){
  .forlop__rutenett{
    display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    column-gap:clamp(40px,6vw,84px); align-items:start;
  }
  .forlop__tekst{ margin-top:0 }
}

/* ---------- Menneskene (teaser) ---------- */

.folk{ padding-block:var(--seksjon); border-top:var(--hairline) }
.folk__foto{ aspect-ratio:3/2; margin-top:clamp(24px,3vw,0) }
.folk__navn{ font-family:var(--serif); font-size:var(--f-l); margin-bottom:10px }
.folk__navn + .folk__navn{ margin-top:18px }
.folk__rutenett .dempet{ margin-top:20px }
.folk__navn span{ display:block; font-family:var(--sans); font-size:var(--f-xs); letter-spacing:.1em; text-transform:uppercase; color:var(--blekk-mild); margin-top:4px }

@media (min-width:880px){
  .folk__rutenett{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:clamp(36px,5vw,72px); align-items:center;
  }
  .folk__foto{ margin-top:0; aspect-ratio:4/3 }
}

/* ---------- Avslutning / kontakt-CTA ---------- */

.slutt{ background:var(--skog-dyp); color:var(--off); padding-block:var(--seksjon) }
.slutt__merke{ font-size:clamp(1.7rem, 4vw, 2.4rem); color:var(--off) }
.slutt .tagline{ margin-top:10px; color:rgba(244,241,233,.6) }
.slutt .tagline b{ color:var(--off) }
.slutt__tittel{
  margin-top:clamp(30px,4vw,44px);
  font-family:var(--serif); font-size:var(--f-xl); line-height:1.16; max-width:20ch;
}
.slutt__tekst{ margin-top:16px; max-width:46ch; color:rgba(244,241,233,.78) }
.slutt__handling{ margin-top:clamp(22px,3vw,30px) }

/* ---------- Undersider ---------- */

.sidetopp{ padding-top:clamp(34px,5vw,64px); padding-bottom:clamp(28px,4vw,48px) }
.sidetopp h1{ font-family:var(--serif); font-size:clamp(1.8rem, 3.4vw, 2.6rem); line-height:1.12; max-width:20ch }
.sidetopp .ingress{ margin-top:clamp(16px,2vw,22px); max-width:56ch; color:var(--blekk-mild) }

.bolk{ padding-block:clamp(38px,5vw,72px); border-top:var(--hairline) }
.bolk__inn{ margin-top:clamp(18px,2.4vw,26px) }
.bolk p + p{ margin-top:.9em }

/* To spalter der en tittel står ved siden av tekst */
@media (min-width:880px){
  .todelt{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); column-gap:clamp(36px,5vw,80px); align-items:start }
  .todelt .bolk__inn{ margin-top:0 }
}

/* Prinsippene utdypet — bokstavene synlige, men ikke skjermhøye */
.utdypet{ padding-block:clamp(34px,4.5vw,60px); border-top:var(--hairline) }
.utdypet__topp{ display:flex; align-items:baseline; gap:clamp(16px,3vw,26px) }
.utdypet__bokstav{
  font-family:var(--serif); font-weight:300;
  font-size:clamp(2.6rem, 6vw, 4.4rem); line-height:.9;
  color:var(--terra); flex:0 0 auto;
}
.utdypet__navn{ font-family:var(--serif); font-size:var(--f-xl) }
.utdypet__inn{ margin-top:clamp(14px,2vw,20px); max-width:60ch }
.utdypet__inn p + p{ margin-top:.9em }

@media (min-width:880px){
  .utdypet{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); column-gap:clamp(36px,5vw,80px); align-items:start }
  .utdypet__inn{ margin-top:0 }
}

/* Trinnene i et forløp — ren typografi, ingen kort */
.trinnliste > li{ padding-block:clamp(22px,3vw,34px); border-top:var(--hairline) }
.trinnliste h3{ font-family:var(--serif); font-size:var(--f-l); margin-bottom:10px }
.trinnliste p{ max-width:58ch; color:var(--blekk-mild) }
.trinnliste p + p{ margin-top:.8em }

@media (min-width:880px){
  .trinnliste > li{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); column-gap:clamp(36px,5vw,80px) }
  .trinnliste h3{ margin-bottom:0 }
}

/* Temaliste på For skoler */
.temaer > div{ padding-block:clamp(20px,2.6vw,28px); border-top:var(--hairline) }
.temaer h3{ font-family:var(--serif); font-size:var(--f-l); margin-bottom:8px }
.temaer p{ max-width:58ch; color:var(--blekk-mild); font-size:var(--f-s) }
.temaer ul{ margin-top:10px; max-width:58ch }
.temaer ul li{ padding:7px 0; border-top:var(--hairline); font-size:var(--f-s); color:var(--blekk-mild) }

@media (min-width:880px){
  .temaer > div{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); column-gap:clamp(36px,5vw,80px) }
  .temaer h3{ margin-bottom:0 }
}

/* Personer på Om oss */
.person{ padding-block:clamp(26px,3.4vw,44px); border-top:var(--hairline) }
.person__navn{ font-family:var(--serif); font-size:var(--f-xl) }
.person__rolle{ font-size:var(--f-xs); letter-spacing:.1em; text-transform:uppercase; color:var(--terra-dyp); margin-top:6px }
.person__tekst{ margin-top:clamp(12px,1.6vw,16px); max-width:58ch; color:var(--blekk-mild) }
.person__tekst p + p{ margin-top:.9em }

@media (min-width:880px){
  .person{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); column-gap:clamp(36px,5vw,80px); align-items:start }
  .person__tekst{ margin-top:0 }
}

/* ---------- Kontaktskjema ---------- */

.skjema{ margin-top:clamp(22px,3vw,30px); max-width:34rem }
.felt + .felt{ margin-top:16px }
.felt label{ display:block; font-size:var(--f-s); font-weight:500; margin-bottom:6px }
.felt input, .felt textarea{
  width:100%; font:inherit; font-size:var(--f-b);
  padding:11px 13px; border:1px solid rgba(32,35,33,.24);
  border-radius:2px; background:#FBF9F4; color:var(--blekk);
}
.felt input:focus, .felt textarea:focus{ border-color:var(--skog); outline:2px solid var(--terra-dyp); outline-offset:1px }
.felt textarea{ min-height:8.5em; resize:vertical }
.merknad{
  margin-top:18px; padding:14px 16px;
  background:var(--off-varm); border-left:2px solid var(--terra);
  font-size:var(--f-s); color:var(--blekk); max-width:34rem;
}
.skjema__handling{ margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px }
.skjema__hjelp{ font-size:var(--f-s); color:var(--blekk-mild) }
button.knapp{ appearance:none; border:0; font-family:inherit; cursor:pointer }

/* ---------- Bunn ---------- */

.bunn{ background:var(--skog-dyp); color:rgba(244,241,233,.6); padding-block:clamp(30px,4vw,48px) }
.bunn__merke{ font-family:var(--sans); font-weight:600; letter-spacing:.18em; margin-right:-.18em; font-size:.88rem; color:var(--off) }
.bunn__nav{ margin-top:16px; display:flex; flex-wrap:wrap; gap:10px 22px }
.bunn__nav a{ font-size:var(--f-s); text-decoration:none; color:rgba(244,241,233,.72) }
.bunn__nav a:hover{ color:var(--off) }
.bunn__linje{ margin-top:20px; padding-top:16px; border-top:var(--hairline-mork); font-size:var(--f-s) }
.bunn__linje a{ color:var(--off); text-decoration:none; border-bottom:1px solid rgba(244,241,233,.3) }
.bunn__sped{ margin-top:5px; color:rgba(244,241,233,.42); font-size:var(--f-s) }

/* ---------- Diskrete innganger ---------- */

.js .avslor{
  opacity:0; transform:translateY(10px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);
}
.js .avslor.inne{ opacity:1; transform:none }

@media (prefers-reduced-motion: reduce){
  .js .avslor{ opacity:1; transform:none; transition:none }
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important }
}

/* Aktivitetsvelgeren på «Slik jobber vi» */
.aktivitet__valg ul{ display:flex; flex-wrap:wrap; gap:0 clamp(16px,4vw,26px); border-top:var(--hairline) }
.aktivitet__valg button{
  appearance:none; background:none; border:0;
  border-bottom:2px solid transparent;
  font:inherit; font-family:var(--serif); font-size:1.08rem;
  color:rgba(32,35,33,.45); padding:12px 0; text-align:left; cursor:pointer;
  transition:color .2s ease, border-color .2s ease;
}
.aktivitet__valg button:hover{ color:var(--blekk) }
.aktivitet__valg button[aria-pressed="true"]{ color:var(--terra-dyp); border-bottom-color:var(--terra) }
.aktivitet__paneler{ margin-top:clamp(20px,2.6vw,28px) }
.panel + .panel{ margin-top:clamp(20px,2.6vw,28px) }
.js .panel[hidden]{ display:none }
h2.tittel em{ font-style:italic; transition:opacity .18s ease }
h2.tittel em.bytter{ opacity:0 }

@media (min-width:880px){
  .aktivitet__valg ul{ display:block; border-top:0 }
  .aktivitet__valg li + li{ margin-top:1px }
  .aktivitet__valg button{ border-bottom:0; border-left:2px solid transparent; padding:8px 0 8px 16px; width:100% }
  .aktivitet__valg button[aria-pressed="true"]{ border-bottom-color:transparent; border-left-color:var(--terra) }
}