:root{
  --bg:#f3f4f1; --paper:#fff; --ink:#121614; --muted:#56605a; --line:#dcdfda;
  --green:#9b1b34; --green-ink:#fff; --soft:#efe6e7;
  --r:14px; --pad:clamp(20px,5vw,48px); --max:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:100%/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3{margin:0;font-weight:750;letter-spacing:-.022em;line-height:1.05}
p{margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 22px;border-radius:999px;font-weight:650;font-size:1rem;text-decoration:none;letter-spacing:0;background:var(--green);color:var(--green-ink);border:1.5px solid var(--green);transition:transform .1s ease-out,background .15s}
.btn:hover{background:#7f1529}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn-sm{min-height:40px;padding:0 16px;font-size:.9375rem}
:focus-visible{outline:3px solid #c23a52;outline-offset:3px}

/* header */
.top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid rgba(18,22,20,.06)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.01em;line-height:1.1}
.brand img{height:52px;width:auto;mix-blend-mode:multiply}
@media (max-width:720px){.brand img{height:44px}}
.brand small{font-weight:600;color:var(--muted);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;padding-left:12px;border-left:1px solid var(--line)}
@media (max-width:380px){.brand img{height:40px}}
.top nav{display:flex;align-items:center;gap:22px}
.top nav a:not(.btn){text-decoration:none;font-size:.9375rem;color:var(--muted)}
.top nav a:not(.btn):hover{color:var(--ink)}
@media (max-width:760px){.top nav a:not(.btn){display:none}}

/* hero */
.hero{padding:clamp(28px,6vw,72px) 0 clamp(40px,7vw,88px)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.eyebrow{font-size:.8125rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.hero h1{font-size:clamp(2.6rem,7.2vw,5.4rem);letter-spacing:-.035em;line-height:.98;margin:14px 0 20px}
.hero h1 span{color:var(--muted);font-weight:500}
.lead{font-size:clamp(1.0625rem,1.6vw,1.25rem);color:#2c332f;max-width:34em}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.9375rem;color:var(--muted)}
.facts b{color:var(--ink);font-weight:650}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa39d;margin-right:7px;vertical-align:1px}
.dot.open{background:#2f9e6b}
.portrait{margin:0;position:relative}
.portrait img{border-radius:22px;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;width:100%;filter:contrast(1.03)}
.portrait figcaption{position:absolute;left:14px;bottom:14px;right:14px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;padding:10px 14px;font-size:.9375rem;line-height:1.35}
.portrait figcaption b{display:block;font-weight:700;letter-spacing:-.01em}
@media (max-width:820px){
  .hero .wrap{grid-template-columns:1fr}
  .portrait{order:-1;max-width:520px}
  .portrait img{aspect-ratio:4/3}
}

/* sections */
section{scroll-margin-top:72px}
.sec{padding:clamp(48px,8vw,96px) 0;border-top:1px solid var(--line)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,40px)}
.sec h2{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.03em}
.sec-head p{color:var(--muted);max-width:30em}

/* prices */
.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:820px){.groups{grid-template-columns:1fr}}
.group{background:var(--paper);border-radius:var(--r);padding:clamp(20px,3vw,28px);border:1px solid rgba(18,22,20,.05)}
.group h3{font-size:1.375rem;letter-spacing:-.015em;margin-bottom:6px}
.group > p{color:var(--muted);font-size:.9375rem;margin-bottom:8px}
.row{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:14px 0;border-top:1px solid var(--line)}
.row:first-of-type{border-top:0}
.row h4{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.005em;line-height:1.35}
.row .price{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.row .min{color:var(--muted);font-size:.875rem;grid-column:1}
.row .about{grid-column:1/-1;color:#3d4641;font-size:.9375rem;line-height:1.55;margin-top:4px}
.book-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.book-row p{color:var(--muted);font-size:.9375rem}

/* remote band */
.remote{background:var(--ink);color:#eef1ee;border-top:0}
.remote .sec-head p,.remote .group > p{color:#aeb7b1}
.remote .group{background:#1c221f;border-color:#262e2a}
.remote .row{border-color:#2b332f}
.remote .row .min{color:#9aa49e}
.remote .row .about{color:#c9d0cb}
.remote .btn{background:#fff;color:var(--ink);border-color:#fff}
.remote .btn:hover{background:#dfe6e1}
.remote .groups{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.remote .groups{grid-template-columns:1fr}}

/* find us */
.find{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:820px){.find{grid-template-columns:1fr}}
.card{background:var(--paper);border-radius:var(--r);padding:clamp(20px,3vw,28px);border:1px solid rgba(18,22,20,.05)}
.card h3{font-size:1.25rem;letter-spacing:-.012em;margin-bottom:12px}
.card p+p{margin-top:10px}
.card .muted{color:var(--muted);font-size:.9375rem}
.hours{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.hours td{padding:11px 0;border-top:1px solid var(--line)}
.hours tr:first-child td{border-top:0}
.hours td:last-child{text-align:right;font-weight:600}
.hours tr.today td{color:var(--green);font-weight:700}
.hours tr.closed td:last-child{color:var(--muted);font-weight:500}
.contact a{font-weight:650;text-decoration:none;border-bottom:1.5px solid var(--line)}
.contact a:hover{border-color:var(--ink)}
.card .btn{margin-top:18px}
.also{margin-top:16px;font-size:.9375rem;color:var(--muted)}

footer{padding:36px 0 120px;color:var(--muted);font-size:.875rem;border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* sticky bar on phones */
.bar{display:none}
@media (max-width:720px){
  .bar{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(243,244,241,.86);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border-top:1px solid rgba(18,22,20,.08)}
  .bar .btn{width:100%}
  .top .btn{display:none}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
@media (prefers-reduced-transparency:reduce){.bar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.portrait figcaption{background:#fff;backdrop-filter:none}}
@media (prefers-contrast:more){:root{--muted:#3a423e;--line:#9aa39d}}

/* Christian, 4 Nov: one start page, two cities, his three parts, analysis and mental training */
.brand{color:inherit}
.top nav a[aria-current]{color:var(--ink);font-weight:650}
.cities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 22px}
.city{display:grid;gap:4px;padding:18px 20px;border-radius:var(--r);background:var(--green);color:#fff;text-decoration:none;transition:transform .1s ease-out,background .15s}
.city:hover{background:#7f1529}
.city:active{transform:scale(.98)}
.city b{font-size:1.375rem;letter-spacing:-.015em;display:flex;justify-content:space-between;align-items:center}
.city b::after{content:"→";font-weight:500}
.city span{font-size:.9375rem;opacity:.85}
.city.alt{background:var(--ink)}
.city.alt:hover{background:#2a312d}
@media (max-width:420px){.cities{grid-template-columns:1fr}}
.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.parts{grid-template-columns:1fr}}
.part{background:var(--paper);border-radius:var(--r);padding:clamp(20px,3vw,28px);border:1px solid rgba(18,22,20,.05);display:grid;gap:10px;align-content:start}
.part .n{font-size:.8125rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.part h3{font-size:1.375rem;letter-spacing:-.015em}
.part p{color:#3d4641}
.part a{font-weight:650;text-decoration:none;border-bottom:1.5px solid var(--line);justify-self:start}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips span{padding:7px 14px;border-radius:999px;background:#1c221f;border:1px solid #2b332f;font-size:.9375rem;color:#eef1ee}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.split .lead+.lead{margin-top:14px}
.price-line{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.price-line .tag{font-weight:700;font-variant-numeric:tabular-nums}
.other{margin-top:16px}
.shot{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.shot.wide{aspect-ratio:4/3}
@media (max-width:820px){.hero .shot{order:-1;max-width:520px;aspect-ratio:4/3}.split .shot{max-width:520px;aspect-ratio:4/3}}
.reel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.reel img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);margin-top:clamp(24px,3vw,36px)}
.about-cols .lead+.lead{margin-top:14px}
@media (max-width:820px){.about-cols{grid-template-columns:1fr}}
@media (max-width:820px){.reel{grid-template-columns:1fr 1fr}}

/* Christian, 5 Nov: back pain first, three steps, his titles */
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.dark:hover{background:#2a312d}
.hero .lead+.lead{margin-top:12px}
.sign{font-weight:650;margin-bottom:10px}
.rating span:last-child{color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.steps li{background:var(--paper);border-radius:var(--r);padding:clamp(20px,3vw,28px);border:1px solid rgba(18,22,20,.05);display:grid;gap:8px;align-content:start}
.steps .n{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700}
.steps h3{font-size:1.25rem;letter-spacing:-.012em}
.steps p{color:#3d4641}
@media (max-width:820px){.steps{grid-template-columns:1fr}}
.remote .groups{grid-template-columns:repeat(2,1fr)}
@media (max-width:820px){.remote .groups{grid-template-columns:1fr}}
.titles{list-style:none;margin:0;padding:0;display:grid;gap:0;align-content:start}
.titles li{padding:12px 0;border-top:1px solid var(--line);font-weight:650;font-size:1.0625rem}
.titles li:first-child{border-top:0;padding-top:0}
.top nav a{white-space:nowrap}
.brand img{flex-shrink:0}
@media (max-width:1040px){.top nav a:not(.btn){display:none}}
@media (max-width:720px){.bar{grid-template-columns:1fr 1fr}.bar .btn{white-space:nowrap;padding:0 12px}}
.brand{flex-shrink:0}
.brand small{white-space:nowrap}
@media (max-width:1180px){.top nav a:not(.btn){display:none}}

/* Christian, 5 Nov evening: maps and the entrance */
.map-row{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}
.map-row.one{grid-template-columns:1fr}
.map{border-radius:var(--r);overflow:hidden;background:var(--paper);border:1px solid rgba(18,22,20,.05);min-height:320px}
.map iframe{display:block;width:100%;height:100%;min-height:320px;border:0}
.outside{margin:0;display:grid;gap:8px}
.outside img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.outside figcaption{color:var(--muted);font-size:.9375rem}
@media (max-width:820px){.map-row{grid-template-columns:1fr}.map,.map iframe{min-height:280px}}