/*
Theme Name: LBI Deli Coming Soon
Theme URI: https://example.com/
Author: LBI Deli
Description: Coastal coming-soon landing page for LBI Deli. No street address, menu pricing, or online ordering.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lbi-deli
*/
:root{--navy:#082b50;--red:#b20f24;--sand:#f8f1e5;--blue:#a9d6ec;--ink:#082749}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #eab23e;outline-offset:3px}.top{background:var(--navy);color:white;text-align:center;padding:12px 18px;letter-spacing:.12em;font-size:12px;font-weight:700}.top span{opacity:.8}.mast{background:#fffaf2;text-align:center;padding:22px 16px 18px;box-shadow:0 3px 12px #082b5018;position:relative;z-index:1}.brand{display:inline-flex;align-items:center;gap:15px;text-decoration:none}.beacon{width:60px;height:94px;flex-shrink:0}.brand-words{display:flex;flex-direction:column;align-items:flex-start;line-height:.88;font-family:Georgia,serif;font-weight:900;font-size:clamp(49px,7vw,87px);letter-spacing:.035em}.brand-words span:last-child{color:var(--red)}.strap{margin:12px auto 0;background:var(--navy);color:white;display:table;padding:8px 22px;border-radius:2px;font-weight:800;letter-spacing:.1em;font-size:clamp(10px,1.5vw,14px)}.hero{min-height:550px;background:linear-gradient(90deg,rgba(255,247,230,.96) 0%,rgba(255,247,230,.86) 34%,rgba(255,247,230,.06) 69%),url('assets/shore-sandwich.jpg') center right/cover no-repeat;display:flex;align-items:center;padding:55px max(24px,calc((100vw - 1160px)/2));}.hero-copy{max-width:610px;text-shadow:0 1px 0 #fff9}.hero h1{font-family:Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.05em;font-size:clamp(66px,9vw,116px);line-height:1.02;margin:0 0 18px}.red-swoosh{height:7px;width:260px;background:var(--red);border-radius:50%;transform:rotate(-4deg);margin:0 0 24px 80px}.hero-sub{font-size:clamp(17px,2.2vw,26px);line-height:1.4;font-weight:900;letter-spacing:.13em;max-width:510px;text-transform:uppercase}.ribbon{background:var(--red);color:white;display:inline-block;padding:12px 29px;font:900 clamp(22px,3.5vw,39px) Georgia,serif;letter-spacing:.06em;transform:rotate(-2deg);box-shadow:0 5px 0 #78101c;margin:20px 0 12px}.opening{font-weight:900;font-size:clamp(18px,2vw,26px);letter-spacing:.13em}.categories{display:grid;grid-template-columns:repeat(5,1fr);background:#fffaf3;box-shadow:0 2px 7px #0002;max-width:100%;padding:24px max(16px,calc((100vw - 1180px)/2))}.category{text-align:center;padding:8px 12px;border-right:1px solid #d6d0c9}.category:last-child{border:0}.category svg{width:49px;height:49px;fill:none;stroke:var(--red);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.category strong{display:block;margin-top:9px;line-height:1.25;font-size:clamp(11px,1.4vw,16px);letter-spacing:.04em}.story{padding:60px 25px;background:radial-gradient(circle at 95% 10%,#d5ecf5,transparent 35%),var(--sand);text-align:center}.story-inner{max-width:880px;margin:auto}.story h2{font:italic 700 clamp(38px,5vw,65px) Georgia,serif;margin:0 0 20px}.story p{font:clamp(18px,2.2vw,25px)/1.6 Georgia,serif;max-width:730px;margin:0 auto 20px}.story .small{font:700 14px Arial,sans-serif;letter-spacing:.16em;color:#7c2430;text-transform:uppercase}.wave{height:18px;background:var(--navy);clip-path:polygon(0 40%,10% 65%,20% 35%,30% 60%,40% 40%,50% 60%,60% 35%,70% 60%,80% 35%,90% 65%,100% 40%,100% 100%,0 100%)}footer{background:var(--navy);color:#fff;text-align:center;padding:26px 18px 34px}footer strong{display:inline-block;background:var(--red);border:2px solid #fff;padding:11px 35px;font:900 clamp(26px,4vw,43px) Georgia,serif;letter-spacing:.07em}footer p{font-size:13px;opacity:.85;margin:20px 0 0} .skip{position:absolute;top:-100px;left:0;background:white;padding:10px}.skip:focus{top:0;z-index:5}@media(max-width:750px){.beacon{width:42px;height:66px}.brand{gap:8px}.brand-words{font-size:55px}.mast{padding:17px 10px}.strap{font-size:9px;padding:8px}.hero{background:linear-gradient(180deg,rgba(255,247,230,.95) 0%,rgba(255,247,230,.88) 42%,rgba(255,247,230,.25) 80%),url('assets/shore-sandwich.jpg') center bottom/cover no-repeat;min-height:610px;align-items:flex-start;text-align:center;justify-content:center;padding:38px 16px}.hero-copy{max-width:500px}.hero h1{font-size:clamp(55px,12vw,84px)}.red-swoosh{margin:0 auto 18px}.hero-sub{margin:auto;font-size:17px}.opening{font-size:19px}.categories{grid-template-columns:repeat(3,1fr);gap:0;padding:15px 10px}.category{padding:15px 5px}.category:nth-child(3){border-right:0}.category:nth-child(n+4){border-top:1px solid #d6d0c9}.category svg{width:37px;height:37px}.story{padding:45px 18px}.story p{font-size:18px}}@media(max-width:400px){.brand-words{font-size:46px}.hero{min-height:570px}.ribbon{font-size:24px}}