/* Lumea Healing – stylesheet */

@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/dm-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/dm-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/dm-sans-latin-600-normal.woff2") format("woff2")}

:root{
  --cream:#f6f1e6;
  --sand:#eee6d3;
  --blush:#e5dac4;
  --brand:#4c6353;
  --brand-dark:#3e5144;
  --brand-deep:#3a2d2c;
  --carrot:#d8843a;
  --clay:var(--brand);
  --clay-soft:color-mix(in srgb,var(--brand) 60%,#fff);
  --ink:#16120f;
  --muted:#5b5048;
  --line:rgba(22,18,15,.14);
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radius:22px;
  --wrap:1180px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1.15em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.7rem,6.2vw,5rem)}
h2{font-size:clamp(2.1rem,4.2vw,3.4rem)}
h3{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.15}
em,.it{font-style:italic}
:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:8px;z-index:200}
.skip:focus{left:8px}

.wrap{width:min(var(--wrap),100% - 48px);margin-inline:auto}
.narrow{width:min(760px,100% - 48px);margin-inline:auto}
.section{padding:clamp(72px,10vw,144px) 0}
.section--sand{background:var(--sand)}
.section--blush{background:var(--blush)}
.section--flush-b{padding-bottom:clamp(20px,3vw,44px)}
.section--flush-t{padding-top:clamp(28px,4vw,56px)}
.section--tight{padding:clamp(48px,6vw,88px) 0}
.eyebrow{font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin:0 0 1.2rem;display:flex;align-items:center;gap:.9rem}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.center{text-align:center}
.center .eyebrow{justify-content:center}
.center .eyebrow::before{display:none}
.lead{font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.65;color:var(--muted)}
.muted{color:var(--muted)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.7rem;border-radius:999px;background:var(--brand);color:var(--cream);font-weight:500;font-size:.98rem;text-decoration:none;border:1px solid var(--brand);transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease);cursor:pointer}
.btn .arr{transition:transform .3s var(--ease)}
.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.btn:hover .arr{transform:translateX(4px)}
.btn--ghost{background:transparent;color:var(--brand);border-color:var(--brand)}
.btn--ghost:hover{background:var(--brand);color:var(--cream);border-color:var(--brand)}
.btn--light{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn--light:hover{background:var(--blush);border-color:var(--blush);color:var(--ink)}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.textlink{font-weight:500;text-decoration:none;border-bottom:1px solid var(--clay);padding-bottom:2px;color:var(--ink);transition:color .2s}
.textlink:hover{color:var(--clay)}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(246,241,230,.94);backdrop-filter:saturate(1.2) blur(14px);-webkit-backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.site-header.scrolled{border-bottom-color:var(--line)}
.header-in{display:flex;align-items:center;justify-content:space-between;height:88px;gap:24px}
.brand{display:block;line-height:0}
.brand img{height:54px;width:auto}
.home .brand{opacity:0;pointer-events:none;transition:opacity .4s}
.home .site-header.scrolled .brand{opacity:1;pointer-events:auto}
.nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,36px)}
.nav a{text-decoration:none;font-size:.96rem;position:relative;padding:6px 0;color:var(--ink)}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--clay);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:not(.btn):hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav .btn{padding:.7rem 1.35rem;font-size:.92rem;color:var(--cream)}
.nav .btn:hover{color:var(--cream)}
.nav-toggle{display:none;background:none;border:0;padding:10px;margin-right:-10px;cursor:pointer;color:var(--ink)}
.nav-toggle span{display:block;width:26px;height:1.5px;background:currentColor;margin:6px 0;transition:transform .3s var(--ease),opacity .2s}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-open .nav-toggle span:nth-child(2){opacity:0}
.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Hero */
.hero{position:relative;overflow:hidden;background:#d1c8bc;padding:clamp(20px,2.6vw,36px) 0 0}
.hero-brand{text-align:center;line-height:0;margin-bottom:clamp(6px,1vw,14px)}
.hero-logo{width:clamp(120px,12vw,172px);height:auto;display:inline-block}
.hero-stage{position:relative;width:min(100%,1600px);margin-inline:auto;line-height:0}
.hero-img{display:block;width:100%;height:auto}
.hero-text{position:absolute;left:3.6%;top:1%;width:35%;line-height:1.5}
.hero-text .eyebrow{margin-bottom:.9rem;color:var(--brand-dark)}
.hero .eyebrow::before{background:var(--brand-dark)}
.hero h1{font-size:clamp(1.5rem,2.7vw,2.75rem);max-width:none;margin:0 0 .45em;font-weight:400;line-height:1.1}
.hero h1 em{color:var(--brand-dark)}
.hero .lead{font-size:clamp(.88rem,1.15vw,1.06rem);margin:0;max-width:38ch;color:#3f352f}
.hero .btn--ghost{color:var(--brand-dark);border-color:var(--brand-dark)}
.hero .btn--ghost:hover{background:var(--brand-dark);color:var(--cream)}
.hero-cta{position:static;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;line-height:1.3;padding:clamp(22px,2.6vw,36px) 20px clamp(34px,4vw,56px)}
.hero-cta .btn{justify-content:center;text-align:center;padding:.95rem 1.7rem;font-size:.98rem}

/* Page hero (inner pages) */
.page-hero{padding:clamp(56px,8vw,112px) 0 clamp(40px,6vw,80px);position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(226,212,184,.7),rgba(226,212,184,0) 70%);filter:blur(60px);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{max-width:16ch}
.page-hero .lead{max-width:60ch}

/* Statement */
.statement{font-family:var(--serif);font-size:clamp(1.9rem,4.4vw,3.6rem);line-height:1.16;letter-spacing:-.01em;max-width:24ch;margin:0 auto;font-weight:400}
.statement em{color:var(--clay)}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,5vw,64px)}
.card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,3vw,38px);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(22,18,15,.35);border-color:rgba(143,83,71,.4)}
.section--sand .card{background:rgba(246,241,230,.7)}
.card .ico{font-family:var(--serif);font-style:italic;color:var(--clay);font-size:1.15rem;display:block;margin-bottom:1.1rem}
.card h3{margin-bottom:.45em}
.card p{color:var(--muted);margin:0;font-size:.98rem}

