.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid #d9c9b8}
.top-in{display:flex;align-items:center;gap:1.25rem;min-height:68px}
.logo{font:600 2rem/1 var(--fh);text-decoration:none;letter-spacing:-.02em;margin:0}.logo span{color:var(--accent)}
.nav{display:none;gap:1.4rem;margin-left:auto}.nav a{text-decoration:none;font-size:.95rem;padding:.5rem 0}.nav a:hover{text-decoration:underline;text-underline-offset:5px}
.top .lang{margin-left:auto}.btn-sm{min-height:44px;padding:.5rem 1rem;font-size:.9rem}
@media(min-width:900px){.nav{display:flex}.top .lang{margin-left:0}}
@media(max-width:520px){.top .btn-sm{display:none}}
.hero{display:grid;gap:2rem;padding:2.5rem 0 3.5rem;align-items:center;overflow-x:clip}
.kick{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:var(--muted)}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:500;letter-spacing:-.01em}
.hero h1 em{color:var(--accent);font-style:italic}
.lead{font-size:1.15rem;max-width:36ch;color:var(--muted)}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}
.hero-hours{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.95rem}
.hero-img{position:relative;justify-self:center;width:min(100%,460px)}
.hero-img img{border-radius:999px 999px 1.5rem 1.5rem;aspect-ratio:4/5;object-fit:cover;width:100%;position:relative;z-index:1}
.blob{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--sage);right:-8%;bottom:-6%;opacity:.7}
@media(min-width:900px){.hero{grid-template-columns:1.15fr .85fr;padding:4rem 0 5rem}}
.sec{padding:4.5rem 0}.sec-alt{background:var(--bg2)}
.sec-head{max-width:46rem;margin-bottom:2rem}.sec-head h2,.sec h2{font-size:clamp(2rem,5vw,3rem);font-weight:500}
.sec-head p{color:var(--muted)}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.tabs button,.filters button{min-height:44px;padding:.5rem 1.1rem;border-radius:99px;border:1.5px solid var(--ink);background:transparent;cursor:pointer;font-weight:500}
.tabs [aria-selected=true],.filters [aria-pressed=true]{background:var(--ink);color:var(--bg)}
.prices{max-width:40rem;display:grid;gap:.2rem}
.prices li{display:flex;align-items:baseline;gap:.6rem;padding:.75rem 0;font-size:1.08rem}
.prices i{flex:1;border-bottom:1.5px dotted #a8968a;transform:translateY(-4px)}
.prices b{font-family:var(--fh);font-size:1.35rem;font-weight:600;white-space:nowrap}
.wa-book{margin-top:1.5rem}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.look{display:block;columns:12rem 2;column-gap:.75rem}.look button{break-inside:avoid;margin-bottom:.75rem;border-radius:1.2rem}
.look button:nth-child(3n+1) img{aspect-ratio:3/4}.look button:nth-child(3n+2) img{aspect-ratio:1}.look button:nth-child(3n) img{aspect-ratio:4/5}
@media(min-width:900px){.look{columns:3}}
.ba-grid{display:grid;gap:2rem;align-items:center}@media(min-width:900px){.ba-grid{grid-template-columns:.8fr 1.2fr}}
.small{font-size:.85rem;color:var(--muted)}
.ba{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:1.5rem;touch-action:pan-y}
.ba-img{position:absolute;inset:0}.ba-img img{width:100%;height:100%;object-fit:cover}
.ba-before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}.ba{aspect-ratio:4/5!important;max-width:30rem;width:100%;justify-self:center}
.ba::after{content:"";position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba input:focus-visible~.ba-l{outline:3px solid #fff}
.ba-l,.ba-r{position:absolute;bottom:1rem;background:rgba(59,47,42,.85);color:#fff;padding:.3rem .8rem;border-radius:99px;font-size:.85rem;pointer-events:none}
.ba-l{left:1rem}.ba-r{right:1rem}
.team{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.person{background:var(--card);padding:1.75rem;border-radius:2rem 2rem 2rem .4rem}
.ini{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--clay);color:#2b201c;font:600 1.6rem var(--fh);margin-bottom:1rem}
.person h3{font-size:1.6rem;font-weight:600}
.first{display:grid;gap:2rem}@media(min-width:900px){.first{grid-template-columns:.8fr 1.2fr}}
.quiz{background:var(--card);padding:1.5rem;border-radius:1.5rem;display:grid;gap:1.2rem}
.quiz fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.quiz legend{font-weight:600;margin-bottom:.5rem;width:100%}
.quiz label:not(.field){display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border:1.5px solid #cdb9a8;border-radius:99px;cursor:pointer;min-height:44px}
.quiz label:has(:checked){border-color:var(--accent);background:#f3e3dd}
.quiz input[type=radio]{accent-color:var(--accent)}
.field{display:grid;gap:.4rem;font-weight:600}.field select{min-height:48px;border:1.5px solid #cdb9a8;border-radius:.8rem;padding:.5rem;background:#fff}
.qr-wrap{margin-top:2rem;max-width:36rem}
.visit{display:grid;gap:2.5rem}@media(min-width:900px){.visit{grid-template-columns:1fr 1fr;align-items:start}}
.addr{display:flex;gap:.5rem}
.map{border-radius:2rem}.map .big-pin{width:2.5rem;height:2.5rem;color:var(--accent)}
.foot{background:var(--ink);color:#efe6dc;padding:3.5rem 0 1.5rem}.foot .logo span{color:var(--clay)}
.foot .demo-note{margin-top:2rem;border-top:1px solid #5e4e46;padding-top:1rem}
.rev{background:var(--card)}
:root{--focus:#7a3c2f}

.logo{display:flex;align-items:center;gap:.65rem}.logo .lm{height:2.7rem}.logo .wm{display:flex;flex-direction:column;color:var(--ink)}.logo .wm i{font-style:normal;color:var(--accent)}.logo .wm small{font:500 .6rem/1 var(--fb);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:.2rem;padding-left:.1rem}.foot .logo .wm{color:#efe6dc}.foot .logo .wm i{color:var(--clay)}.foot .logo .wm small{color:#cdbcae}

.person .face{width:7rem;height:7rem;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid var(--clay)}
.logo .lm{height:3rem}.logo .wm>span{font-size:2.1rem;line-height:.9}