@font-face{font-family:Archivo;src:url(../fonts/archivo.woff2) format("woff2");font-weight:300 900;font-stretch:100% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans.woff2) format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#0c0c0d;--paper:#f5f4f0;--stone:#e4e2dc;--moon:#efe9da;--line:rgba(12,12,13,.14);--mute:#55544f;--max:1180px;--pad:clamp(20px,5vw,56px);--disp:"Archivo",ui-sans-serif,system-ui,sans-serif;--body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sw:clamp(1.4px,.22vw,2.6px);--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:60px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 clamp(16px,.35vw + 15px,18px)/1.65 var(--body);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit;text-underline-offset:.2em}
h1,h2,h3,h4,p,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.dark :focus-visible{outline-color:var(--moon)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:99px;transition:top .2s}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* the two kinds of lettering from the logo: solid and outline */
.s{font-family:var(--disp);font-weight:900;font-stretch:125%;font-variation-settings:"wdth" 125;letter-spacing:-.01em}
.o{font-family:var(--disp);font-weight:900;font-stretch:125%;font-variation-settings:"wdth" 125;color:transparent;-webkit-text-stroke:var(--sw) var(--ink);letter-spacing:-.01em}
.dark .o{-webkit-text-stroke-color:var(--paper)}
@supports not (-webkit-text-stroke:1px #000){.o{color:inherit;font-weight:300}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:99px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font:700 15px/1 var(--body);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease),background .25s,color .25s,box-shadow .3s}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px rgba(12,12,13,.5)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.sm{min-height:44px;padding:0 20px;font-size:14px}
.btn.lg{min-height:58px;width:100%;font-size:17px}
.dark .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.dark .btn:hover{box-shadow:0 10px 24px -10px rgba(245,244,240,.4)}
.lnk{font-weight:600;font-size:14px}

/* header */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:20px;padding:max(12px,env(safe-area-inset-top)) var(--pad) 12px;transition:background .3s,box-shadow .3s}
.top.stuck{background:rgba(245,244,240,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 20px/1 var(--disp);font-stretch:125%;letter-spacing:-.01em}
.brand b{font-weight:900}
.brand-moon{width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(90deg,var(--ink) 50%,var(--paper) 50%)}
.brand-t{font-weight:300;-webkit-text-stroke:0}
.nav{display:none;margin-left:auto;gap:28px}
.nav a{text-decoration:none;font-weight:600;font-size:15px;padding:8px 2px;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover::after{transform:scaleX(1)}
.top>.btn{margin-left:auto}
@media (min-width:760px){.nav{display:flex}.top>.btn{margin-left:0}}

/* hero */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:92px var(--pad) 56px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--moon) 0%,var(--paper) 62%)}
.hero-in{display:grid;gap:clamp(22px,4vw,56px);width:100%;max-width:var(--max);align-items:center;justify-items:center}
.ringwrap{position:relative;width:min(78vw,400px);aspect-ratio:1;will-change:transform;transform:translateY(calc(var(--sp,0) * 36px)) scale(calc(1 - var(--sp,0) * .1));opacity:calc(1 - var(--sp,0) * .55)}
.moonring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dots{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-dasharray:.1 7;stroke-linecap:round}
.rim{fill:none;stroke:var(--ink);stroke-width:1.8}
.lit{fill:var(--paper)}
.dark-moon,.moon .dark{fill:var(--ink)}
.ring{transform-box:view-box;transform-origin:50% 50%;animation:spin 240s linear infinite}
.moon{transform-box:fill-box;transform-origin:50% 50%;opacity:0;animation:fadein .9s ease both,unspin 240s linear infinite}
.moon:nth-child(1){animation-delay:.2s,0s}.moon:nth-child(2){animation-delay:.35s,0s}.moon:nth-child(3){animation-delay:.5s,0s}.moon:nth-child(4){animation-delay:.65s,0s}
.moon:nth-child(5){animation-delay:.8s,0s}.moon:nth-child(6){animation-delay:.95s,0s}.moon:nth-child(7){animation-delay:1.1s,0s}.moon:nth-child(8){animation-delay:1.25s,0s}
.orb{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0%,var(--moon) 52%,rgba(239,233,218,0) 71%);box-shadow:0 0 90px 24px rgba(239,233,218,.9);animation:breathe 10s cubic-bezier(.45,0,.25,1) infinite}
.breath{position:absolute;inset:0;display:grid;place-items:center;font:600 11px/1 var(--body);letter-spacing:.3em;text-transform:uppercase;color:rgba(12,12,13,.72);pointer-events:none}
.bi,.bo{grid-area:1/1}
.bi{animation:inlabel 10s infinite}.bo{animation:outlabel 10s infinite}
.hero-txt{text-align:center;display:grid;gap:18px;justify-items:center}
.kicker{font:600 12px/1.4 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.mark{display:grid;gap:.04em;font-size:clamp(34px,11.4vw,112px);line-height:.92}
.mark .ln{display:block;white-space:nowrap}
.w1{animation:rise 1s var(--ease) .15s both}.w2{animation:rise 1s var(--ease) .3s both}.w3{animation:rise 1s var(--ease) .45s both}.w4{animation:rise 1s var(--ease) .6s both}
.lead{max-width:30em;font-size:clamp(17px,1.2vw + 12px,21px);color:#2b2a27}
.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}
.scrollcue{position:absolute;left:50%;bottom:18px;width:26px;height:42px;margin-left:-13px;border:2px solid var(--ink);border-radius:20px;opacity:.6}
.scrollcue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--ink);animation:cue 2.2s ease-in-out infinite}
@media (min-width:960px){.hero-in{grid-template-columns:1fr 1fr;justify-items:stretch}.ringwrap{order:2;width:min(40vw,520px);justify-self:center}.hero-txt{order:1;text-align:left;justify-items:start}.cta{justify-content:flex-start}.mark{font-size:clamp(56px,6.3vw,104px)}}