/* Two column */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,110px);align-items:center}
.split--top{align-items:start}
.panel{background:var(--blush);border-radius:calc(var(--radius) + 8px);padding:clamp(34px,5vw,64px);position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;width:340px;height:340px;right:-110px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(246,241,230,.8),rgba(246,241,230,0) 70%)}
.panel blockquote{margin:0;font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;position:relative;z-index:1}
.panel cite{display:block;margin-top:1.5rem;font-family:var(--sans);font-style:normal;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);position:relative;z-index:1}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(36px,5vw,64px);counter-reset:s}
.step{border-top:1px solid var(--ink);padding-top:1.4rem}
.step .num{font-family:var(--serif);font-style:italic;font-size:3.2rem;line-height:1;color:var(--clay);display:block;margin-bottom:.8rem}
.step h3{margin-bottom:.4em}
.step p{color:var(--muted);margin:0}

/* Pricing */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,5vw,64px)}
.price{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,3vw,40px);background:var(--cream);display:flex;flex-direction:column}
.price--feat{background:var(--brand-deep);color:var(--cream);border-color:var(--brand-deep)}
.price--feat .muted{color:rgba(246,241,230,.78)}
.price .tag{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:.9rem;display:block}
.price--feat .tag{color:var(--clay-soft)}
.price h3{margin-bottom:.15em}
.price .amt{font-family:var(--serif);font-size:2.6rem;line-height:1.1;margin:.5rem 0 .2rem}
.price .amt small{font-family:var(--sans);font-size:.9rem;color:var(--muted);margin-left:.3rem}
.price--feat .amt small{color:rgba(246,241,230,.7)}
.price ul{list-style:none;padding:0;margin:1.2rem 0 1.8rem;flex:1}
.price li{padding:.55rem 0 .55rem 1.6rem;position:relative;font-size:.97rem;color:var(--muted);border-top:1px solid var(--line)}
.price--feat li{border-top-color:rgba(246,241,230,.16)}
.price li::before{content:"";position:absolute;left:0;top:1.15rem;width:9px;height:9px;border-radius:50%;background:var(--clay-soft)}
.price .btn{align-self:flex-start}
.price--feat .btn{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.price--feat .btn:hover{background:var(--blush);border-color:var(--blush)}

/* Check lists */
.ticks{list-style:none;padding:0;margin:0}
.ticks li{position:relative;padding:.85rem 0 .85rem 2.2rem;border-bottom:1px solid var(--line)}
.ticks li:first-child{border-top:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:0;top:1.35rem;width:14px;height:14px;border-radius:50%;background:var(--blush);border:1px solid var(--clay-soft)}

/* FAQ */
.faq{margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:1.4rem 3rem 1.4rem 0;font-family:var(--serif);font-size:1.5rem;line-height:1.25;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--sans);font-size:1.6rem;font-weight:300;color:var(--clay);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq .ans{padding:0 0 1.5rem;color:var(--muted);max-width:62ch}

/* Blog */
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:clamp(32px,4vw,56px)}
.post-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,3vw,42px);text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;min-height:260px}
.section--sand .post-card{background:rgba(246,241,230,.7)}
.post-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(22,18,15,.35);border-color:rgba(143,83,71,.4)}
.post-meta{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);margin-bottom:1rem}
.post-card h3{font-size:clamp(1.6rem,2.6vw,2.15rem);margin-bottom:.5em}
.post-card p{color:var(--muted);flex:1}
.post-card .more{font-weight:500;margin-top:.4rem}
.post-card .more .arr{display:inline-block;transition:transform .3s var(--ease)}
.post-card:hover .more .arr{transform:translateX(5px)}

