body{--bg:#f1e8d6;--ink:#402018;--accent:#8a3326;--line:#40201840}
.wordmark{font-size:36px}
.site-nav{justify-content:center;flex-direction:column;gap:20px}
.wordmark{text-align:center}
.wordmark small{letter-spacing:.14em}
.ember-cover{position:relative;min-height:650px;display:grid;place-items:center}
.ember-cover>figure{position:absolute;inset:0}
.ember-cover>figure:after{content:'';position:absolute;inset:0;background:#22140b68}
.ember-plaque{position:relative;text-align:center;background:#f1e8d6f5;box-shadow:0 0 0 9px #402018,0 0 0 10px #eadbb0;border:1px solid #784e36;border-radius:48% 48% 8px 8px;padding:55px 65px 40px;margin:45px}
.ember-plaque .label{margin:20px 0}
.ember-plaque h1{font-size:78px;letter-spacing:-.035em}
.ember-plaque p{margin:22px 0}
.ember-plaque .action{border:0;border-bottom:1px solid;border-radius:0;padding-left:0;padding-right:0}
.ember-ribbon{display:flex;align-items:center;justify-content:center;gap:40px;background:#402018;color:#f1e8d6;padding:22px;font:11px 'DM Mono';letter-spacing:.14em}
.ember-ribbon i{font-size:22px}
.ember-menu header{text-align:center}
.ember-menu header p{margin:20px auto}
.supper-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:35px}
.supper-menu article{display:block;text-align:center}
.supper-menu .item-index{display:block;margin-bottom:18px}
.supper-menu h3{font:32px 'Cormorant Garamond'}
.ember-room{display:grid;grid-template-columns:.7fr 1fr;gap:70px;align-items:center;background:#e4d7bd}
.ember-room p{max-width:500px;margin-top:25px}
.ember-seal{font:150px/1 'Cormorant Garamond';border:1px solid;border-radius:50%;width:280px;height:280px;display:flex;justify-content:center;align-items:center;gap:5px;margin:auto;outline:1px solid;outline-offset:8px}
.ember-seal span{font-size:55px;font-style:italic}
.hours{font:11px/1.8 'DM Mono'}
.contact h2{font-size:80px}
.contact{background:#402018;color:#f1e8d6}
@media(max-width:760px){.site-nav{flex-direction:row;justify-content:space-between}
.wordmark{text-align:left}
.ember-cover{min-height:550px}
.ember-plaque{padding:35px 20px;margin:30px 20px}
.ember-plaque h1{font-size:56px}
.ember-ribbon{gap:12px;font-size:8px;padding:18px 12px}
.supper-menu{grid-template-columns:1fr;gap:32px}
.supper-menu article{padding-bottom:25px;border-bottom:1px solid var(--line)}
.ember-room{grid-template-columns:1fr;gap:40px}
.ember-seal{width:180px;height:180px;font-size:95px}
.contact h2{font-size:55px}
}