/* marquee */
.marquee{background:var(--ink);color:var(--paper);overflow:hidden;padding:16px 0}
.track{display:flex;width:max-content;animation:marq 42s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee .grp{display:flex;align-items:center;gap:28px;padding-right:28px;font:800 clamp(17px,3vw,28px)/1 var(--disp);font-stretch:125%;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.marquee i{width:11px;height:11px;border-radius:50%;background:var(--paper);flex:none}
.marquee i:nth-child(even){background:transparent;border:2px solid var(--paper)}

/* sections */
.sec{padding:clamp(72px,11vw,150px) 0;position:relative}
.dark{background:var(--ink);color:var(--paper)}
.stone{background:var(--stone)}
.eyebrow{font:600 12px/1.4 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.dark .eyebrow{color:rgba(245,244,240,.7)}
.h2{font-size:clamp(34px,8.2vw,84px);line-height:.95;margin-bottom:18px}
.sub{font:300 clamp(20px,3vw,34px)/1.2 var(--disp);font-stretch:125%;margin-bottom:clamp(32px,5vw,56px)}
.rv{transition:opacity .9s ease,transform .9s var(--ease)}
.js .rv{opacity:0;transform:translateY(30px)}
.js .rv.in{opacity:1;transform:none}
.days .day:nth-child(2){transition-delay:.12s}.steps li:nth-child(2){transition-delay:.12s}.steps li:nth-child(3){transition-delay:.24s}.contacts li:nth-child(2){transition-delay:.1s}.contacts li:nth-child(3){transition-delay:.2s}

/* schedule */
.days{display:grid;gap:22px}
.day{border:1.5px solid var(--line);border-radius:30px;padding:clamp(14px,2.2vw,22px);display:grid;gap:14px;align-content:start}
.day-h{padding:6px 8px 2px}
.day-h h3{font:800 clamp(15px,2.2vw,19px)/1.2 var(--body);letter-spacing:.1em}
.day-h p{color:var(--mute);font-size:15px}
.card{position:relative;background:var(--stone);border-radius:22px;padding:clamp(18px,2.6vw,26px);display:grid;gap:6px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease),box-shadow .35s}
.card:hover,.card:focus-within{box-shadow:0 22px 40px -22px rgba(12,12,13,.45)}
.card .num{font:700 14px/1 var(--body);color:var(--mute)}
.card h4{font:800 clamp(21px,2.6vw,27px)/1.1 var(--disp);font-stretch:112%;letter-spacing:-.005em;margin-top:10px}
.card .grp{color:var(--mute);font-size:16px}
.card hr{width:34px;border:0;border-top:2px solid var(--ink);margin:12px 0 8px}
.card .time{font-weight:700;font-size:18px}
.card .fmt{font-weight:600;color:#2b2a27}
.card .when{font-size:14px;color:var(--mute)}
.pillrow{margin-top:8px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1.5px solid var(--ink);border-radius:99px;font:700 11.5px/1 var(--body);letter-spacing:.09em;text-transform:uppercase}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse 2.4s ease-in-out infinite}
.pill.full{background:var(--ink);color:var(--paper)}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px}
.dm{margin-top:clamp(28px,4vw,48px);text-align:center;font:700 clamp(15px,2vw,19px)/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase}
@media (min-width:860px){.days{grid-template-columns:1fr 1fr;gap:28px}}

/* steps */
.steps{display:grid;gap:clamp(28px,4vw,48px);margin:clamp(34px,5vw,60px) 0 28px}
.steps li{border-top:1.5px solid rgba(245,244,240,.28);padding-top:22px;display:grid;gap:10px}
.steps b{font:900 clamp(56px,10vw,104px)/.9 var(--disp);font-stretch:125%;color:transparent;-webkit-text-stroke:var(--sw) var(--paper)}
.steps h3{font:800 clamp(22px,3vw,30px)/1.1 var(--disp);font-stretch:112%}
.steps p{color:rgba(245,244,240,.82);max-width:28em}
.note{color:rgba(245,244,240,.82)}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}

