.luma{--paper:#fff7f2;--field:#fffdfa;--ink:#563745;--accent:#603e50;--muted:#795e69;--line:#d8bec7;--display:"Bodoni Moda",Georgia,serif}
.luma .brand-small{font-family:"Bodoni Moda",Georgia,serif;font-size:22px;font-weight:500;letter-spacing:-.02em}
.luma .demo-banner{background:#603e50}
.luma .button{border-radius:5px}
.luma-hero{padding-block:26px 40px}
.luma-heading{text-align:center;padding-bottom:30px}
.luma-heading .hero-note{font-size:13px;font-weight:500}
.luma-heading h1{font-size:clamp(86px,8.6vw,130px);line-height:.95;margin:22px 0 18px;font-weight:500}
.luma-heading h1 span{font-size:.23em;display:block;line-height:1.3;letter-spacing:.06em;margin-top:10px}
.luma-heading .hero-lead{font-size:14px;max-width:500px;margin-inline:auto}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:24px}
.luma-hero figure{height:410px;width:min(100%,1100px);margin-inline:auto}
.luma-hero img{width:100%;height:100%;object-position:60% 62%}
.luma .menu-section{background:#f3e4e6}
.luma .menu-card{border-color:#c9acb6}
.booking-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;padding-block:76px}
.booking-intro>p{margin-top:24px}
.booking-intro .section-kicker{margin-top:0}
.request-panel{padding:32px;border:1px solid var(--line);background:#f8edef}
.events-section{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-block:52px;border-top:1px solid var(--line)}
.events-section h2{font-size:42px}
.events-section>div p{font-size:14px;max-width:400px;margin-top:22px}
.events-section details{align-self:start;border:1px solid var(--line);padding:0 24px;background:#f8edef}
.events-section summary{font-weight:700;font-size:14px;padding:19px 0;cursor:pointer;min-height:58px}
.events-section form{padding-bottom:22px}
.luma .connection-section{background:#f3e4e6}
.luma .feedback-section h2{max-width:530px}
.luma #dialog-title{font-family:"Bodoni Moda",Georgia,serif;font-weight:500}
@media(max-width:1000px){.booking-section{gap:40px}.events-section{gap:40px}.request-panel{padding:24px}}
@media(max-width:650px){
.luma .brand-small{font-size:18px}
.luma-hero{padding-block:24px 28px}
.luma-heading{padding-bottom:25px}
.luma-heading .hero-note{font-size:12px}
.luma-heading h1{font-size:84px;margin:18px 0 14px}
.luma-heading .hero-lead{font-size:13px;max-width:305px}
.luma-heading h1 span{font-size:.25em;margin-top:8px}
.hero-actions{margin-top:18px;gap:25px}
.luma-hero figure{height:260px}
.booking-section{grid-template-columns:1fr;gap:27px;padding-block:48px}
.request-panel{padding:22px}
.events-section{grid-template-columns:1fr;gap:24px;padding-block:40px}
.events-section h2{font-size:37px}
.events-section details{padding-inline:20px}
}