.article{padding:clamp(48px,7vw,96px) 0 clamp(64px,8vw,110px)}
.article header{margin-bottom:clamp(28px,4vw,52px)}
.article h1{font-size:clamp(2.4rem,5vw,4rem);max-width:18ch}
.article .post-meta{margin-bottom:1.4rem}
.article .prose{font-size:1.12rem;line-height:1.8}
.prose h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:2.2em 0 .5em}
.prose h3{margin:1.8em 0 .4em}
.prose ul{padding-left:1.2rem;margin:0 0 1.4em}
.prose li{margin-bottom:.5em}
.prose blockquote{margin:2em 0;padding:0 0 0 1.6rem;border-left:2px solid var(--clay);font-family:var(--serif);font-size:1.7rem;line-height:1.3}
.crumb{font-size:.9rem;margin-bottom:1.6rem}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--clay)}
.note{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);margin-top:3rem;padding-top:1.4rem}

/* CTA band */
.cta{background:var(--brand-deep);color:var(--cream);text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:700px;height:700px;left:50%;top:-360px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 45%,transparent),transparent 70%);pointer-events:none}
.cta .wrap{position:relative}
.cta img{width:min(300px,64%);margin:0 auto 2.2rem;opacity:.95}
.cta h2{font-weight:400;max-width:18ch;margin-inline:auto}
.cta p{color:rgba(246,241,230,.75);max-width:52ch;margin:0 auto 2rem}
.cta .btn-row{justify-content:center}

/* Contact */
.contact-box{background:var(--sand);border-radius:calc(var(--radius) + 8px);padding:clamp(32px,5vw,64px)}
.contact-mail{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;word-break:break-word}
.contact-mail a{text-decoration:none;border-bottom:1px solid var(--clay)}
.contact-mail a:hover{color:var(--clay)}

/* Footer */
.site-footer{background:var(--sand);padding:clamp(56px,7vw,96px) 0 32px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(28px,5vw,72px)}
.foot-grid img{width:190px;margin-bottom:1.2rem}
.site-footer h4{font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:1.1rem}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:.5rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--clay)}
.foot-note{margin-top:clamp(36px,5vw,64px);padding-top:24px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}
.foot-note p{margin:0;max-width:70ch}

/* Lab test grid: mobile-first single column, natural source order
   (text, ticks, when-box, photo) so mobile is untouched. Desktop rearranges
   into a 2x2 grid: text+when-box left, ticks+photo right. */
