.restaurant-case-studies{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.restaurant-case-intro{max-width:42ch}.restaurant-case-intro h2{margin-top:.65rem;text-wrap:balance}.restaurant-case-intro a{display:inline-flex;min-height:44px;align-items:center}main:has(.restaurant-case-studies) :is(h1,h2,h3,p,li,a,dt,dd){overflow-wrap:anywhere}.heatmap-comparison{margin:0;min-width:0;color:var(--color-cta-text)}.heatmap-comparison figcaption .eyebrow{margin:0 0 .5rem}.heatmap-comparison h3{font-size:1.4rem;line-height:1.3;margin:0 0 .75rem}.heatmap-comparison figcaption>p:last-child{margin:0 0 1.25rem}.heatmap-frame{position:relative;min-width:0;aspect-ratio:var(--map-ratio)}.heatmap-images{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:center}.heatmap-state{min-width:0}.heatmap-state img{display:block;width:100%;height:auto;border-radius:10px}.heatmap-state-labels{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem}.heatmap-label{display:inline-block;padding:.25rem .65rem;margin-bottom:.4rem;border-radius:6px;background:var(--color-intentional-white);color:var(--color-cta-text);font-weight:750}[data-heatmap-initialized] .heatmap-frame{aspect-ratio:var(--map-ratio);touch-action:pan-y pinch-zoom;user-select:none}[data-heatmap-initialized] .heatmap-images{display:block}[data-heatmap-initialized] .heatmap-state{position:absolute;inset:0}[data-heatmap-initialized] .heatmap-before{z-index:2;clip-path:inset(0 calc(100% - var(--heatmap-position,50%)) 0 0)}[data-heatmap-initialized] .heatmap-after{z-index:1}.heatmap-interaction{position:absolute;inset:0;z-index:4}.heatmap-visibility-target{position:absolute;inset:25% 0;pointer-events:none}.heatmap-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.heatmap-divider{position:absolute;top:0;bottom:0;left:var(--heatmap-position,50%);width:2px;transform:translate(-50%);background:var(--color-intentional-white);box-shadow:0 0 0 1px #10233f60;pointer-events:none}.heatmap-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--color-logo-navy);border-radius:999px;background:#fffffff0;color:var(--color-logo-navy);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent-secondary) 13%,transparent),0 3px 14px #10233f40;backdrop-filter:blur(6px)}.heatmap-frame:hover .heatmap-handle{box-shadow:0 0 0 7px color-mix(in srgb,var(--color-accent-secondary) 22%,transparent),0 3px 16px #10233f40}.heatmap-frame:focus-within .heatmap-handle{outline:3px solid var(--color-logo-navy);outline-offset:4px;box-shadow:0 0 0 9px #ffffffd9}.heatmap-help{font-size:.9rem;margin:.8rem 0;color:var(--color-asset-slate);min-height:3.2em}.heatmap-metadata{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin:1.1rem 0}.heatmap-metadata>div{min-width:0}.heatmap-metadata dt{color:var(--color-asset-slate);font-size:.875rem}.heatmap-metadata dd{margin:.15rem 0 0;font-weight:750}.heatmap-full-maps summary{cursor:pointer;min-height:44px;padding-block:.6rem;font-weight:650}.heatmap-full-maps p{margin-top:.5rem}.heatmap-original-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.heatmap-original-links a{padding-block:.65rem;min-height:44px}.heatmap-link-note{font-size:.875em}.heatmap-touch-handle,.heatmap-mobile-control{display:none}@media(max-width:600px){.heatmap-touch-handle{position:absolute;z-index:5;top:50%;left:var(--heatmap-position,50%);transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:2px solid var(--color-logo-navy);border-radius:999px;background:#fffffff0;color:var(--color-logo-navy);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent-secondary) 13%,transparent),0 3px 14px #10233f40;touch-action:none}.heatmap-divider .heatmap-handle,.heatmap-range{display:none}.heatmap-mobile-control{display:grid;gap:.25rem;margin-top:.875rem;font-size:.875rem;font-weight:650}.heatmap-mobile-range{width:100%;min-height:44px;margin:0;accent-color:var(--color-accent-secondary);touch-action:pan-y pinch-zoom}}@media(max-width:1000px){.restaurant-case-studies{grid-template-columns:minmax(0,1fr)}.restaurant-case-intro{max-width:65ch}.heatmap-comparison{width:100%;max-width:700px}}@media(prefers-reduced-motion:reduce){.heatmap-comparison *{animation:none!important;transition:none!important}}@media print{[data-heatmap-ready] .heatmap-frame{aspect-ratio:auto}[data-heatmap-ready] .heatmap-images{display:grid}[data-heatmap-ready] .heatmap-state{position:static;clip-path:none}[data-heatmap-ready] .heatmap-label{position:static}.heatmap-interaction,.heatmap-help{display:none}}