/* Targeted evolution of Chibi's illustrated opening, using native CSS.
   DESIGN_VARIANCE: 8 / MOTION_INTENSITY: 4 / VISUAL_DENSITY: 5.
   Three illustrated links go straight to parks, birthdays and the menu. */

.refined.scene-home .sales-welcome{padding-top:20px}
.refined.scene-home .sales-hero{min-height:565px;gap:40px}
.refined.scene-home .sales-hero-copy{padding:22px 0}
.refined.scene-home .sales-hero-copy .eyebrow{margin-bottom:22px}
.refined.scene-home .sales-hero h1{font-family:Oswald,"Open Sans",sans-serif;font-weight:470;font-synthesis:none;letter-spacing:-.055em}
.refined.scene-home .sales-hero h1 em{font-weight:600}
.scene-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:28.75rem;margin-top:24px}
.scene-route{position:relative;display:grid;grid-template-rows:64px 1fr;gap:9px;min-width:0;padding:5px 5px 10px;background:#fff;border:1.5px solid #d9d1e4;border-radius:14px;color:var(--ink);text-align:left;font:500 1rem/1.3 "Open Sans",sans-serif;transition:transform .18s,background-color .18s,border-color .18s}
.scene-route:hover{background:#f2edf7;border-color:var(--violet);transform:translateY(-3px)}
.scene-route:active{transform:translateY(-1px)}
.scene-choice-picture{display:block;overflow:hidden;border-radius:9px;background:#eeebf3;min-width:0}
.scene-choice-picture img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.scene-choices [data-home-route=parks] img{object-position:70% 60%}
.scene-choices [data-home-route=birthday] img{object-position:50% 62%}
.scene-choices [data-home-route=cafe] img{object-position:50% 57%}
.scene-choice-copy{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding-inline:5px}
.scene-choice-copy strong{display:flex;align-items:center;min-height:2.6em;font-size:1rem;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.scene-choice-arrow{flex-shrink:0;color:var(--violet-dark);font-size:1.25rem;line-height:1}
.refined.scene-home .sales-hero-copy>.lead{font-size:1.125rem;line-height:1.6;min-height:0;max-width:460px;margin-top:24px}
.scene-geography{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:4px;color:var(--violet-dark);font-size:1rem;text-decoration:underline;text-underline-offset:4px}
.scene-geography+.scene-choices{margin-top:12px}
.refined.scene-home .sales-hero-scene{height:510px;min-height:510px;margin-top:0;--scene-radius:44% 43% 35% 28% / 28% 37% 22% 33%}
.scene-pictures{position:absolute;inset:0;border-radius:var(--scene-radius);overflow:hidden;isolation:isolate}
.scene-pictures img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.scene-pictures img{object-position:62% center}
.scene-home .sales-hero-scene .sales-hero-fluffy{pointer-events:none;width:36%;height:auto;max-height:225px;object-fit:contain;right:-9px;bottom:-28px;z-index:3}
@media(min-width:701px) and (max-width:1050px){
 .refined.scene-home .sales-hero{gap:28px;min-height:510px}
 .refined.scene-home .sales-hero-scene{height:440px;min-height:440px}
 .scene-choices{gap:8px}
 .scene-choice-copy{padding-inline:2px}
 .scene-choice-copy strong{font-size:.875rem}
}
@media(max-width:700px){
 .refined.scene-home .sales-welcome{padding-top:8px}
 .refined.scene-home .sales-hero{gap:15px;min-height:0}
 .refined.scene-home .sales-hero-copy{padding:12px 0 0}
 .refined.scene-home .sales-hero-copy .eyebrow{margin-bottom:14px}
 .scene-choices{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,.9fr);gap:8px;margin-top:20px}
 .scene-route{grid-template-rows:48px 1fr;padding:4px 4px 9px;gap:7px;border-radius:12px}
 .scene-choice-picture{border-radius:8px}
 .scene-choice-copy{padding-inline:2px;gap:3px}
 .scene-choice-copy strong{font-size:.875rem;letter-spacing:-.03em}
 .scene-choice-arrow{font-size:1rem}
 .refined.scene-home .sales-hero-copy>.lead{font-size:1rem;line-height:1.55;margin-top:20px}
 .refined.scene-home .sales-hero-scene{height:270px;min-height:270px;margin-top:5px;margin-bottom:15px}
 .scene-home .sales-hero-scene .sales-hero-fluffy{max-height:150px;width:34%;bottom:-15px;right:0}
}
@media(prefers-reduced-motion:reduce){.scene-route{transition:none}}
@media(max-width:359px){
 .refined.scene-home .invitation-lab-copy h2{font-size:var(--type-section)}
}