/* Examples from DiniDine's own media, with explicit labels for each type. */
.restaurant-showcase{padding:65px 0 56px;background:radial-gradient(ellipse at 15% 40%,#3e432528,transparent 60%),#10130d;}
.restaurant-showcase .section-head{margin-bottom:25px;}
.restaurant-showcase .section-head h2{font-size:clamp(1.85rem,3.2vw,2.65rem);}
.restaurant-showcase .section-head .deck{max-width:48ch;margin:15px auto 0;}
.showcase-tabs{display:none;}
.showcase-enhanced .showcase-tabs{display:flex;gap:7px;padding:5px;border:1px solid #424c32;background:#191e14;border-radius:12px;margin:0 auto 22px;width:fit-content;}
.showcase-tabs button{border:0;background:transparent;color:#c2c9b2;cursor:pointer;border-radius:8px;min-height:46px;padding:12px 29px;font:inherit;font-size:.83rem;transition:background .2s,color .2s;}
.showcase-tabs button[aria-selected="true"]{background:#e3c482;color:#211d12;box-shadow:0 3px 10px #0002;}
.showcase-panel{display:grid;grid-template-columns:1fr 1fr;min-height:420px;max-width:1000px;margin:0 auto 20px;border:1px solid #424b32;border-radius:18px;overflow:hidden;background:#161b11;}
.showcase-panel[role="tabpanel"]{animation:showcase-enter .3s both;}
.showcase-art{min-width:0;min-height:420px;overflow:hidden;position:relative;}
.menu-art{background:radial-gradient(ellipse at 50% 40%,#8c804955,transparent 75%),#22291a;display:flex;align-items:flex-start;justify-content:center;gap:16px;padding:31px 26px;}
.capture-phone{width:184px;max-width:48%;border-radius:17px;overflow:hidden;border:5px solid #10130d;box-shadow:0 15px 35px #0007;transform:rotate(-4deg);flex-shrink:0;}
.capture-phone img{display:block;width:100%;height:auto;}
.capture-phone-secondary{margin-top:31px;transform:rotate(5deg);}
.showcase-copy{padding:38px 34px;align-self:center;}
.showcase-kind{font-size:.61rem;letter-spacing:.075em;color:#bfcaab;display:block;margin-bottom:17px;}
.showcase-copy h3{font-size:1.9rem;font-weight:500;letter-spacing:-.025em;line-height:1.18;margin:0 0 17px;}
.showcase-copy p{font-size:.87rem;line-height:1.8;color:#c1c9b0;margin:0;}
.showcase-copy ul{padding:0;list-style:none;margin:22px 0 0;display:grid;gap:12px;}
.showcase-copy li{position:relative;padding-left:20px;font-size:.8rem;line-height:1.65;color:#e0e4d5;}
.showcase-copy li::before{content:'✓';position:absolute;left:0;color:var(--gold-light);}
.showcase-copy p.showcase-source{font-size:.65rem;line-height:1.65;margin-top:20px;color:#aab599;}
.identity-art{background:linear-gradient(140deg,#352b24,#25241b);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px;align-content:center;}
.identity-art figure{margin:0;background:#f2e8d4;border-radius:9px;overflow:hidden;color:#30251b;box-shadow:0 8px 20px #0003;min-width:0;}
.identity-art figure:last-child{grid-column:1/3;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#e9d399;}
.identity-art img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;object-position:50% 30%;height:auto;}
.identity-art figcaption{padding:10px 12px;font-size:.85rem;font-family:"Playfair Display",Georgia,serif;line-height:1.3;}
.identity-art figcaption span{display:block;font-family:Inter,system-ui,sans-serif;font-size:.58rem;margin-top:4px;color:#63533d;}
.identity-art figure:last-child img{aspect-ratio:1.5;}
.links-art{display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at top,#20476570,transparent 80%),#14211f;}
.hub-example{width:310px;max-width:100%;border-radius:15px;overflow:hidden;background:#15100b;border:1px solid #806239;box-shadow:0 16px 35px #0005;transform:rotate(-2deg);}
.hub-brand{display:block;width:100%;height:auto;}
.hub-inner{padding:17px;}
.hub-caption{display:block;font-size:.49rem;letter-spacing:.08em;color:#dabd86;margin-bottom:15px;}
.hub-row{display:flex;align-items:center;gap:12px;border:1px solid #56432c;padding:13px 12px;margin-top:10px;border-radius:10px;font-size:.8rem;background:#251b11;}
.hub-row>span:first-child{color:#efc778;}
.hub-row>span:last-child{margin-left:auto;color:#efc778;}
.hub-row small{display:block;font-size:.6rem;color:#c4b394;margin-top:4px;}
.hub-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0;}
.hub-shortcuts span{border:1px solid #54452f;padding:8px 9px;border-radius:7px;font-size:.57rem;color:#d0bb95;}
.hub-inner>p{font-size:.54rem;line-height:1.7;color:#baab90;margin:14px 0 0;}
.showcase-invitation{max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px auto 0;}
.showcase-invitation p{margin:0;line-height:1.6;}
.showcase-invitation strong{font-weight:500;display:block;font-size:1.12rem;}
.showcase-invitation p>span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px;}
.showcase-invitation .btn-primary{font-size:.85rem;text-transform:none;min-height:51px;}
.showcase-assurance{text-align:center;color:#b5c19f;font-size:.75rem;margin:24px 0 0;line-height:1.7;}
.owner-promise{max-width:1132px;margin:30px auto 0;border:1px solid #4c5438;border-radius:12px;background:#1c2315;padding:26px;display:flex;align-items:center;gap:22px;}
.owner-promise>span{font-size:1.6rem;color:var(--gold);}
.owner-promise p{color:#bbc5aa;font-size:.85rem;line-height:1.8;margin:0;max-width:66ch;}
.owner-promise strong{display:block;color:var(--ink);font-size:1rem;font-weight:500;margin-bottom:5px;}
.owner-promise a{margin-left:auto;flex-shrink:0;color:var(--gold-light);font-size:.78rem;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;}
@keyframes showcase-enter{from{opacity:.4;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media(max-width:820px){
 .showcase-copy{padding:28px 24px;}.showcase-copy h3{font-size:1.65rem;}.menu-art{gap:10px;padding-inline:15px;align-items:center;}.capture-phone{max-width:46%;}.identity-art{padding:18px;gap:10px;}.showcase-art{min-height:390px;}.owner-promise{margin-inline:24px;}.owner-promise a{flex-shrink:1;min-width:110px;}.mobile-product-peek .peek-copy strong{font-size:1.02rem;}.mobile-product-peek .peek-label{font-size:.47rem;}
}
@media(max-width:620px){
 .restaurant-showcase{padding:35px 0;scroll-margin-top:78px;}
 .restaurant-showcase .section-head{margin-bottom:20px;}
 .restaurant-showcase .section-head h2{font-size:1.8rem;}
 .restaurant-showcase .section-head .eyebrow{font-size:.59rem;letter-spacing:.08em;margin-bottom:12px;}
 .restaurant-showcase .section-head .deck{font-size:.84rem;line-height:1.7;margin-top:12px;}
 .showcase-enhanced .showcase-tabs{width:100%;gap:3px;margin-bottom:16px;padding:4px;}
 .showcase-tabs button{flex:1;font-size:.77rem;padding:10px 4px;min-width:0;}
 .showcase-panel{grid-template-columns:1fr;border-radius:13px;min-height:0;margin-bottom:0;}
 .showcase-art{height:270px;min-height:0;}
 .menu-art{padding:18px 24px;gap:18px;align-items:flex-start;}
 .capture-phone{width:142px;max-width:46%;border-width:4px;border-radius:13px;}
 .capture-phone-secondary{margin-top:17px;}
 .showcase-copy{padding:23px 20px;}
 .showcase-kind{font-size:.59rem;letter-spacing:.05em;margin-bottom:12px;}
 .showcase-copy h3{font-size:1.6rem;margin-bottom:13px;}
 .showcase-copy p{font-size:.81rem;line-height:1.75;}
 .showcase-copy ul{margin-top:16px;gap:9px;}
 .showcase-copy li{font-size:.75rem;line-height:1.65;}
 .showcase-copy p.showcase-source{font-size:.63rem;margin-top:15px;}
 .identity-art{padding:16px;gap:10px;height:300px;}
 .identity-art img{aspect-ratio:1.65;}
 .identity-art figcaption{font-size:.85rem;padding:8px 10px;}
 .identity-art figcaption span{font-size:.57rem;}
 .identity-art figure:last-child{grid-template-columns:1fr 1fr;}
 .identity-art figure:last-child img{aspect-ratio:1.7;}
 .links-art{height:340px;padding:20px;}
 .hub-example{width:260px;transform:rotate(-1deg);}
 .hub-inner{padding:13px;}
 .hub-caption{font-size:.48rem;margin-bottom:9px;}
 .hub-row{padding:10px;font-size:.75rem;gap:9px;}
 .hub-row small{font-size:.57rem;}
 .hub-shortcuts{margin:10px 0;}
 .hub-shortcuts span{font-size:.55rem;padding:6px 7px;}
 .hub-inner>p{font-size:.51rem;margin-top:10px;}
 .showcase-invitation{flex-direction:column;text-align:center;gap:15px;margin-top:22px;}
 .showcase-invitation strong{font-size:1.02rem;}
 .showcase-invitation p>span{font-size:.76rem;}
 .showcase-invitation .btn-primary{width:100%;font-size:.94rem;padding:15px 20px;}
 .showcase-assurance{font-size:.68rem;margin-top:15px;}
 .owner-promise{margin:22px 20px 0;padding:20px;flex-wrap:wrap;gap:12px;}
 .owner-promise>span{display:none;}
 .owner-promise p{font-size:.8rem;}
 .owner-promise strong{font-size:.95rem;}
 .owner-promise a{margin:0;font-size:.79rem;}
}
@media(prefers-reduced-motion:reduce){.showcase-panel[role="tabpanel"]{animation:none;}.showcase-tabs button{transition:none;}}

.hero-freedom{display:block;margin-top:5px;color:#cbd2bc;font-size:.7rem;}

/* Recorded menus: three actual configurations, with touch-friendly native scrolling. */
.real-menus-art{padding:28px 18px 18px;background:radial-gradient(ellipse at top,#6e7c3a44,transparent 75%),#20281b;display:flex;flex-direction:column;justify-content:center;}
.real-menu-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:5px 2px 12px;scrollbar-width:thin;scrollbar-color:#939d70 #2b3422;}
.real-menu-card{min-width:0;flex:1 0 0;margin:0;scroll-snap-align:start;}
.real-menu-screen{overflow:hidden;border:4px solid #0b120e;border-radius:13px;box-shadow:0 10px 18px #0004;}
.real-menu-screen img{display:block;width:100%;height:auto;}
.real-menu-card figcaption{font-family:"Playfair Display",Georgia,serif;font-size:1rem;color:#f3ebd6;padding:13px 1px 0;}
.real-menu-card figcaption>span{display:block;font-family:Inter,system-ui,sans-serif;font-size:.6rem;line-height:1.7;color:#c2cbb1;margin-top:5px;}
.real-menu-hint{font-size:.7rem;line-height:1.6;color:#bcc9a6;text-align:center;margin:18px 0 0;}
.real-menu-hint>span{display:none;}
@media(max-width:1050px) and (min-width:621px){.real-menu-card{flex:0 0 46%;}.real-menu-hint>span{display:block;color:var(--gold-light);margin-top:3px;}}
@media(max-width:620px){
 .real-menus-art{height:auto;min-height:0;padding:17px 14px;}
 .real-menu-rail{gap:13px;padding-bottom:12px;}
 .real-menu-card{flex:0 0 57%;}
 .real-menu-card figcaption{font-size:1rem;padding-top:10px;}
 .real-menu-card figcaption>span{font-size:.65rem;}
 .real-menu-hint{display:flex;justify-content:space-between;gap:10px;text-align:left;font-size:.62rem;margin-top:9px;}
 .real-menu-hint>span{display:block;color:var(--gold-light);white-space:nowrap;}
}

/* Short proof captions leave the examples in charge. */
.showcase-copy h3{font-size:clamp(1.6rem,2.4vw,2.3rem);}
.showcase-copy>p:not(.showcase-source){max-width:32ch;}
.showcase-copy .showcase-source{margin-top:16px;}
.showcase-invitation{margin-top:24px;}
@media(max-width:620px){.showcase-copy{padding-top:18px;}.showcase-copy h3{font-size:1.5rem;margin:10px 0;}.showcase-copy>p:not(.showcase-source){font-size:.84rem;line-height:1.6;max-width:none;}.showcase-copy .showcase-source{margin-top:10px;font-size:.67rem;}.restaurant-showcase{padding-bottom:30px;}}