/* two-column blocks */
.two{display:grid;gap:clamp(32px,6vw,72px);align-items:center}


.addr{font-style:normal;display:grid;gap:2px;font:600 clamp(20px,2.8vw,28px)/1.35 var(--body);margin:6px 0 24px}
.bigno{font:900 clamp(120px,32vw,300px)/.8 var(--disp);font-stretch:125%;color:transparent;-webkit-text-stroke:var(--sw) var(--ink);justify-self:center;user-select:none}
@media (min-width:860px){.two{grid-template-columns:1fr 1fr}}


/* about: portrait, bio, training */
.about .two{align-items:start}
.pwrap{position:relative;width:min(86vw,460px);justify-self:center}
.portrait{margin:0;border-radius:32px;overflow:hidden;background:var(--stone);aspect-ratio:1;box-shadow:0 30px 60px -34px rgba(12,12,13,.55)}
.portrait img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.pwrap:hover .portrait img{transform:scale(1.04)}
.bigmoon{position:absolute;aspect-ratio:1;border-radius:50%;border:2px solid var(--ink);background:var(--ink);overflow:hidden}
.bigmoon.badge{width:26%;right:-5%;top:-5%;box-shadow:0 0 0 6px var(--paper)}
.bigmoon::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--paper);transform:translateX(calc(100% - var(--ph,.35) * 100%))}
.bio p{max-width:36em;margin-top:16px}.bio .h2+p{margin-top:8px}
.styles{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.styles li{padding:7px 14px;border:1.5px solid var(--ink);border-radius:99px;font:600 14px/1 var(--body)}
.train{display:grid;gap:14px;margin:18px 0}
.train li{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:var(--stone)}
.train b{font:900 clamp(20px,2.4vw,24px)/1 var(--disp);font-stretch:125%;color:transparent;-webkit-text-stroke:var(--sw) var(--ink)}
.quote{margin:30px 0;padding:4px 0 4px 20px;border-left:3px solid var(--ink)}
.quote p{margin:0;max-width:32em;font:300 clamp(19px,2.2vw,25px)/1.4 var(--disp);font-stretch:112%}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media (min-width:860px){.train li{grid-template-columns:190px 1fr;align-items:baseline}.pwrap{position:sticky;top:96px}}
/* gallery */
.gallery{columns:2;column-gap:12px;margin-top:clamp(26px,4vw,48px)}
.gallery li{break-inside:avoid;margin:0 0 12px}
.gal{display:block;border-radius:20px;overflow:hidden;background:var(--paper);position:relative;cursor:zoom-in;line-height:0}
.gal img{width:100%;height:auto;transition:transform .8s var(--ease),filter .4s}
.gal:hover img,.gal:focus-visible img{transform:scale(1.05)}
.gal::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1.5px rgba(12,12,13,.12);pointer-events:none}
@media (min-width:700px){.gallery{columns:3;column-gap:16px}.gallery li{margin-bottom:16px}}
.lb{border:0;padding:0;background:rgba(12,12,13,.96);max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:var(--paper)}
.lb::backdrop{background:rgba(12,12,13,.92)}
.lb-in{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:56px 16px 64px}
.lb img{max-width:min(100%,1100px);max-height:calc(100vh - 140px);width:auto;height:auto;border-radius:14px;background:var(--stone)}
.lb-cap{position:absolute;left:0;right:0;bottom:18px;margin:0;text-align:center;padding:0 70px;font-size:15px;color:rgba(245,244,240,.88)}
.lb-b{position:absolute;width:48px;height:48px;border-radius:50%;border:2px solid var(--paper);background:rgba(12,12,13,.5);color:var(--paper);font:400 28px/1 var(--body);cursor:pointer;display:grid;place-items:center;padding:0 0 4px}
.lb-b:hover{background:var(--paper);color:var(--ink)}
.lb-x{top:max(14px,env(safe-area-inset-top));right:14px}.lb-p{left:12px;top:50%;margin-top:-24px}.lb-n{right:12px;top:50%;margin-top:-24px}
.lb :focus-visible{outline:3px solid var(--moon);outline-offset:3px}

