@font-face{font-family:'Lilita One';src:url('/assets/fonts/lilita-one.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('/assets/fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--cream:#fff6e5;--ink:#23201f;--orange:#fc5603;--pink:#ed80b2;--mint:#82c9aa}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--ink);font:16px/1.5 DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ink);outline-offset:5px}::selection{background:var(--pink)}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;padding:12px 18px;background:var(--cream);border:2px solid var(--ink);border-radius:8px}.skip-link:focus{top:16px}.page{max-width:760px;min-height:100svh;margin:auto;background:var(--cream);padding:30px 42px 26px;position:relative;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:26px;border-bottom:1px solid #23201f30}.brand{display:block;flex-shrink:0}.brand-crop{display:block;position:relative;width:123px;height:83px;background:var(--orange);overflow:hidden;border-radius:6px}.brand-crop img{position:absolute;width:250px;height:auto;max-width:none;left:-65px;top:-59px}.location{font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.7;text-align:right}.location>span{font-weight:400;letter-spacing:.04em}.intro{padding:32px 0 26px}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{font-size:24px;color:#b83a00;line-height:1}h1{font:400 clamp(62px,11vw,88px)/.94 'Lilita One',sans-serif;letter-spacing:-.025em;margin:18px 0 18px}h1>span{color:#b83a00}.intro p{margin:0;font-size:16px;line-height:1.6;color:#51463f}nav{display:grid;gap:12px;scroll-margin-top:20px}.link-card{display:flex;align-items:center;gap:18px;padding:19px 22px;border:2px solid var(--ink);border-radius:15px;min-height:90px;box-shadow:4px 4px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.link-card:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.instagram{background:var(--pink)}.menu{background:var(--cream)}.order{background:var(--orange)}.directions{background:var(--mint)}.icon{width:28px;height:28px;flex-shrink:0}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon .solid{fill:currentColor;stroke:none}.link-copy{flex:1;min-width:0}.link-copy strong{display:block;font-size:18px;line-height:1.3;font-weight:700}.link-copy>span{display:block;font-size:13px;margin-top:4px}.arrow{font-size:28px;line-height:1;flex-shrink:0}.home-link{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;min-height:48px;width:fit-content;margin:25px auto 24px;text-decoration:underline;text-underline-offset:5px;border-radius:4px;padding:0 12px}.home-link:hover{color:#b83a00}footer{border-top:1px solid #23201f30;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}footer>span:last-child{width:100%;font-size:11px;color:#51463f}.swatches{display:flex;gap:4px}.swatches i{width:10px;height:16px;background:var(--orange)}.swatches i:nth-child(2){background:var(--pink)}.swatches i:nth-child(3){background:var(--mint)}.swatches i:nth-child(4){background:var(--ink)}
@media(min-width:761px){.page{margin:28px auto;min-height:calc(100svh - 56px);border-radius:24px}.intro{padding-top:36px}}
@media(max-width:480px){.page{padding:24px 23px 23px}header{padding-bottom:20px;gap:12px}.brand-crop{width:111px;height:75px}.brand-crop img{width:226px;left:-59px;top:-53px}.location{font-size:10px}.intro{padding:28px 0 24px}h1{font-size:68px}.link-card{gap:13px;padding:17px 16px;min-height:88px}.link-copy strong{font-size:16px}.link-copy>span{font-size:12px}.icon{width:25px;height:25px}.arrow{font-size:25px}}
@media(max-width:350px){.page{padding-inline:18px}.location{font-size:9px}.link-card{padding-inline:12px;gap:10px}.link-copy strong{font-size:15px}.link-copy>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.link-card{transition:none}.link-card:hover{transform:none}}
