/* Om mig (Martin 4. nov. 2026): et menneske, ikke et CV. Portrættet, én stor sætning og erfaringen fortalt kort. 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}
/* Den røde prik ligger oven på et rigtigt punktum, så sætningen står ordret */
.dot.over{width:.158em;height:.158em;margin-left:-.15em;vertical-align:-.022em}
.me2 h2,.me3 h2,.me4 h2,.me5 h2{text-wrap:pretty}

/* 1 · Mennesket */
.me1 .in{min-height:102rem;padding-top:max(10.8rem,100px);padding-bottom:8rem}
.me1-foto{position:absolute;left:76rem;right:0;top:max(9.6rem,96px);height:88rem;overflow:hidden;border-radius:.4rem 0 0 .4rem;z-index:6}
.me1-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.me1 h1{position:relative;font-size:10rem;line-height:.95;letter-spacing:-.026em;font-weight:400}
.me1 h1 .linje{margin-left:-.5rem}
.me1-navn{display:block;margin-bottom:2rem;font:400 max(16px,2.1rem)/1.3 var(--text);letter-spacing:0;color:#3f423a}
.me1-t{margin-top:3.6rem;width:60rem}
.me1 .lead{max-width:58rem;font-size:max(17px,2.2rem);line-height:1.46;color:#3f423a;text-wrap:pretty}
.me1 .acts{margin-top:3.2rem}

/* 2 · Erfaringen */
.me2 .in{padding-block:6rem 8rem}
.me2 h2{margin-left:-.3rem;max-width:96rem;font-size:7.6rem;line-height:1.02;letter-spacing:-.02em}
.me2 p{margin-top:3.2rem;max-width:58rem;font-size:max(16px,2.1rem);line-height:1.5;color:#3f423a;text-wrap:pretty}

/* 3 · Det tunge arbejde */
.me3{background:var(--stone)}
.me3 .in{display:grid;grid-template-columns:46rem minmax(0,1fr);column-gap:13rem;align-items:start;padding-block:9rem 9rem}
.me3 h2{margin-left:-.3rem;font-size:7.4rem;line-height:1;letter-spacing:-.02em}
.me3-t p{margin-top:2.8rem;font-size:max(16px,2.1rem);line-height:1.5;color:#3f423a}
.me3-l li{position:relative;padding:2.4rem 0 2.6rem;font:400 4.2rem/1.08 var(--disp);text-wrap:pretty}
.me3-l li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#d0c9bd;transform-origin:left;transition:transform 1.1s var(--ease)}
.t-live .me3-l li:not(.on)::before{transform:scaleX(.08)}
.me3-s{margin-top:2.4rem;max-width:62rem;padding-top:2.8rem;border-top:1px solid #d0c9bd;font-size:max(16px,1.9rem);line-height:1.5;color:#3f423a;text-wrap:pretty}

/* 4 · Hverdagen */
.me4 .in{padding-block:10rem 9rem}
.me4 h2{margin-left:-.3rem;max-width:122rem;font-size:7.6rem;line-height:1.02;letter-spacing:-.02em}
.me4-p{margin-top:3.2rem;max-width:62rem;font-size:max(16px,2.1rem);line-height:1.5;color:#3f423a;text-wrap:pretty}
.me4-foto{position:relative;margin:7rem -8.4rem 0 30rem;z-index:6}
.me4-foto img{width:100%;height:auto;border-radius:.4rem 0 0 .4rem}
.me4-foto figcaption{position:absolute;right:calc(100% + 3rem);top:0;width:21rem;font-size:3.2rem;line-height:1.08}

/* 5 · Derfor SPOR */
.me5 .gulv{height:32rem}
.me5 .in{display:grid;grid-template-columns:minmax(0,1fr) 50rem;column-gap:6rem;align-items:start;padding-block:6rem 12rem}
.me5 h2{margin-left:-.3rem;padding-top:6rem;font-size:7.1rem;line-height:1.02;letter-spacing:-.02em}
.me5-stage{min-height:56rem}
.me5-k{display:flex;flex-direction:column;min-height:56rem;padding:3.6rem 4rem}
.me5-m{display:flex;align-items:center;gap:1rem;font-size:max(14px,1.6rem);font-weight:600}
.me5-m svg{width:2.6rem;height:1.4rem;color:var(--red)}
.me5-s{margin-top:3rem;font-size:3.8rem;line-height:1.1;text-wrap:pretty}
.me5-l{display:flex;flex-direction:column;align-items:flex-start;margin-block:auto 1.6rem;padding-top:2.4rem}
.me5-k .lbl{padding-top:1.6rem;border-top:1px solid rgba(245,243,240,.14)}

/* 6 · Sådan arbejder jeg */
.me6 .in{padding-block:6rem 6rem}
.me6 h2{margin-left:-.4rem;font-size:8.9rem;line-height:1}
.me6-l{list-style:none;margin:4.4rem 0 0;padding:0}
.me6-l li{display:grid;grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr);column-gap:4rem;align-items:baseline;padding:2.6rem 0 3rem;border-top:1px solid #d9d3c9}
.me6-l li:last-child{border-bottom:1px solid #d9d3c9}
.me6-l h3{font-size:4.6rem;line-height:1.04;transition:translate .6s var(--ease)}
.t-live .me6-l li:not(.on) h3{translate:-.6rem 0}
@media (hover:hover) and (pointer:fine){.me6-l li:hover h3{translate:.8rem 0}}
.me6-l p{max-width:60rem;font-size:max(16px,1.9rem);line-height:1.5;color:#3f423a;text-wrap:pretty}
.me6-n{margin-top:2.2rem}

/* 7 · Læs, hvordan jeg tænker */
.me7 .in{display:grid;grid-template-columns:46rem minmax(0,1fr);column-gap:6rem;align-items:start;padding-block:6rem 6rem}
.me7 h2{margin-left:-.2rem;font-size:6rem;line-height:1}
.me7 .reads{border-top-color:#d9d3c9}
.me7 .reads a{font:400 max(20px,2.8rem)/1.14 var(--disp)}
.me7 .reads a svg{color:currentColor}
.me7-h .lnk{margin-top:1.4rem}

/* 8 · Afslutningen */
.me8 .gulv{height:30rem}
.me8 .in{padding-block:8rem 12rem}
.me8 h2{margin-left:-.5rem;font-size:12.4rem;line-height:.98;letter-spacing:-.024em}
.me8-acts{margin-top:5rem}
.me8-note{margin-top:2.4rem}
.me8-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:me-boelge 1.6s var(--ease) both}
@keyframes me-boelge{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(4.2)}}
.f [data-rv] #me-slut{transition:scale .5s var(--ease)}
body:has(.me8-acts .btn-red:hover) #me-slut{scale:1.5}

/* ---------- Telefon: egen opstilling, tråden går i margenen ---------- */
@media (max-width:760px){
  .me1 .in{display:flex;flex-direction:column;min-height:0;padding-top:max(9rem,92px);padding-bottom:4rem}
  .me1 h1{order:1;font-size:7.5rem;line-height:.94}
  .me1 h1 .linje{margin-left:-.3rem;white-space:nowrap}
  .me1-navn{margin-bottom:1.8rem}
  .me1-foto{order:2;position:relative;left:auto;right:auto;top:auto;height:50rem;margin:3.4rem -2rem 0;border-radius:0}
  .me1-t{order:3;width:auto;margin-top:3rem}
  .me1 .lead{font-size:max(16px,1.8rem)}
  .me1 .acts{margin-top:2.4rem;gap:.6rem 2rem}
  .me2 .in{padding-block:2rem 5rem}
  .me2 h2{font-size:5.2rem;line-height:1.04}
  .me2 p{margin-top:2.2rem}
  .me3 .in{display:block;padding-block:5rem 5rem}
  .me3 h2{font-size:5.9rem}
  .me3-h{margin-top:2.8rem}
  .me3-l li{padding:2rem 0 2.2rem;font-size:3.5rem}
  .me3-s{margin-top:.6rem;padding-top:2.2rem}
  .me4 .in{padding-block:6rem 4rem}
  .me4 h2{font-size:5.2rem;line-height:1.04}
  .me4-p{margin-top:2.2rem}
  .me4-foto{margin:3.6rem -2rem 0}
  .me4-foto img{border-radius:0}
  .me4-foto figcaption{position:static;width:auto;margin:1.6rem 2rem 0;padding-right:1rem;font-size:3rem}
  .me5 .in{display:block;padding-block:2rem 7rem}
  .me5 h2{padding-top:2rem;font-size:5.2rem;line-height:1.04}
  .me5-stage{margin-top:3.6rem;width:calc(100% - 2rem);min-height:0}
  .me5-k{min-height:0;padding:2.6rem 2.4rem}
  .me5-s{margin-top:2rem;font-size:3.4rem}
  .me5-l{margin-block:.8rem 1.2rem;padding-top:1.2rem}
  .me6 .in{padding-block:2rem 4rem}
  .me6 h2{font-size:6.8rem}
  .me6 .linje{white-space:normal}
  .me6-l{margin-top:2.8rem}
  .me6-l li{display:block;padding:2rem 0 2.4rem}
  .me6-l h3{font-size:3.6rem}
  .me6-l p{margin-top:1rem}
  .me7 .in{display:block;padding-block:2rem 4rem}
  .me7 h2{font-size:5.9rem}
  .me7-h{margin-top:2.4rem}
  .me8 .in{padding-block:4rem 7rem}
  .me8 h2{font-size:6.4rem;line-height:1}
  .me8-acts{margin-top:3rem;gap:.6rem 2rem}
}