@font-face{font-family:'Bodoni Moda';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/bodoni-moda-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-weight:400;font-style:italic;font-display:swap;src:url(fonts/bodoni-moda-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Pinyon Script';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/pinyon-script-latin-400-normal.woff2) format('woff2')}
html,body{margin:0;padding:0;background:#F6EFE4;color:#2E2420;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{font-family:'Hanken Grotesk',sans-serif;font-size:17px;line-height:1.6}
a{color:#85523D;text-decoration:none}
a:hover{color:#2E2420}
::selection{background:#E7CFC2}
[id]{scroll-margin-top:90px}
:focus-visible{outline:3px solid #85523D;outline-offset:3px}
.dark :focus-visible,dialog :focus-visible{outline-color:#F6EFE4}
.skip{position:absolute;left:-999px;top:8px;background:#2E2420;color:#F6EFE4;padding:10px 16px;border-radius:8px;z-index:60}
.skip:focus{left:8px}
.btn{display:inline-block;background:#2E2420;color:#F6EFE4;padding:17px 30px;border-radius:999px;font-weight:500}
.btn:hover{background:#85523D;color:#F6EFE4}
.btn.sm{padding:11px 22px}
.btn.light{background:#F6EFE4;color:#2E2420}
.btn.light:hover{background:#D9B4A0;color:#2E2420}
.btn.line{background:none;color:#2E2420;border:1px solid #2E2420}
.btn.line:hover{background:#ECE1D0}
.chip{padding:10px 20px;border:1px solid #C9B7A1;border-radius:999px;color:#2E2420;font-size:16px;font-weight:500}
.chip:hover{background:#2E2420;color:#F6EFE4;border-color:#2E2420}
.hv:hover{color:#85523D}
.zoom img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.04)}
.g{display:block;width:100%;border:0;padding:0;margin:0 0 16px;break-inside:avoid;border-radius:16px;overflow:hidden;background:#ECE1D0;cursor:pointer}
.g img{width:100%;height:auto;display:block}
dialog{inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;background:rgba(30,22,19,.94);color:#F6EFE4;padding:clamp(16px,4vw,64px);align-items:center;justify-content:center}
dialog[open]{display:flex}
dialog img{max-width:100%;max-height:calc(100dvh - 190px);border-radius:14px;display:block}
dialog .ctl{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;align-items:center;gap:20px}
dialog button{width:52px;height:52px;border-radius:50%;border:1px solid #8A776A;background:transparent;color:#F6EFE4;font-size:22px;cursor:pointer}
dialog button:hover{background:#3E322C}
dialog .x{position:absolute;top:20px;right:20px}
dialog output{font-family:'Bodoni Moda',serif;font-size:20px;min-width:80px;text-align:center}
.legal{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(20px,4vw,56px)}
.legal h1{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(40px,5.5vw,72px);line-height:1;margin:0 0 12px}
.legal h2{font-family:'Bodoni Moda',serif;font-weight:400;font-size:28px;margin:40px 0 8px}
.legal p,.legal li{color:#3E322C}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
footer a{display:inline-block;padding:10px 0}
.dark a:hover{color:#F6EFE4}
@media (max-width:820px){header a,footer a,a[href^=tel],main a[href="gallery.html"]{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;min-width:44px}}
@media (max-width:640px){.mt td,.mt th[scope=col]{padding-left:14px!important}.mt th[scope=row]{padding-right:8px!important}.mt td{font-size:22px!important}}
.mhdr{display:none}
@media (max-width:640px){
[id]{scroll-margin-top:80px}
header .dnav{display:none!important}
header>div{padding:0 16px!important;min-height:64px;flex-wrap:nowrap!important;gap:10px!important}
header .logo{font-size:32px!important;white-space:nowrap;flex:0 1 auto;min-width:0}
.mhdr{display:flex;align-items:center;gap:8px}
.mhdr .btn.sm{padding:10px 16px!important;font-size:15px;min-height:44px;white-space:nowrap}
.mnav summary{list-style:none;cursor:pointer;font-weight:500;font-size:16px;min-height:44px;min-width:56px;display:flex;align-items:center;justify-content:center;border:1px solid #2E2420;border-radius:999px;padding:0 14px}
.mnav summary::-webkit-details-marker{display:none}
.mnav nav{position:absolute;left:0;right:0;top:100%;background:#F6EFE4;border-bottom:1px solid #E2D5C3;box-shadow:0 12px 24px rgba(46,36,32,.12)}
.mnav nav a{display:flex!important;align-items:center;min-height:56px;padding:0 20px;font-family:'Bodoni Moda',serif;font-size:30px;color:#2E2420;border-top:1px solid #E2D5C3}
.mnav nav a.pbook{font-family:'Hanken Grotesk',sans-serif;font-size:16px;font-weight:500;justify-content:center;margin:12px 20px;border-radius:999px;background:#2E2420;color:#F6EFE4;border:0;min-height:48px}
.mnav nav a[aria-current]{color:#85523D}
.hero{display:flex!important;flex-direction:column;gap:28px!important;padding:16px 20px 40px!important}
.hero-i{order:-1;padding:0 0 28px!important}
.hero-i>div:first-child{aspect-ratio:5/6!important;max-width:none!important;margin:0!important;border-radius:999px 999px 20px 20px!important}
.hero-i>div:last-child{width:104px!important;left:-6px!important;bottom:0!important;border-width:5px!important}
.hero-t{gap:20px!important}
.hero h1{font-size:clamp(42px,11vw,52px)!important}
.hero p{font-size:17px!important}
.hero-t>div{flex-direction:column;align-items:stretch;gap:4px!important}
.hero-t .btn{text-align:center}
.hero-t .btn.line{border:0!important;background:none!important;text-decoration:underline;text-underline-offset:4px}
.arch{border-radius:200px 200px 16px 16px!important}
.arch2{border-radius:192px 192px 10px 10px!important;padding:72px 22px 32px!important;gap:28px!important}
.mscroll{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 22px;width:calc(100% + 44px)!important;margin:0 -22px;padding:0 22px 8px;gap:14px!important}
.mc{flex:0 0 80%;scroll-snap-align:start;border:1px solid #D6C7B3;border-radius:14px;padding:16px;background:#FBF7F0}
.g2{grid-template-columns:1fr 1fr!important;gap:10px!important}
.gal{column-width:150px!important;column-gap:10px!important}
.g{margin-bottom:10px!important}
.chips{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px;padding:0 20px 4px}
.chips .chip{flex:0 0 auto}
.nails-t{position:static!important}
.nails-i{aspect-ratio:16/10!important;max-width:none!important;border-radius:20px!important}
.loc{grid-template-columns:1fr 1fr!important;gap:12px!important}
.loc>div{border:1px solid #D6C7B3!important;border-radius:14px;padding:14px!important;gap:6px!important}
.loc>div>:first-child{font-size:17px!important;line-height:1.25}
.loc>div>:last-child{font-size:16px!important;line-height:1.45}
}
@media (min-width:481px){.pbook{display:none!important}}
@media (max-width:480px){.mhdr .btn.sm{display:none!important}}