:root{--bg: #f7f4ee;--fg: #2b2b29;--fg-dim: #635e55;--accent: #b08d57;--font-display: "Spectral", serif;--font-body: "Work Sans", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:300;font-size:17px;line-height:1.7}img{max-width:100%;display:block}.hidden-field{position:absolute;left:-9999px}.topline{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,6vw,72px);border-bottom:1px solid rgba(43,43,41,.1);background:#f7f4eee6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topline__logo{font-family:var(--font-display);font-size:18px;letter-spacing:.08em}.topline nav{display:flex;gap:2rem}.topline nav a{color:var(--fg);text-decoration:none;font-size:13px;letter-spacing:.06em;position:relative}.topline nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.topline nav a:hover:after{transform:scaleX(1)}main{max-width:720px;margin:0 auto;padding:0 24px}.hero-type{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.label{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--fg-dim);margin:0 0 1.6rem}.hero-type h1{font-family:var(--font-display);font-weight:300;font-size:clamp(56px,11vw,108px);letter-spacing:.03em;margin:0;animation:breathe 8s ease-in-out infinite}.baseline{font-style:italic;font-family:var(--font-display);font-size:20px;color:var(--fg-dim);margin:1.2rem 0 2.4rem}.cta-row{display:flex;gap:2.4rem}.link-btn{color:var(--fg);text-decoration:none;font-size:14px;letter-spacing:.04em;padding-bottom:6px;border-bottom:1px solid transparent;transition:border-color .4s cubic-bezier(.16,1,.3,1),color .4s}.link-btn:hover{border-color:var(--accent);color:var(--accent)}.section{padding:14vh 0;border-top:1px solid rgba(43,43,41,.1)}.single-figure{margin:0 0 3rem}.single-figure img{width:100%}.single-figure--portrait img{max-width:320px;margin:0 auto}.single-figure figcaption{font-size:13px;color:var(--fg-dim);margin-top:.8rem;text-align:center}.prose p{margin:0 0 1.4em;color:#3a3a37}.quote{font-family:var(--font-display);font-style:italic;font-size:clamp(24px,3.2vw,32px);text-align:center;margin:0;color:var(--fg)}.plain-menu{list-style:none;margin:0;padding:0}.plain-menu li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9em 0;border-bottom:1px dotted rgba(43,43,41,.25)}.plain-menu .price{color:var(--fg-dim)}.prose-note{color:var(--fg-dim);font-size:14px;margin-bottom:2rem}.section--pratique{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.section--pratique p:not(.label){color:var(--fg-dim);font-size:15px}.section--pratique em{font-style:italic}.quiet-form{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem}.quiet-form label{display:flex;flex-direction:column;gap:.5em;font-size:12px;letter-spacing:.06em;color:var(--fg-dim);text-transform:uppercase}.quiet-form label.full{grid-column:1 / -1}.quiet-form input,.quiet-form textarea{border:none;border-bottom:1px solid rgba(43,43,41,.3);background:transparent;font-family:var(--font-body);font-size:16px;color:var(--fg);padding:.4em 0}.quiet-form input:focus,.quiet-form textarea:focus{outline:none;border-color:var(--accent)}.text-btn{grid-column:1 / -1;justify-self:start;background:none;border:none;font-family:var(--font-body);font-size:15px;color:var(--fg);cursor:pointer;padding:.4em 0;border-bottom:1px solid var(--accent)}.text-btn:hover{color:var(--accent)}.reservation-success{margin-top:2rem;text-align:center;color:var(--fg-dim)}.reservation-success .ref{color:var(--accent)}.site-footer{text-align:center;padding:5rem 24px 4rem;color:var(--fg-dim);font-size:12px}.site-footer p{margin:.2em 0}@keyframes breathe{0%,to{letter-spacing:.03em}50%{letter-spacing:.045em}}@media (max-width: 700px){.topline nav{display:none}.section--pratique,.quiet-form{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.hero-type h1{animation:none!important}.topline nav a:after,.link-btn,.text-btn{transition:none!important}}
