/* Rådgivning og udvikling (Martin 4. nov. 2026): én sætning og én rød tråd. Bygger på motion.css; rem er 10 px ved 1440 og ved 390. */
/* Afslutningen står i main, så tråden kan lande i den */
/* Kun den lille bevægelse fra [data-rv]: linjerne stiger inde i masken, tekst og kort glider et lille stykke */
main [data-rv].ind{animation:none}
.rg-streg{background:linear-gradient(var(--red),var(--red)) 0 56%/100% 1.6px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s var(--ease) .15s}
.t-live [data-rv]:not(.ind) .rg-streg{background-size:0 1.6px}

/* 1 · Problemet */
.rg1 .in{min-height:92rem;padding-top:max(10.8rem,96px);padding-bottom:7rem}
.rg1 h1{position:relative;z-index:3;margin-left:-.6rem;font-size:11.5rem;line-height:.93;letter-spacing:-.026em;font-weight:400}
.rg1-t{margin-top:4rem;width:62rem}
.rg1 .lead{max-width:60rem;font-size:max(17px,2.2rem);line-height:1.46;color:#3f423a;text-wrap:pretty}
.rg1 .acts{margin-top:3.2rem}
.rg1 .note{margin-top:1.8rem}
/* Menuen har fast højde, så kortet følger overskriften og ikke siden */
.rg1-stage{position:absolute;left:83rem;top:calc(max(10.8rem,96px) + 30.2rem);width:47rem;min-height:45rem}
.rg1-kort{display:flex;flex-direction:column;min-height:45rem;padding:3.2rem 3.6rem}
.rg1-q{margin-top:1.2rem;font-size:5.2rem;line-height:1.02;text-wrap:balance}
.rg1-rod{margin-block:2.6rem 2.2rem}
.rg1-rod li{width:max-content;max-width:100%;padding:.8rem 1.3rem;border-radius:.5rem;background:#f1ede6;font-size:max(13px,1.5rem);line-height:1.3;color:#3f423a;box-shadow:.1rem .2rem .5rem rgba(31,34,26,.12)}
.rg1-rod li:nth-child(1){rotate:-1.6deg}
.rg1-rod li:nth-child(2){margin:-.1rem 0 0 7rem;rotate:1.2deg}
.rg1-rod li:nth-child(3){margin:-.2rem 0 0 2.4rem;rotate:-.8deg}
.rg1-rod li:nth-child(4){margin:-.1rem 0 0 13rem;rotate:1.8deg;color:#5f625a}
.rg1-kort .note{margin-top:auto}

/* 2 · Når arbejdet er løst */
.rg2 .in{display:grid;grid-template-columns:minmax(0,1fr) 32rem;column-gap:3rem;padding-block:6rem 12rem}
.rg2 h2{grid-column:1;grid-row:1;margin-left:-.4rem;font-size:9.8rem;line-height:1}
.rg2-viden{grid-column:2;grid-row:1 / span 2;align-self:start;margin-top:1rem;min-height:36rem}
.rg2-vk{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:36rem;padding:2.8rem}
.rg2-vk .s{font-size:4.2rem;line-height:1.02;text-wrap:balance}
.rg2-kilder{margin-top:1.2rem}
.rg2-ok{padding-top:1.4rem;border-top:1px solid #e2ddd5}
.rg2-svar{grid-column:1;grid-row:2;margin:6rem 0 0 16rem;width:72rem;min-height:34rem}
.rg2-sk{display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;min-height:34rem;padding:4rem 4.6rem}
.rg2-sk .s{font-size:5.6rem;line-height:1.04;text-wrap:pretty}
.rg2-fod{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem}
.rg2-sendt{display:inline-flex;align-items:center;min-height:max(28px,3.2rem);padding-inline:1.4rem;border-radius:9rem;background:var(--paper);color:var(--ink);font-size:max(13px,1.4rem);transition:scale .55s cubic-bezier(.34,1.56,.64,1) .25s}
.t-live .rg2-svar:not(.on) .rg2-sendt{scale:0}
.rg2-note{grid-column:2;grid-row:2;align-self:end}

/* 3 · Det hjælper jeg med */
.rg3{background:var(--stone)}
.rg3 .in{padding-block:8rem 8rem}
.rg3 h2{margin-left:-.2rem;font-size:5.5rem;line-height:1}
.rg-l{margin-top:1.6rem}
.rg-l li{display:flex;align-items:center;min-height:13.4rem;font:400 7.8rem/1.02 var(--disp);letter-spacing:-.02em;white-space:nowrap;transition:clip-path 1.2s var(--ease);clip-path:inset(-.25em -3% -.3em 0)}
.t-live .rg-l li:not(.ind){clip-path:inset(-.25em 100% -.3em 0)}
.rg-not{margin-top:4rem;max-width:100rem;font-size:max(16px,2.1rem);line-height:1.5;color:#3f423a}
.rg-not b{font-weight:500;color:var(--ink)}

/* 4 · Sådan arbejder vi */
.rg4 .in{padding-block:10rem 9rem}
.rg4-top{display:grid;grid-template-columns:80rem minmax(0,1fr);column-gap:4rem;align-items:end}
.rg4 h2{margin-left:-.4rem;font-size:10.7rem;line-height:1}
.rg4-top p{max-width:44rem;padding-bottom:1.4rem;font-size:max(16px,2.1rem);line-height:1.5;color:#3f423a;text-wrap:pretty}
.rg-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5rem;margin:8rem 0 0;padding:0}
.rg-flow li{padding-top:3.4rem;transition:opacity .7s var(--ease)}
.rg-flow h3{font-size:6.4rem;line-height:1}
.rg-flow p{margin-top:1.6rem;max-width:38rem;font-size:max(16px,1.9rem);line-height:1.45;color:#3f423a;text-wrap:pretty}

/* 5 · Hvad det koster */
.rg5 .gulv{height:34rem}
.rg5 .in{display:grid;grid-template-columns:54rem minmax(0,1fr);column-gap:3rem;align-items:start;padding-block:8rem 12rem}
.rg5-t{padding-top:7rem}
.rg5 h2{margin-left:-.4rem;font-size:11.4rem;line-height:.98}
.rg5-t p{margin-top:3rem;max-width:40rem;font-size:max(16px,2.1rem);line-height:1.5;color:#3f423a}
.rg5-stage{min-height:62rem}
.rg5-k{display:flex;flex-direction:column;min-height:62rem;padding:4.4rem 5rem 3.4rem}
.rg-pris{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 21rem;column-gap:3.4rem;align-items:start;margin-top:2.6rem;padding-top:2.6rem;border-top:1px solid rgba(245,243,240,.14);transition:border-color .3s}
.rg-pris h3{font-size:4.6rem;line-height:1}
.rg-pris div p{margin-top:1.2rem;font-size:max(15px,1.7rem);line-height:1.42;color:rgba(245,243,240,.8)}
.rg-kr{font-size:3.4rem;line-height:1.04;text-align:right;text-wrap:balance}
@media (hover:hover) and (pointer:fine){.rg-pris:hover{border-top-color:rgba(245,243,240,.6)}}

/* 6 · Rådgivning eller SPOR */
.rg6 .in{display:grid;grid-template-columns:58rem 58rem;justify-content:space-between;align-items:start;padding-block:6rem 8rem}
.rg6 h2{grid-column:1 / -1;grid-row:1;margin-left:-.4rem;font-size:9.5rem;line-height:1}
.rg6-spor{grid-column:2;grid-row:2;margin-top:6rem;min-height:56rem}
.rg6-me{grid-column:1;grid-row:2;margin-top:10rem;min-height:56rem}
.rg6-k{display:flex;flex-direction:column;align-items:flex-start;min-height:56rem;padding:3.6rem 4.2rem 2.6rem}
.rg6-m{display:flex;align-items:center;gap:1.2rem;min-height:5.6rem;font-size:max(14px,1.6rem);font-weight:600}
.rg6-m svg{width:2.6rem;height:1.4rem;color:var(--red)}
.rg6-m img{flex:none;width:5.6rem;height:5.6rem;min-width:44px;min-height:44px;border-radius:50%}
.rg6-m p{font-size:max(13px,1.4rem);line-height:1.35;font-weight:400;color:#5f625a}
.rg6-m b{display:block;font-size:max(14px,1.6rem);font-weight:600;color:var(--ink)}
.rg6-k .lbl{margin-top:2.6rem}
.rg6-k h3{margin-top:1.2rem;font-size:5.4rem;line-height:1.02;text-wrap:balance}
.rg6-k ul{width:100%;margin-block:2.6rem 1.4rem}
.rg6-k li{padding:1.2rem 0;border-top:1px solid #e2ddd5;font-size:max(15px,1.7rem);line-height:1.35}
.sort.rg6-k li{border-top-color:rgba(245,243,240,.14)}
.rg6-k .lnk{margin-top:auto}
.rg6-begge{grid-column:2;grid-row:3;margin-top:7rem;max-width:58rem;font-size:4rem;line-height:1.08;text-wrap:pretty}

/* 7 · Spørgsmål og svar */
.rg7 .in{display:grid;grid-template-columns:44rem minmax(0,1fr);column-gap:6rem;align-items:start;padding-block:6rem 6rem}
.rg7 h2{margin-left:-.2rem;font-size:6rem;line-height:1}
.rg7-l details{border-top:1px solid #d9d3c9}
.rg7-l details:last-child{border-bottom:1px solid #d9d3c9}
.rg7-l summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:max(48px,7.4rem);padding-block:1.2rem;cursor:pointer;list-style:none}
.rg7-l summary::-webkit-details-marker{display:none}
.rg7-l h3{font:400 max(21px,3rem)/1.1 var(--disp);transition:translate .6s var(--ease)}
@media (hover:hover) and (pointer:fine){.rg7-l summary:hover h3{translate:.8rem 0}}
.rg7-l summary i{flex:none;position:relative;width:1.6rem;height:1.6rem;min-width:13px;min-height:13px}
.rg7-l summary i::before,.rg7-l summary i::after{content:"";position:absolute;left:0;right:0;top:calc(50% - .8px);height:1.6px;background:currentColor;transition:rotate .4s var(--ease)}
.rg7-l summary i::after{rotate:90deg}
.rg7-l details[open] summary i::after{rotate:0deg}
.rg7-l details p{max-width:70rem;padding-bottom:2.6rem;font-size:max(16px,1.9rem);line-height:1.5;color:#3f423a}

/* 8 · Ét skridt */
.rg8 .gulv{height:30rem}
.rg8 .in{padding-block:14rem 12rem}
.rg8 h2{margin-left:-.5rem;font-size:12.9rem;line-height:.98;letter-spacing:-.024em}
.rg8-acts{margin-top:5rem}
.rg8-note{margin-top:2.4rem}
.rg8-note a{color:inherit;text-underline-offset:3px}
.dot.on{position:relative}
.dot.on::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.6px var(--red);animation:rg-boelge 1.6s var(--ease) both}
@keyframes rg-boelge{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(4.2)}}
.f [data-rv] #rg-slut{transition:scale .5s var(--ease)}
body:has(.rg8-acts .btn-red:hover) #rg-slut{scale:1.5}

/* ---------- Telefon: egen opstilling, tråden går i margenen ---------- */
@media (max-width:760px){
  .rg1 .in{min-height:0;padding-top:max(9rem,92px);padding-bottom:5rem}
  .rg1 h1{margin-left:-.3rem;font-size:7.4rem;line-height:.94;text-wrap:balance}
  .rg1 h1 .linje,.rg1 h1 .ind{display:inline;clip-path:none;animation:none}
  .rg1-t{width:auto;margin-top:2.8rem}
  .rg1 .lead{font-size:max(16px,1.8rem)}
  .rg1 .acts{margin-top:2.4rem}
  .rg1-stage{position:relative;left:auto;top:auto;width:calc(100% - 3rem);min-height:0;margin-top:4rem}
  .rg1-kort{min-height:0;padding:2.4rem}
  .rg1-q{font-size:4.2rem}
  .rg1-rod li:nth-child(2){margin-left:4rem}
  .rg1-rod li:nth-child(3){margin-left:1.4rem}
  .rg1-rod li:nth-child(4){margin-left:7rem}
  .rg2 .in{display:block;padding-block:3rem 6rem}
  .rg2 h2{font-size:6.1rem}
  .rg2-viden{margin:3.4rem 0 0;width:calc(100% - 3rem);min-height:0}
  .rg2-vk{min-height:0;padding:2.4rem}
  .rg2-vk .s{font-size:3.8rem}
  .rg2-svar{margin:3rem 0 0;width:calc(100% - 3rem);min-height:0}
  .rg2-sk{min-height:0;padding:2.8rem 2.4rem}
  .rg2-sk .s{font-size:4rem}
  .rg2-note{margin-top:2.4rem}
  .rg3 .in{padding:4rem 2rem 5rem 2.8rem}
  .rg3 h2{font-size:4.8rem}
  .rg-l{margin-top:1rem}
  .rg-l li{min-height:0;padding-block:2.2rem 2rem;font-size:5rem;line-height:1.02;white-space:normal;text-wrap:balance}
  .rg-not{margin-top:2.6rem}
  .rg4 .in{padding-block:6rem 5rem}
  .rg4-top{display:block}
  .rg4 h2{font-size:7.9rem;line-height:.96}
  .rg4 .linje{white-space:normal}
  .rg4-top p{margin-top:2rem;padding-bottom:0}
  .rg-flow{display:block;margin-top:3rem}
  .rg-flow li{padding-block:2.2rem 2.6rem;border-top:1px solid #d9d3c9}
  .rg-flow h3{font-size:5rem}
  .rg-flow p{max-width:none}
  .rg5 .in{display:block;padding-block:4rem 7rem}
  .rg5-t{padding-top:0}
  .rg5 h2{font-size:8.8rem}
  .rg5-t p{margin-top:2rem}
  .rg5-stage{margin-top:3.6rem;width:calc(100% - 1.4rem);min-height:0}
  .rg5-k{min-height:0;padding:2.8rem 2.4rem 1.4rem}
  .rg-pris{display:block;margin-top:2rem;padding-top:2rem}
  .rg-pris h3{font-size:4rem}
  .rg-kr{margin-block:1.2rem 1.4rem;font-size:3rem;text-align:left}
  .rg6 .in{display:flex;flex-direction:column;padding-block:4rem 5rem}
  .rg6-me{order:1}.rg6-spor{order:2}.rg6-begge{order:3}
  .rg6 h2{font-size:7rem}
  .rg6 .linje{white-space:normal}
  .rg6-spor,.rg6-me{margin-top:3.4rem;width:calc(100% - 2rem);min-height:0}
  .rg6-me{margin-top:3.4rem}
  .rg6-k{min-height:0;padding:2.6rem 2.4rem 1.4rem}
  .rg6-k h3{font-size:4.2rem}
  .rg6-k .lbl{margin-top:2rem}
  .rg6-begge{margin-top:3.4rem;font-size:3.5rem}
  .rg7 .in{display:block;padding-block:3rem 4rem}
  .rg7 h2{font-size:5.9rem}
  .rg7 .linje{white-space:normal}
  .rg7-l{margin-top:2.4rem}
  .rg7-l h3{font-size:max(21px,2.6rem)}
  .rg8 .in{padding-block:6rem 7rem}
  .rg8 h2{font-size:5.5rem;line-height:1.02}
  .rg8-acts{margin-top:3rem;flex-direction:column;align-items:flex-start;gap:.6rem}
  .rg8-acts .btn{margin-bottom:1rem}
}

/* Mellemstore skærme: tekst har en nedre grænse og fylder mere, når rem bliver lille */
@media (min-width:761px) and (max-width:1100px){
  .rg1-t{width:68rem}
  .rg1-stage{left:86rem;width:48rem}
  .rg1-rod li:nth-child(4){margin-left:6rem}
  .rg6-k{padding-inline:3.4rem}
}