.test-grid{display:grid;grid-template-columns:1fr}
.test-photo-wrap{margin-top:clamp(16px,2vw,28px)}
.test-photo{display:block;width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
@media (min-width:981px){
  .test-grid{grid-template-columns:1fr 1fr;column-gap:clamp(36px,7vw,110px);row-gap:0;align-items:start}
  .test-text{grid-column:1;grid-row:1}
  .test-ticks{grid-column:2;grid-row:1}
  .test-when{grid-column:1;grid-row:2}
  .test-photo-wrap{grid-column:2;grid-row:2;align-self:stretch;display:flex;align-items:center;justify-content:center}
}

/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* Responsive */
@media (max-width:980px){
  .cards{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-grid>div:first-child{grid-column:1/-1}
  .test-photo-wrap{display:none}
  /* An odd-numbered last card would otherwise sit alone, flush left, in a
     half-empty row. Center it at the same width as its siblings instead. */
  .cards .card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 11px);margin-inline:auto}
}
@media (max-width:820px){
  .nav-toggle{display:block}
  .nav{position:fixed;inset:88px 0 auto 0;background:var(--cream);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 28px;border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s var(--ease),visibility .3s}
  .nav a{padding:15px 0;width:100%;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav a::after{display:none}
  .nav .btn{margin-top:18px;width:auto;border-bottom:1px solid var(--clay);justify-content:center}
  .nav-open .nav{transform:none;opacity:1;visibility:visible}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .wrap,.narrow{width:calc(100% - 40px)}
  .cards,.posts{grid-template-columns:1fr}
  .cards .card:last-child:nth-child(odd){max-width:none;margin-inline:0}
  .foot-grid{grid-template-columns:1fr}
  .brand img{height:44px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}
@media print{.site-header,.cta,.nav-toggle{display:none}}

/* Extra layout helpers */
.steps--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.steps--4{grid-template-columns:1fr 1fr}.cards[style*="repeat(4"]{grid-template-columns:1fr 1fr!important}.prices[style*="repeat(2"]{grid-template-columns:1fr!important}.prices{grid-template-columns:1fr}}
@media (max-width:640px){.steps--4{grid-template-columns:1fr}.cards[style*="repeat(4"]{grid-template-columns:1fr!important}}

.price.price--feat li{color:rgba(246,241,230,.82)}

/* Tests */
[id]{scroll-margin-top:96px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.8rem}
.chip{padding:.55rem 1.15rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.92rem;background:rgba(246,241,230,.7);transition:border-color .25s,color .25s}
.chip:hover{border-color:var(--clay);color:var(--clay)}
.card--link{display:block;text-decoration:none;color:inherit}
.card--link .more{display:inline-block;margin-top:1.1rem;font-weight:500;font-size:.95rem}
.card--link .more .arr{display:inline-block;transition:transform .3s var(--ease)}
.card--link:hover .more .arr{transform:translateX(5px)}
.card--link{display:flex;flex-direction:column}
.card--link p{flex:1}

/* Portræt */
.portrait{margin:0;width:100%;max-width:460px;margin-inline:auto}
.portrait-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(160deg,var(--blush),var(--sand));border-radius:50% 50% 26px 26px / 34% 34% 26px 26px}
.portrait-frame img.photo{width:100%;height:100%;object-fit:cover}
.portrait-frame .ph-m{position:absolute;left:50%;top:52%;width:34%;transform:translate(-50%,-50%);opacity:.32;height:auto}
.ph-label{display:none}
.portrait-cap{position:relative;margin:-64px 0 0 -6%;width:82%;background:var(--cream);padding:22px 26px;border-radius:18px;box-shadow:0 22px 44px -26px rgba(22,18,15,.4);font-family:var(--serif);font-size:1.4rem;line-height:1.25}
.portrait-cap span{display:block;margin-top:.7rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--clay)}
.page-hero--split .split{align-items:center}
.page-hero--split .portrait{max-width:400px}
@media (max-width:980px){.page-hero--split .portrait{margin-top:24px}}
@media (max-width:640px){.portrait-cap{margin-left:0;width:92%;margin-top:-48px;font-size:1.25rem}}

