/* Shared presentation for the public restaurant website. */
:root{--ink:#050505;--cream:#fff7e8;--pink:#f50078}
body{background:var(--ink)}
.site-header{height:92px;padding:0 max(5vw,calc((100vw - 1450px)/2));background:#050505}
.brand{width:245px;min-width:180px;aspect-ratio:255/64;flex-shrink:0;background:url('assets/lucy-pearls-reference-16x9.png') 9.033% 0 / 655.686% 1470.3125% no-repeat}
.brand-script,.brand small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header nav{gap:32px}
.site-header nav a{font-size:15px}
.order-link{font-size:14px;padding:13px 22px;gap:12px}
.hero{max-width:1500px;min-height:560px;grid-template-columns:46% 54%;margin:auto;align-items:center;overflow:hidden}
.hero-copy{padding:64px 0 70px 5vw}
.hero h1{font-size:clamp(54px,5.55vw,86px);line-height:.99;letter-spacing:-.055em;margin-bottom:27px}
.hero-copy>p{font-size:17px;max-width:360px;line-height:1.7;color:#eee4d4}
.hero-actions{flex-wrap:wrap;gap:12px;margin-top:29px}
.button{font-size:14px;min-height:49px;padding:14px 23px}
.hero-art{height:450px;min-height:0;width:100%;position:relative}
.mascot-crop{inset:auto;top:0;right:3%;width:56%;height:auto;aspect-ratio:410/295;border-radius:0;filter:none;background-image:url('assets/lucy-pearls-reference-16x9.png');background-size:407.805% 318.983%;background-position:90.016% 7.740%;background-repeat:no-repeat}
.food-crop{inset:auto;left:-3%;bottom:35px;width:78%;height:auto;aspect-ratio:476/282;clip-path:none;background-image:url('assets/lucy-pearls-reference-16x9.png');background-size:351.26% 333.688%;background-position:54.849% 10.622%;background-repeat:no-repeat}
.hand-note{right:3%;bottom:1%;max-width:40%;font-size:20px;line-height:1.55}
.hero-art{height:auto;aspect-ratio:4/3;background:url('assets/lucy-pearls-hero.png') center / contain no-repeat}
.hero-art>*{display:none}
.specials{border-top:1px solid #51441d}
.specials,.about,.contact{padding:74px max(6vw,calc((100vw - 1300px)/2))}
.section-heading h2,.menu-page .section-heading h1{font-size:clamp(38px,4.5vw,60px)}
.section-heading p{font-size:12px;line-height:1.7;letter-spacing:.16em}
.section-heading .line{width:64px}
.special-feature{grid-template-columns:1fr 1fr;gap:60px;margin-top:42px;max-width:1150px}
.special-photo{height:auto;aspect-ratio:313/173;background-image:url('assets/lucy-pearls-reference-16x9.png');background-size:534.185% 543.931%;background-position:0 86.198%;border:0;border-radius:0}
.special-feature h3{font-size:36px;display:flex;justify-content:space-between;gap:24px;align-items:baseline}
.special-feature h3 span{float:none;white-space:nowrap;font-size:29px}
.special-feature p{font-size:16px;line-height:1.7}
.about{gap:70px;grid-template-columns:1.15fr .85fr}
.about h2{font-size:52px;line-height:1.1}
.about h3{font-size:17px;line-height:1.5}
.about p{font-size:16px;line-height:1.75}
.values{gap:20px;flex-wrap:wrap;font-size:12px;line-height:1.6}
.detroit-card{height:auto;min-height:0;aspect-ratio:265/211;padding:0;background-image:url('assets/lucy-pearls-reference-16x9.png');background-size:630.943% 445.971%;background-position:67.235% 84.11%;border:2px solid var(--gold);border-radius:12px}
.detroit-card:before{display:none}
.detroit-card>*{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.contact-grid{gap:70px}
.contact-details b{font-size:13px}
.contact-details p{font-size:17px}
.contact-note{font-size:14px;color:#d5c18a;line-height:1.5;margin:0 0 18px}
.contact-form button:disabled{cursor:default;opacity:.65}
.contact-form input:disabled,.contact-form textarea:disabled{opacity:.6}
.form-status:empty{display:none}
.menu-page .menu-section{padding-top:70px}
.menu-grid{gap:20px}
.menu-card{padding:6px 6px 26px;border-color:#bb9840}
.menu-card h3{font-size:24px;line-height:1.25}
.menu-card p{font-size:14px;line-height:1.65}
.menu-card strong{font-size:14px}
.item-heading{font-size:15px}
.menu-card .menu-item p,.menu-card .category-description,.menu-card .flavor-note{font-size:14px;line-height:1.6}
.menu-items summary{font-size:14px}
footer{gap:32px;padding:35px 5vw;flex-wrap:wrap;font-size:12px}
footer .brand{width:220px}
@media(min-width:901px) and (max-width:1100px){.brand{width:210px}.site-header nav{gap:18px}.hero{min-height:510px}.hero-art{height:370px}.hand-note{font-size:17px}.about{gap:36px}.special-feature{gap:30px}}
@media(max-width:900px){.site-header{height:82px;padding:0 5vw}.site-header nav{top:81px}.hero{grid-template-columns:1fr;max-width:760px}.hero-copy{padding:55px 6vw 12px}.hero h1{font-size:clamp(56px,10vw,80px);max-width:680px}.hero-copy>p{max-width:480px}.hero-art{height:440px;max-width:670px;margin:auto}.food-crop{left:0;bottom:32px;width:78%}.mascot-crop{right:3%;width:49%}.hand-note{right:5%;bottom:0}.special-feature{gap:30px;grid-template-columns:1fr}.special-photo{max-width:520px;width:100%;margin:auto}.special-feature>div:last-child{max-width:620px;margin:auto}.about{grid-template-columns:1fr;gap:36px}.detroit-card{max-width:500px;width:100%;margin:auto}.contact-grid{grid-template-columns:1fr;gap:35px}.values{gap:22px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.menu-grid{gap:16px}.specials,.about,.contact{padding:60px 6vw}.section-heading .line{display:none}}
@media(max-width:540px){.brand{width:200px;min-width:0}.menu-toggle{font-size:14px}.hero-copy{padding-top:45px}.hero h1{font-size:clamp(46px,11.8vw,63px);line-height:1.03}.hero-actions{flex-direction:row}.button{padding:13px 16px;font-size:13px}.hero-art{height:310px}.food-crop{bottom:34px;width:83%;left:-2%}.mascot-crop{top:12px;right:0;width:52%}.hand-note{font-size:14px;bottom:1%;right:4%;max-width:50%}.section-heading h2,.menu-page .section-heading h1{font-size:38px;margin:0 8px}.section-heading p{font-size:11px}.special-feature h3{font-size:30px}.special-feature h3 span{font-size:25px}.about h2{font-size:42px}.category-tabs{gap:8px;margin:30px 0}.category-tabs button{font-size:13px;padding:10px 14px}.menu-card{padding:8px 6px 24px}.menu-section{padding:55px 5vw}.menu-page .menu-section{padding-top:45px}.contact-details{grid-template-columns:1fr}.contact-form{padding:20px}footer{gap:23px}.values{font-size:11px;gap:14px}}
.hero-art{height:auto}
.cms-extra{padding:64px 7vw;max-width:1500px;margin:auto;border-top:1px solid #544623}.cms-extra h2{font:700 42px var(--serif);color:var(--pink)}.cms-extra p{white-space:pre-line;line-height:1.75;max-width:900px}.cms-extra img{display:block;max-width:100%;max-height:600px;object-fit:contain;margin:24px 0}.cms-preview-banner{padding:12px;text-align:center;background:#f50078;color:white;font-weight:700}.cms-preview-banner a{text-decoration:underline}