:root{--ink:#070707;--cream:#fff7e8;--pink:#f50078;--gold:#c9a43b;--white:#fff;--muted:#b9b5ae;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:84px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--gold);position:sticky;top:0;background:rgba(7,7,7,.94);backdrop-filter:blur(16px);z-index:30}.brand{display:flex;flex-direction:column;line-height:.9}.brand-script{color:var(--pink);font:italic 800 28px var(--serif)}.brand small{text-transform:uppercase;color:var(--gold);font-size:9px;letter-spacing:.18em;margin-top:7px}.site-header nav{display:flex;gap:34px;margin:auto}.site-header nav a{font-size:14px;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--pink);transition:.25s}.site-header nav a:hover:after{right:0}.order-link,.button{border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.order-link{background:var(--pink);padding:14px 22px;font-size:13px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--gold);padding:9px 12px;border-radius:4px}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:46% 54%;overflow:hidden}.hero-copy{padding:8vw 3vw 6vw 5vw;z-index:2}.hero h1{font:800 clamp(53px,6.5vw,102px)/.89 var(--serif);letter-spacing:-.055em;margin:0 0 32px;max-width:760px}.hero h1 em{color:var(--pink);font-style:normal}.hero-copy>p{color:#d3d0ca;max-width:510px;font-size:17px;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{padding:16px 24px;border:1px solid var(--gold);cursor:pointer}.button.primary{background:var(--pink);border-color:var(--pink);color:#fff}.button.secondary{background:transparent;color:#fff}.hero-art{position:relative;min-height:680px}.mascot-crop,.food-crop,.menu-photo,.special-photo{background-image:url('assets/lucy-pearls-menu-hires.jpg');background-repeat:no-repeat}.mascot-crop{position:absolute;inset:3% 0 24% 11%;background-size:425% auto;background-position:0 10%;border-radius:50% 0 0 50%;filter:saturate(1.08)}.food-crop{position:absolute;left:0;right:0;bottom:3%;height:42%;background-size:210% auto;background-position:28% 33%;clip-path:ellipse(61% 51% at 53% 53%)}.hand-note{position:absolute;right:5%;bottom:6%;color:var(--gold);font:italic 700 25px var(--serif);transform:rotate(-7deg);text-align:right}.hand-note span{color:var(--pink)}.menu-section{background:var(--cream);color:var(--ink);padding:88px 5vw}.section-heading{text-align:center}.section-heading h2{display:inline;margin:0 22px;font:800 clamp(44px,5vw,72px)/1 var(--serif);text-transform:uppercase}.section-heading .line{display:inline-block;width:80px;border-top:2px solid var(--gold);vertical-align:middle}.star{color:var(--gold);font-size:24px}.section-heading p{text-transform:uppercase;font-weight:700;letter-spacing:.18em;font-size:11px}.category-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:38px 0}.category-tabs button{border:1px solid #cdbb91;background:transparent;padding:11px 18px;border-radius:99px;font-weight:700;cursor:pointer}.category-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1300px;margin:auto}.menu-card{background:var(--ink);color:#fff;border:1px solid var(--gold);border-radius:8px;overflow:hidden;padding-bottom:22px;transition:.25s}.menu-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #3d2d1125}.menu-card.hidden{display:none}.menu-photo{height:180px;background-size:410% auto;border-bottom:1px solid #2c2c2c}.photo-waffles{background-position:33% 10%}.photo-wings{background-position:35% 29%}.photo-tenders{background-position:42% 56%}.photo-shrimp{background-position:66% 10%}.photo-fish{background-position:98% 69%}.photo-grits{background-position:65% 90%}.photo-sides{background-position:78% 31%}.photo-drinks{background-position:76% 86%}.menu-card h3{color:var(--pink);font:700 22px var(--serif);margin:18px 18px 8px}.menu-card p{font-size:13px;color:#ccc;line-height:1.5;margin:0 18px 18px}.menu-card strong{color:var(--gold);margin:0 18px}.full-menu{max-width:1300px;margin:28px auto 0;border-top:1px solid #cdbb91}.full-menu summary{cursor:pointer;padding:22px 0;font-weight:700;display:flex;justify-content:space-between}.full-menu img{width:100%;border:1px solid var(--gold)}.specials,.contact{padding:88px 7vw;background:#050505}.section-heading.dark{color:#fff}.special-feature{max-width:1120px;margin:44px auto 0;display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center}.special-photo{height:360px;background-size:200% auto;background-position:98% 18%;border:1px solid var(--gold);border-radius:12px}.special-feature h3{font:700 38px var(--serif);color:var(--pink);margin:0}.special-feature h3 span{color:#fff;float:right}.special-feature p{line-height:1.7;color:#ccc;margin:18px 0 26px}.about{background:var(--cream);color:var(--ink);padding:90px 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.about h2{font:800 64px var(--serif);text-transform:uppercase;margin:0}.about h2 span{color:var(--gold)}.about h3{color:var(--pink);text-transform:uppercase}.about p{line-height:1.7;max-width:700px}.values{display:flex;gap:24px;margin-top:28px;color:var(--pink);font-weight:700;text-transform:uppercase;font-size:12px}.detroit-card{min-height:410px;padding:48px;background:linear-gradient(165deg,#1c1830,#090909 68%);border:2px solid var(--gold);border-radius:18px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.detroit-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 28px,#ffffff0b 29px 30px)}.skyline{font:800 clamp(56px,8vw,110px)/1 var(--serif);color:#ffffff0f;position:absolute;top:24px;left:18px}.detroit-card p{font:italic 700 34px var(--serif);color:var(--gold);z-index:1}.detroit-card p span{color:var(--pink)}.detroit-card small{letter-spacing:.25em;color:var(--gold);z-index:1}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;max-width:1100px;margin:45px auto 0}.contact-details>div{padding:0 0 25px 28px;border-left:2px solid var(--pink)}.contact-details b{display:block;color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.16em}.contact-details a,.contact-details p{font-size:18px;line-height:1.6;margin:4px 0}.contact-form{border:1px solid var(--gold);padding:24px;border-radius:8px}.contact-form label{display:block;margin-bottom:14px}.contact-form label span{position:absolute;left:-9999px}.contact-form input,.contact-form textarea{width:100%;background:#191a1d;color:#fff;border:1px solid #46474c;border-radius:4px;padding:15px}.contact-form textarea{height:125px;resize:vertical}.contact-form button{width:100%;border:0}.form-status{color:var(--gold);margin:14px 0 0;min-height:20px}footer{border-top:1px solid var(--gold);padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:#080808;padding:22px 5vw;flex-direction:column}.site-header nav.open{display:flex}.order-link{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 6vw 20px}.hero h1{font-size:clamp(53px,15vw,90px)}.hero-art{min-height:570px}.menu-grid{grid-template-columns:repeat(2,1fr)}.special-feature,.about,.contact-grid{grid-template-columns:1fr}.section-heading .line{display:none}.section-heading h2{margin:0 8px}.values{flex-wrap:wrap}.about h2{font-size:48px}footer{gap:24px;flex-direction:column;text-align:center}}
@media(max-width:540px){.hero-copy{padding-top:52px}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{min-height:460px}.hand-note{font-size:20px}.menu-section,.specials,.about,.contact{padding:64px 5vw}.menu-grid{grid-template-columns:1fr}.menu-photo{height:220px}.special-feature{gap:26px}.special-photo{height:260px}.special-feature h3 span{float:none;display:block;color:#fff}.detroit-card{min-height:330px;padding:28px}.contact-grid{gap:32px}.section-heading h2{font-size:38px}.section-heading .star{font-size:14px}}
.menu-grid{align-items:start}
.menu-page .menu-section{min-height:calc(100vh - 84px)}
.menu-page .section-heading h1{display:inline;margin:0 22px;font:800 clamp(44px,5vw,72px)/1 var(--serif);text-transform:uppercase}
.site-header nav a[aria-current="page"]{color:var(--gold)}
.site-header nav a[aria-current="page"]:after{right:0}
@media(max-width:900px){.menu-page .section-heading h1{margin:0 8px}}
@media(max-width:540px){.menu-page .section-heading h1{font-size:38px}}
.menu-items{margin:20px 18px 0;border-top:1px solid #3b3218}
.menu-items summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0 0;color:var(--cream);font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.menu-items summary::-webkit-details-marker{display:none}
.menu-items summary span{color:var(--gold);transition:transform .2s}
.menu-items[open] summary span{transform:rotate(45deg)}
.item-list{padding-top:8px}
.menu-item{padding:14px 0;border-bottom:1px solid #272727}
.item-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;line-height:1.4;font-weight:600}
.item-price{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}
.menu-card .menu-item p,.menu-card .category-description,.menu-card .flavor-note{margin:7px 0 0;font-size:12px;line-height:1.6;color:#bab7b1}
.item-list h4{margin:24px 0 0;font:700 20px/1.3 var(--serif);color:var(--pink)}
.menu-card .flavor-note{padding-top:12px}
.texas-dust-title{color:var(--pink);font-size:18px;margin-bottom:0}
section[id]{scroll-margin-top:100px}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