/* Quote panel (home about teaser) */
.quote-panel{margin:0;background:var(--brand-deep);color:var(--cream);border-radius:var(--radius);padding:clamp(32px,5vw,56px)}
.quote-panel p{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.22;margin:0 0 1.4rem}
.quote-panel span{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
@media (max-width:980px){
  .hero-text,.hero-cta{position:static;width:auto;line-height:1.5}
  .hero-stage{display:flex;flex-direction:column}
  .hero-img{order:1}
  .hero-text{order:2;width:min(100% - 40px,640px);margin:0 auto;padding:26px 0 0;text-align:left}
  .hero-cta{order:3;flex-direction:row;flex-wrap:wrap;width:min(100% - 40px,640px);margin:0 auto;padding:22px 0 34px;justify-content:flex-start;align-items:center}
  .hero-cta .btn{padding:.95rem 1.5rem;font-size:.98rem}
  .hero h1{font-size:clamp(1.9rem,6vw,2.6rem)}
  .hero .lead{font-size:1.02rem;max-width:none}
  .hero-text .eyebrow{margin-bottom:.9rem}
}
.page-hero h1 em{color:var(--clay)}

/* Tre kolonner på computer, én på mobil */
@media (max-width:720px){.steps,.prices{grid-template-columns:1fr}}
@media (min-width:721px) and (max-width:980px){.steps{gap:22px}.step h3{font-size:1.25rem}.prices{gap:14px}.price{padding:24px 20px}}
/* Kortere afslutnings-sektion */
.cta{padding:clamp(44px,6vw,76px) 0}
.cta img{width:min(150px,44%);margin:0 auto 1.2rem}
.cta h2{margin-bottom:.4em}
.cta p{margin-bottom:1.5rem}
/* Enkel footer */
.site-footer{padding:clamp(36px,5vw,56px) 0 28px}
.foot-contact h4{margin-bottom:.6rem}
.foot-contact a{font-size:1.05rem}
.foot-note{margin-top:clamp(24px,3vw,36px)}

/* Lumea-navnet */
.lumea-note{background:var(--sand);border-radius:var(--radius);padding:clamp(28px,5vw,56px)}
.lumea-note h2{margin-bottom:.6em}
.lumea-note h2 em{color:var(--clay)}
.lumea-note p:last-child{margin-bottom:0}

/* Om mig: foto ved siden af teksten */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:clamp(32px,6vw,88px);align-items:start}
.story-photo{margin:0;position:sticky;top:110px;max-width:360px}
.story-photo img{display:block;width:100%;height:auto;aspect-ratio:945/1664;border-radius:24px;box-shadow:0 24px 50px -30px rgba(58,45,44,.45)}
.story .prose{font-size:1.08rem;line-height:1.75;max-width:64ch}
.story .prose h2{margin-top:0}
.nav-short{display:none}
@media (min-width:821px) and (max-width:1139px){.nav-long{display:none}.nav-short{display:inline}}
@media (max-width:820px){.nav-short{display:none}}
@media (max-width:820px){
  .story{grid-template-columns:1fr;gap:26px}
  .story-photo{position:static;max-width:none}
  .story-photo img{aspect-ratio:1331/1181}
}
.page-hero--tight{padding:clamp(40px,5vw,72px) 0 clamp(24px,3vw,40px)}
.page-hero--tight .lead{margin-bottom:0}

/* Prisliste med tests */
.price-rows-old{list-style:none;padding:0;margin:1rem 0 .6rem;flex:1}
.price-rows li{padding:.85rem 0 .7rem;border-top:1px solid var(--line);color:var(--ink)}
.price-rows li::before{display:none}
.price-rows .pn{display:block;font-size:.95rem;color:var(--muted)}
.price-rows .pn small{font-size:inherit;color:inherit}
.price-rows .pv{display:block;font-family:var(--serif);font-size:2.6rem;line-height:1.1;margin-top:.15rem}
.price-note{margin:.4rem 0 1.6rem;padding-top:.85rem;border-top:1px solid var(--line);font-size:.97rem;color:var(--muted)}
.prices--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:720px){.prices--2{grid-template-columns:1fr}}

.price--tests li strong{font-weight:600;color:var(--ink);white-space:nowrap}

.when{margin-top:1.8rem;padding:1.7rem 1.9rem 1.8rem;background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:22px}
.when h3{font-size:1.5rem;margin:0 0 .4rem}
.when p{margin:0 0 .8rem;color:var(--muted);font-size:.97rem}
.when ul{list-style:none;padding:0;margin:0 0 1.3rem}
.when li{position:relative;padding:.4rem 0 .4rem 1.5rem;font-size:.97rem;line-height:1.5}
.when li::before{content:"";position:absolute;left:0;top:.95rem;width:8px;height:8px;border-radius:50%;background:var(--brand)}
@media (max-width:560px){.when{padding:1.4rem 1.3rem}}

.contact-alt{margin:1.4rem 0 0;font-size:.95rem}
.contact-alt a,.linkbtn{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--clay)}
.linkbtn{background:none;border-top:0;border-left:0;border-right:0;padding:0;font:inherit;cursor:pointer}
.linkbtn:hover,.contact-alt a:hover{color:var(--clay)}

/* Forsidens kort i billedets vægfarve */
.home .cards .card{background:#d1c8bc;border-color:transparent}
.home .cards .card:hover{border-color:rgba(76,99,83,.35)}
.home .cards .card p{color:#4a3f38}
.home .cards .card .ico{color:var(--brand-dark)}

.contact-or{margin:2rem 0 .4rem;color:var(--muted)}
.contact-box .contact-mail{margin:0}

.step .step-cta{margin:1rem 0 0}
.btn--sm{padding:.5rem 1.05rem;font-size:.85rem;gap:.4rem}

.lumea-note--next{margin-top:clamp(20px,3vw,32px)}