:root{
  color-scheme:light only;
  --bg:#F6F7F3;--bg-2:#E9EFE7;--surface:#FFFFFF;--ink:#1C2A22;--ink-2:#5A6A60;--line:rgba(28,42,34,.12);
  --accent:#36614A;--accent-ink:#FFFFFF;--nav-bg:#FFFFFF;--focus:#36614A;--err:#A33A3A;
  --font-display:"Manrope",system-ui,sans-serif;--font-text:"Manrope",system-ui,sans-serif;
  --display-weight:700;--display-track:-0.03em;--card-r:var(--r-3xl);--img-r:var(--r-3xl);--field-r:var(--r-xl);
}
.dot{width:12px;height:12px;border-radius:var(--r-full);background:var(--accent)}
.nav__brand{font-weight:700;letter-spacing:-0.02em}
.hero{padding-top:var(--s900);padding-bottom:var(--s700)}
.hero__grid{display:grid;gap:var(--s600);align-items:center}
@media (min-width:1024px){.hero__grid{grid-template-columns:1fr 1.1fr;gap:var(--s700)}.hero{padding-bottom:var(--s900)}}
.hero__copy>*+*{margin-top:var(--s300)}
.hero h1{max-width:680px}
.pill{display:inline-flex;align-items:center;gap:var(--s75);padding:var(--s50) var(--s100) var(--s50) var(--s75);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--line);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--accent)}
.hero__img{border-radius:var(--r-3xl);overflow:hidden;aspect-ratio:4/3}
.hero__img img{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){.hero__img{aspect-ratio:5/6}.hero__img img{object-position:40% 50%}}
.proof{display:flex;flex-wrap:wrap;gap:var(--s200) var(--s400);padding-top:var(--s300);border-top:1px solid var(--line)}
.proof li{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.proof b{display:block;font-size:1.5rem;line-height:2rem;color:var(--ink);letter-spacing:-0.02em}
.head{max-width:680px}
.head>*+*{margin-top:var(--s200)}
.body{display:grid;gap:var(--s600);margin-top:var(--s600);align-items:center}
@media (min-width:1024px){.body{grid-template-columns:320px 1fr;gap:var(--s800);max-width:960px;margin-inline:auto}}
.figure{position:relative;width:200px;margin-inline:auto}
.silhouette{width:200px;height:auto;fill:var(--bg-2)}
.spot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:var(--r-full);background:var(--accent);opacity:.18;transform:scale(.6);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.spot.on{opacity:1;transform:scale(1)}
.spot.on::after{content:"";position:absolute;inset:-8px;border-radius:var(--r-full);border:2px solid var(--accent);opacity:.35}
.spot[data-area="nakke"]{left:50%;top:18.6%}.spot[data-area="skulder"]{left:27%;top:23%}.spot[data-area="ryg"]{left:50%;top:40%}.spot[data-area="hofte"]{left:62%;top:50%}.spot[data-area="knae"]{left:40%;top:70%}.spot[data-area="fod"]{left:60%;top:91%}
.areas .chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.advice{border:1px solid var(--line)}
.facts{display:grid;gap:var(--s200)}
@media (min-width:768px){.facts{grid-template-columns:1fr 1fr}}
.facts dt{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.facts dd{font-weight:600}
.tcard{display:grid;gap:var(--s100);align-content:start}
.tcard .i{color:var(--accent)}
.band{display:grid;gap:var(--s300)}
.band img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
@media (min-width:768px){.band{grid-template-columns:1.2fr 1fr}}
.prices{display:grid;gap:var(--s600)}
@media (min-width:1024px){.prices{grid-template-columns:1fr 1fr;gap:var(--s800)}}
.small{max-width:320px;aspect-ratio:4/5}
.small img{width:100%;height:100%;object-fit:cover}
.plist{align-self:start}
.plist li{display:flex;justify-content:space-between;align-items:center;gap:var(--s300);padding:var(--s300) 0;border-top:1px solid var(--line)}
.plist li:last-child{border-bottom:1px solid var(--line)}
.plist li div{display:grid;gap:var(--s25)}
.plist .muted{font-size:.875rem;line-height:1.25rem}
.price{font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.bookgrid{display:grid;gap:var(--s600)}
@media (min-width:1024px){.bookgrid{grid-template-columns:5fr 6fr;gap:var(--s800);align-items:start}}
.team{display:grid;gap:var(--s100)}
.person{justify-content:flex-start;gap:var(--s200);padding:var(--s100) var(--s200) var(--s100) var(--s100);border-radius:var(--r-2xl);background:var(--surface);text-align:left;width:100%}
.person .ini{width:40px;height:40px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--bg-2);color:var(--accent);font-weight:700;font-size:.875rem;line-height:1.25rem}
.person b{display:block;font-size:1rem;line-height:1.5rem}
.person small{display:block;font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}

.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}

.foot{padding-block:var(--s600) var(--s900);border-top:1px solid var(--line);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.foot .row{gap:var(--s200)}
.team .person[aria-pressed="true"]{background:var(--surface);color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.team .person[aria-pressed="true"] .ini{background:var(--accent);color:#fff}