/* booking */
.bookgrid{display:grid;gap:clamp(28px,5vw,64px);align-items:start}
.form{display:grid;gap:18px;background:rgba(245,244,240,.07);border:1.5px solid rgba(245,244,240,.22);border-radius:30px;padding:clamp(18px,3vw,32px)}
fieldset{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
legend{font-weight:700;margin-bottom:10px;padding:0}
.req,.opt{font-weight:400;color:rgba(245,244,240,.7);font-size:14px}
.chip{position:relative;display:block;cursor:pointer}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:block;padding:14px 16px;border:1.5px solid rgba(245,244,240,.4);border-radius:18px;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease);line-height:1.35}
.chip span b{display:inline-block;min-width:1.8em;opacity:.75}
.chip span em{font-style:normal;color:rgba(245,244,240,.78)}
.chip span small{display:block;margin-top:4px;font-size:14px;opacity:.82}
.chip:hover span{transform:translateY(-2px);border-color:var(--paper)}
.chip input:checked+span{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.chip input:checked+span em{color:#3a3935}
.chip input:focus-visible+span{outline:3px solid var(--moon);outline-offset:3px}
.field{display:grid;gap:8px}
.field label{font-weight:600}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;min-height:52px;padding:13px 16px;border-radius:14px;border:1.5px solid rgba(245,244,240,.4);background:rgba(245,244,240,.08);color:var(--paper);font:inherit;appearance:none;-webkit-appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--paper) 50%),linear-gradient(135deg,var(--paper) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
select option{color:#0c0c0d;background:#f5f4f0}
textarea{resize:vertical;min-height:96px}
input:focus,select:focus,textarea:focus{outline:3px solid var(--moon);outline-offset:2px;border-color:var(--paper)}
.consent{display:flex;gap:12px;align-items:flex-start;line-height:1.45;font-size:15px}
.consent input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--paper)}
input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.chip input:disabled+span{opacity:.6}
.errbox a{color:inherit;font-weight:700}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{color:#ffb9ad;font-size:14px;font-weight:600}
.err[hidden],.formmsg[hidden]{display:none}
.errbox,.okbox,.formmsg{padding:14px 16px;border-radius:16px;font-size:15px}
.errbox{background:rgba(255,185,173,.14);color:#ffd2c9;border:1.5px solid #ffb9ad}
.okbox,.formmsg{background:var(--paper);color:var(--ink)}
.formmsg.bad{background:rgba(255,185,173,.14);color:#ffd2c9;border:1.5px solid #ffb9ad}
.form.sent>:not(.formmsg){display:none}
.form.sent .formmsg{padding:28px;font-size:18px}
@media (min-width:600px){.chips{grid-template-columns:1fr 1fr}.chips legend,.chips .err{grid-column:1/-1}}
@media (min-width:980px){.bookgrid{grid-template-columns:.8fr 1.2fr}}

/* contact, footer */
.contacts{display:grid;margin-top:clamp(24px,4vw,44px);border-bottom:1.5px solid var(--line)}
.contacts a{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;align-items:baseline;padding:22px 4px;border-top:1.5px solid var(--line);text-decoration:none;transition:padding .35s var(--ease),background .25s}
.contacts a:hover{padding-left:18px;padding-right:18px;background:var(--stone)}
.contacts small{font:600 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.contacts span{font:800 clamp(20px,4.4vw,40px)/1.1 var(--disp);font-stretch:112%;overflow-wrap:anywhere}
.foot{background:var(--ink);color:var(--paper);padding:48px 0 calc(48px + env(safe-area-inset-bottom))}
.foot-in{display:grid;gap:10px;font-size:15px;color:rgba(245,244,240,.82)}
.fmark{font:300 24px/1 var(--disp);font-stretch:125%;color:var(--paper)}
.fmark b{font-weight:900}
.foot a{color:var(--paper)}

/* prose pages (privacy) */
.prose{max-width:46em;padding:130px var(--pad) 80px;margin:0 auto}
.prose h1{font:900 clamp(34px,7vw,64px)/1 var(--disp);font-stretch:125%;margin-bottom:22px}
.prose h2{font:800 22px/1.2 var(--disp);font-stretch:112%;margin:34px 0 10px}
.prose p,.prose li{margin:0 0 12px}
.prose ul{list-style:disc;padding-left:1.3em}

/* motion */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes unspin{to{transform:rotate(-360deg)}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
@keyframes breathe{0%{transform:scale(.8);opacity:.85}40%{transform:scale(1.06);opacity:1}100%{transform:scale(.8);opacity:.85}}
@keyframes inlabel{0%,36%{opacity:1}42%,100%{opacity:0}}
@keyframes outlabel{0%,36%{opacity:0}44%,94%{opacity:1}100%{opacity:0}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.55}}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .moon{opacity:1}
  .js .rv{opacity:1;transform:none}
  .ringwrap{transform:none;opacity:1}
  .portrait img,.gal img{transition:none!important}
  .bi{opacity:1}.bo{opacity:0}
  .orb{transform:scale(.95)}
  .marquee{overflow-x:auto}
}
@media print{.top,.marquee,.scrollcue,.hero .ringwrap{display:none}.dark{background:#fff;color:#000}}

.faq-w{max-width:860px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;font:600 clamp(17px,2.2vw,22px)/1.3 var(--disp)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 28px/1 var(--body);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 4px 22px;max-width:62ch;color:var(--mute)}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none}}

html[data-font=helvetica]{--disp:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;--body:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif}
html[data-font=dmsans]{--disp:"DM Sans",ui-sans-serif,system-ui,sans-serif;--body:"DM Sans",ui-sans-serif,system-ui,sans-serif}
html[data-font=serif]{--disp:Fraunces,Georgia,"Times New Roman",serif}
html[data-font=helvetica] *,html[data-font=dmsans] *,html[data-font=serif] *{font-stretch:100%!important}
html[data-font=dmsans] .o,html[data-font=serif] .o{color:var(--ink);-webkit-text-stroke:0;font-weight:300;font-variation-settings:normal}
html[data-font=dmsans] .dark .o,html[data-font=serif] .dark .o{color:var(--paper)}
html[data-font=dmsans] .steps b,html[data-font=serif] .steps b{color:var(--paper);-webkit-text-stroke:0;font-weight:300}
html[data-font=dmsans] .bigno,html[data-font=serif] .bigno{color:#55544f;-webkit-text-stroke:0;font-weight:300}
html[data-font=dmsans] .train b,html[data-font=serif] .train b{color:var(--ink);-webkit-text-stroke:0;font-weight:700}

/* ---- mood "From heavy to light" (opt-in): the page walks from black through greys to white ---- */
.concept{font:300 clamp(22px,3vw,34px)/1.2 var(--disp);font-stretch:112%;margin:6px 0 18px;letter-spacing:-.005em}
.concept-a{font:300 clamp(20px,2.4vw,28px)/1.3 var(--disp);font-stretch:112%;margin:0 0 22px;max-width:30ch}
html[data-mood=journey] .hero{--ink:#f5f4f0;--paper:#0c0c0d;--moon:#1f1f23;--mute:#c4c2bc;--line:rgba(245,244,240,.22);color:var(--ink)}
html[data-mood=journey] .top:not(.stuck){--ink:#f5f4f0;--paper:#0c0c0d;color:var(--ink)}
html[data-mood=journey] .marquee{background:#17171a}
html[data-mood=journey] #schedule{--ink:#f5f4f0;--paper:#232326;--stone:#323237;--mute:#cbc9c3;--line:rgba(245,244,240,.22);background:#232326;color:#f5f4f0}
html[data-mood=journey] #schedule .card .fmt{color:#e6e4de}
html[data-mood=journey] #how{background:#4b4b50}
html[data-mood=journey] #about{background:#a9a8a4;--mute:#2f2e2b}
html[data-mood=journey] #gallery{background:#c8c6c1}
html[data-mood=journey] #studio{background:#dcdad5}
html[data-mood=journey] #faq{background:#eceae5}
html[data-mood=journey] #book{background:#f7f6f2}
html[data-mood=journey] .foot{background:#fff;color:#0c0c0d;box-shadow:0 -1px 0 var(--line)}
html[data-mood=journey] .foot a{color:#0c0c0d}
html[data-mood=journey] .foot-in{color:#2b2a27}
html[data-mood=journey] .hero .lead{color:#dcdad4}
html[data-mood=journey] .breath{color:rgba(12,12,13,.85)}
html[data-mood=journey] #gallery,html[data-mood=journey] #studio,html[data-mood=journey] #faq,html[data-mood=journey] #book,html[data-mood=journey] #contact{--mute:#3a3935}
html[data-mood=journey] #book .form{background:#fff;border-color:rgba(12,12,13,.2)}
html[data-mood=journey] #book .req,html[data-mood=journey] #book .opt{color:#55544f}
html[data-mood=journey] #book .chip span{border-color:rgba(12,12,13,.38)}
html[data-mood=journey] #book .chip span em{color:#3a3935}
html[data-mood=journey] #book .chip:hover span{border-color:#0c0c0d}
html[data-mood=journey] #book .chip input:checked+span{background:#0c0c0d;color:#f5f4f0;border-color:#0c0c0d}
html[data-mood=journey] #book .chip input:checked+span em{color:#dcdad4}
html[data-mood=journey] #book input[type=text],html[data-mood=journey] #book input[type=email],html[data-mood=journey] #book input[type=tel],html[data-mood=journey] #book select,html[data-mood=journey] #book textarea{border-color:rgba(12,12,13,.45);background:#fff;color:#0c0c0d}
html[data-mood=journey] #book input:focus,html[data-mood=journey] #book select:focus,html[data-mood=journey] #book textarea:focus{outline-color:#0c0c0d;border-color:#0c0c0d}
html[data-mood=journey] #book .consent input{accent-color:#0c0c0d}
html[data-mood=journey] #book .errbox{background:#fdece8;color:#7a1f10;border-color:#c8412a}
html[data-mood=journey] #book .okbox{background:#e9f3ea;color:#16401c;border-color:#2e7d3a}
html[data-mood=journey] .fmark{color:#0c0c0d}
html[data-mood=journey] #contact{background:#fcfbf9}

/* light / dark switch + showing the right variant of the words */
.mood{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:auto;padding:0;border:2px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .25s,color .25s}
.mood:hover{background:var(--ink);color:var(--paper)}
.mood[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.top>.mood~.btn{margin-left:0}
@media (min-width:760px){.top>.mood{margin-left:0}}
html:not(.js) .mood{display:none}
html:not([data-mood=journey]) .jo,html:not([data-mood=journey]) .jl{display:none}
html[data-mood=journey] .cl{display:none}
html[data-mood=journey] .top:not(.stuck) .mood{--ink:#f5f4f0;--paper:#0c0c0d}
html[data-mood=journey] .top.stuck .mood[aria-pressed=true]{background:#0c0c0d;color:#f5f4f0}
/* the booking band keeps its dark-band markup; in the light-to-dark look it is a light section */
html[data-mood=journey] #book{color:#0c0c0d}
html[data-mood=journey] #book .btn{background:#0c0c0d;color:#f5f4f0;border-color:#0c0c0d}
html[data-mood=journey] #book .btn:hover{box-shadow:0 10px 24px -10px rgba(12,12,13,.4)}
html[data-mood=journey] #book .eyebrow{color:#3a3935}
html[data-mood=journey] #book .o{color:transparent;-webkit-text-stroke-color:#0c0c0d}
html[data-mood=journey][data-font=dmsans] #book .o,html[data-mood=journey][data-font=serif] #book .o{color:#0c0c0d;-webkit-text-stroke:0}
html[data-mood=journey] #book :focus-visible{outline-color:#0c0c0d}

.cimg{margin:0 0 8px}
.cimg img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;background:var(--moon)}