*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{margin:0;overflow-x:clip;font-family:var(--body);font-size:1.0625rem;line-height:1.55;color:var(--ink);background:var(--bg)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:inherit}
p{margin:0 0 1em}
.wrap{width:min(100% - 2.5rem,74rem);margin-inline:auto}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.tap{display:inline-flex;align-items:center;min-height:44px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.4rem;text-decoration:none;font-weight:600;transition:background-color .15s,color .15s}
.foot{padding:3rem 0 2.5rem;font-size:.95rem}.foot p{max-width:64ch}
.credits{font-size:.875rem;line-height:2}.credits a,.foot p a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;line-height:1.4}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (pointer:coarse),(max-width:820px){html,body{touch-action:pan-y pinch-zoom}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select{-webkit-user-select:text;user-select:text}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--bg:#e4ebe6;--ink:#13302c;--acc:#9a4a24;--mute:#3f5752;--paper:#f3f6f3;--display:"Instrument Serif",Georgia,serif;--body:"Albert Sans",system-ui,sans-serif;--focus:#9a4a24}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}
.mark{font-family:var(--display);font-size:1.6rem;text-decoration:none;white-space:nowrap}.mark i{color:var(--acc)}
.top nav{display:flex;align-items:center;gap:1.4rem}.top nav a:not(.btn){text-decoration:none;font-weight:600}
.btn{border-radius:999px;background:var(--ink);color:#fff}.btn:hover{background:var(--acc)}
.btn.solid{background:var(--acc)}.btn.solid:hover{background:#7a3a1c}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn.line:hover{background:var(--ink);color:#fff}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:3.5rem;align-items:center;padding:3rem 0 5rem}
.hero h1{font-family:var(--display);font-size:clamp(3.2rem,7.4vw,6.6rem);line-height:.92;letter-spacing:-.01em;max-width:9ch}
.hero h1 i{color:var(--acc)}
.lede{font-size:1.2rem;max-width:40ch;color:var(--mute);margin-top:1.5rem}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}
.rinse{margin:0;border-radius:220px 220px 12px 12px;overflow:hidden}
.rinse img{width:100%;aspect-ratio:3/4;object-fit:cover;animation:rinse 1.6s cubic-bezier(.3,.6,.2,1) both}
@keyframes rinse{from{clip-path:inset(0 0 100% 0);transform:scale(1.06)}to{clip-path:inset(0 0 0 0);transform:scale(1)}}
.week{background:var(--ink);color:var(--paper);padding:2.5rem 0}
.wgrid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem 2.5rem;align-items:center}
.week h2{font-family:var(--display);font-size:2rem;line-height:1}
.days{display:flex;gap:.4rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.days li{min-width:3.2rem;padding:.6rem .5rem;text-align:center;border:1px solid #6e8c85;border-radius:8px;font-weight:600}
.days li.off{color:#a7bab5;border-style:dashed;text-decoration:line-through}
.days li.now{background:var(--paper);color:var(--ink);border-color:var(--paper)}.days li.off.now{color:#5a6f6a}
.week p{margin:0;max-width:30ch}
.services{padding:6rem 0}
.services h2{font-family:var(--display);font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1;margin-bottom:2.5rem}
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;align-items:start}
.col{border-top:2px solid var(--ink);padding-top:1.2rem}.col h3{font-family:var(--display);font-size:1.9rem;margin-bottom:.6rem}.col p{color:var(--mute)}
.care img{border-radius:12px;aspect-ratio:1;object-fit:cover;margin-top:1rem;width:100%}
.room{margin-top:3.5rem;width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:12px}
.words{background:var(--paper);padding:5.5rem 0}
.words figure{margin:0 0 2.5rem}.words blockquote{margin:0}
.words blockquote p{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.05;max-width:22ch;margin:0 0 .5rem}
.words .small{margin-left:auto;max-width:28rem}.words .small blockquote p{font-size:1.9rem}
.words figcaption,.score{color:var(--mute)}
.visit img{width:100%;aspect-ratio:21/7;object-fit:cover}
.vgrid{padding:4rem 0 5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 3rem}
.visit h2{font-family:var(--display);font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1;grid-column:1/-1;margin-bottom:1rem}
.addr{font-size:1.5rem;line-height:1.3}.vgrid .acts{grid-column:1/-1}
.foot{background:var(--ink);color:#d5e1dc}.foot a:focus-visible,.week a:focus-visible{outline-color:#f3f6f3}
@media (max-width:860px){.top nav a:not(.btn){display:none}.mark{font-size:1.3rem}.hero,.sgrid,.vgrid{grid-template-columns:minmax(0,1fr)}.hero{gap:2rem;padding:1.5rem 0 3.5rem}.rinse{max-width:26rem}.wgrid{grid-template-columns:minmax(0,1fr)}.room{aspect-ratio:4/3}.visit img{aspect-ratio:16/9}.words .small{margin-left:0}}