:root{--demo-primary:#1F4D3A;--demo-bg:#FBF7EF;--demo-text:#23201B;--demo-accent:#C9A24B;--demo-soft:#f2eee5;--demo-font:system-ui,-apple-system,"Segoe UI",sans-serif;--demo-heading:Georgia,"Times New Roman",serif;--demo-banner:58px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--demo-banner) + 76px)}body{margin:0;background:var(--demo-bg);color:var(--demo-text);font:16px/1.6 var(--demo-font)}button,a{font:inherit}a{color:inherit}.demo-banner{position:fixed;z-index:20;inset:0 0 auto;min-height:var(--demo-banner);padding:9px 18px;background:#0F1B2D;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-size:.9rem}.demo-banner a{color:#fff}.demo-banner .banner-cta{background:#4DB4FF;color:#0F1B2D;border-radius:6px;padding:8px 14px;text-decoration:none;font-weight:750}.demo-skip{position:absolute;left:12px;top:-100px;background:#fff;color:#111;padding:9px;z-index:30}.demo-skip:focus{top:calc(var(--demo-banner) + 6px)}.demo-page{padding-top:var(--demo-banner);--content:1080px;--pad:clamp(20px,5vw,64px)}.demo-page h1,.demo-page h2,.demo-page h3{font-family:var(--demo-heading);line-height:1.15}.demo-page h1{font-size:clamp(2.5rem,6vw,5rem);margin:.15em 0}.demo-page h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 24px}.demo-wrap{width:min(var(--content),100%);margin:auto;padding-inline:var(--pad)}.demo-header{position:sticky;top:var(--demo-banner);z-index:10;background:var(--demo-bg);border-bottom:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent)}.demo-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-brand{text-decoration:none;font-weight:800;font-size:1.25rem;color:var(--demo-primary)}.demo-nav{display:flex;gap:clamp(12px,2.4vw,30px);font-size:.95rem}.demo-nav a{text-decoration:none}.demo-nav a:hover{text-decoration:underline;text-underline-offset:4px}.demo-hero{position:relative;min-height:560px;display:grid;align-items:center;overflow:hidden;color:#fff;background:var(--demo-primary)}.demo-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-hero:has(.demo-hero-photo)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12))}.demo-hero-content{position:relative;z-index:1;padding-block:65px}.demo-hero-content p{font-size:clamp(1.15rem,2vw,1.5rem);max-width:620px}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.demo-btn{border:2px solid var(--demo-primary);border-radius:8px;padding:11px 16px;background:var(--demo-primary);color:#fff;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}.demo-btn:hover{filter:brightness(.92);transform:translateY(-1px)}.demo-btn:focus-visible,.demo-page a:focus-visible,.demo-nav button:focus-visible{outline:3px solid #1261a0;outline-offset:3px}.demo-btn.secondary{background:transparent;border-color:currentColor;color:inherit}.demo-section{padding:clamp(52px,8vw,92px) 0}.demo-section.alt{background:var(--demo-soft)}.demo-copy{max-width:760px}.demo-copy p{margin:.5em 0}.demo-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:34px}.demo-group h3{font-size:1.4rem;border-bottom:1px solid var(--demo-accent);padding-bottom:10px}.demo-item{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 16%,transparent)}.demo-item-name{font-weight:750}.demo-price{font-weight:800;white-space:nowrap;color:var(--demo-primary)}.demo-desc{grid-column:1/-1;font-size:.92rem;opacity:.82}.demo-item img{grid-row:span 2;width:76px;height:66px;object-fit:cover;border-radius:6px}.demo-item.with-image{grid-template-columns:76px 1fr auto}.demo-item.with-image .demo-desc{grid-column:2/-1}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px)}.demo-hours{width:100%;border-collapse:collapse}.demo-hours td{padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 17%,transparent);vertical-align:top}.demo-hours td:first-child{font-weight:750;padding-right:14px}.demo-contact p{margin:.45em 0}.demo-map{margin-top:20px;min-height:160px;padding:22px;background:linear-gradient(135deg,var(--demo-soft),color-mix(in srgb,var(--demo-accent) 32%,var(--demo-bg)));border:1px solid color-mix(in srgb,var(--demo-text) 15%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}.demo-map-mark{font-size:2rem;color:var(--demo-primary)}.demo-footer{text-align:center;padding:26px 20px;border-top:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);font-size:.9rem}.demo-toast{position:fixed;z-index:50;left:50%;bottom:22px;transform:translate(-50%,20px);width:min(92vw,560px);padding:14px 18px;border-radius:8px;background:#10251b;color:#fff;box-shadow:0 8px 28px #0004;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.demo-toast.visible{opacity:1;transform:translate(-50%,0)}.salon .demo-hero{color:var(--demo-text);background:var(--demo-bg)}.salon .demo-hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.salon .demo-hero-art{width:100%;height:auto;max-height:430px}.salon .demo-brand,.salon .demo-price{color:var(--demo-primary)}.salon .demo-btn{border-radius:2px}.snack{--demo-heading:var(--demo-font)}.snack .demo-page h1,.snack .demo-page h2,.snack .demo-page h3{font-family:var(--demo-font)}.snack .demo-page h2{font-weight:850;letter-spacing:-.035em}.snack .demo-header{border-bottom-width:2px}.snack .demo-hero{min-height:500px;background:#fff;color:var(--demo-text)}.snack .demo-hero:has(.demo-hero-photo)::after{display:none}.snack .demo-hero-inner{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px}.snack .demo-hero-photo{position:relative;height:440px;border-radius:6px}.snack .demo-hero-content{padding-block:40px}.snack .demo-btn{border-radius:6px;color:#1E1E1E}.snack .demo-price{color:#1E1E1E}.snack .demo-section.alt{background:#F5F5F2}@media(max-width:700px){:root{--demo-banner:94px}.demo-banner{flex-wrap:wrap;gap:4px 12px;line-height:1.25;text-align:center}.demo-banner .banner-cta{padding:6px 10px}.demo-header-inner{min-height:62px;display:block;padding-block:10px}.demo-nav{overflow-x:auto;gap:20px;padding:5px 0;white-space:nowrap;font-size:.86rem}.demo-hero{min-height:520px}.demo-hero-content{padding-block:50px}.demo-actions{gap:8px}.demo-btn{padding:10px 12px;font-size:.92rem}.demo-grid{grid-template-columns:1fr}.salon .demo-hero-content{grid-template-columns:1fr}.salon .demo-hero-art{max-height:260px;grid-row:1}.snack .demo-hero-inner{grid-template-columns:1fr;gap:0}.snack .demo-hero-photo{grid-row:1;height:270px;border-radius:0}.snack .demo-hero-content{padding-block:32px}.demo-item.with-image{grid-template-columns:64px 1fr auto}.demo-item img{width:64px;height:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-btn,.demo-toast{transition:none}}
@media(max-width:700px){:root{--demo-banner:112px}.demo-banner{padding:7px 8px}.demo-banner .banner-cta{font-size:.82rem}}
.restaurant .demo-hero{min-height:max(70vh,440px)}.restaurant .demo-hero-photo{z-index:0}.restaurant .demo-hero:has(>.demo-hero-photo)::after{z-index:1;background:linear-gradient(105deg,rgba(12,32,23,.9) 0%,rgba(12,32,23,.78) 58%,rgba(12,32,23,.3) 100%)}.restaurant .demo-hero-content{z-index:2}.restaurant .demo-hero-content>div{position:relative;z-index:2}.salon .demo-art-shape{fill:#E8B4B8}.salon .demo-art-monogram{fill:#1B1B1F;font-family:"Times New Roman",Times,serif;font-size:108px;font-weight:400;letter-spacing:9px}.salon .demo-hair{stroke-linecap:round;stroke-width:2.2}.salon .demo-hair.dark{stroke:#1B1B1F}.salon .demo-hair.light{stroke:#fff;stroke-width:2}.snack .demo-brand{position:relative;color:#1E1E1E}.snack .demo-brand::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;border-radius:4px;background:#F2C230;z-index:-1}.snack .demo-btn{color:#1E1E1E}
@media(max-width:700px){.restaurant .demo-hero:has(>.demo-hero-photo)::after{background:linear-gradient(180deg,rgba(12,32,23,.78),rgba(12,32,23,.82))}.restaurant .demo-hero-content{text-align:center}.restaurant .demo-actions{justify-content:center}}
.snack .demo-brand{text-decoration-line:underline;text-decoration-color:#F2C230;text-decoration-thickness:5px;text-underline-offset:4px}.snack .demo-brand::after{content:none}

/* Fixed virtual canvases for the main-page gallery. */
.demo-page.demo--desktop{width:1280px;max-width:none;font-size:16px;--content:1080px;--pad:64px;--demo-banner:0px;padding-top:0}.demo-page.demo--mobile{width:390px;max-width:none;font-size:16px;--content:390px;--pad:20px;--demo-banner:0px;padding-top:0}.demo-embedded .demo-header{position:static;top:auto}.demo-embedded .demo-hero,.demo-embedded.restaurant .demo-hero,.demo-embedded.snack .demo-hero{min-height:360px;height:360px}.demo-embedded.demo--mobile .demo-hero,.demo-embedded.demo--mobile.restaurant .demo-hero,.demo-embedded.demo--mobile.snack .demo-hero{min-height:300px;height:300px}.demo-embedded .demo-page{padding-top:0}.demo--mobile .demo-header-inner{min-height:62px;display:block;padding-block:10px}.demo--mobile .demo-nav{overflow:hidden;gap:14px;padding:5px 0;white-space:nowrap;font-size:13px}.demo--mobile .demo-hero{min-height:520px}.demo--mobile .demo-hero-content{padding-block:50px}.demo--mobile .demo-hero-content p{font-size:1.15rem}.demo--mobile .demo-actions{gap:8px}.demo--mobile .demo-btn{padding:10px 12px;font-size:.92rem}.demo--mobile .demo-grid{grid-template-columns:1fr}.demo--mobile.salon .demo-hero-content{grid-template-columns:1fr}.demo--mobile.salon .demo-hero-art{max-height:260px;grid-row:1}.demo--mobile.snack .demo-hero-inner{grid-template-columns:1fr;gap:0}.demo--mobile.snack .demo-hero-photo{grid-row:1;height:270px;border-radius:0}.demo--mobile.snack .demo-hero-content{padding-block:32px}.demo--mobile .demo-item.with-image{grid-template-columns:64px 1fr auto}.demo--mobile .demo-item img{width:64px;height:62px}.demo--mobile.restaurant .demo-hero:has(>.demo-hero-photo)::after{background:linear-gradient(180deg,rgba(12,32,23,.78),rgba(12,32,23,.82))}.demo--mobile.restaurant .demo-hero-content{text-align:center}.demo--mobile.restaurant .demo-actions{justify-content:center}
.demo--desktop .demo-header-inner{min-height:72px;display:flex;padding-block:0}.demo--desktop .demo-nav{overflow:visible;gap:30px;padding:0;white-space:normal;font-size:.95rem}.demo--desktop .demo-hero{min-height:560px}.demo-embedded.demo--desktop.restaurant .demo-hero,.demo-embedded.demo--desktop.snack .demo-hero{min-height:360px;height:360px}.demo--desktop .demo-hero-content{padding-block:65px}.demo--desktop .demo-grid{grid-template-columns:1fr 1fr}.demo--desktop.salon .demo-hero-content{grid-template-columns:1fr 1fr}.demo--desktop.snack .demo-hero-inner{grid-template-columns:1fr .9fr;gap:40px}.demo--desktop.snack .demo-hero-photo{height:440px;border-radius:6px}.demo--desktop.snack .demo-hero-content{padding-block:40px}.demo--desktop .demo-item.with-image{grid-template-columns:76px 1fr auto}.demo--desktop .demo-item img{width:76px;height:66px}
.demo--desktop h1{font-size:5rem}.demo--desktop h2{font-size:3rem}.demo--desktop .demo-hero-content p{font-size:1.5rem}
.demo--desktop .demo-section{padding-block:92px}.demo--desktop .demo-grid{gap:80px}.demo--mobile h1{font-size:2.5rem}.demo--mobile h2{font-size:2rem}.demo--mobile .demo-section{padding-block:52px}.demo--mobile .demo-grid{gap:28px}
.demo--desktop.restaurant .demo-hero:has(>.demo-hero-photo)::after{background:linear-gradient(105deg,rgba(12,32,23,.9) 0%,rgba(12,32,23,.78) 58%,rgba(12,32,23,.3) 100%)}.demo--desktop.restaurant .demo-hero-content{text-align:left}.demo--desktop.restaurant .demo-actions{justify-content:flex-start}