/* Daylight, neon and a photographic vitrine. Deliberately scoped to atelier.php. */
body{--night:0;--daylight:1;--neon-power:.12}
.store-story{height:360svh}
.store-stage{background:linear-gradient(#1c392e,#12372d 70%,#101f19)}
.store-building{width:min(100vw,calc((100svh - var(--nav-height))*1.5));height:min(66.6667vw,calc(100svh - var(--nav-height)));top:calc(50% + var(--nav-height)/2);transform-origin:50% 52%}
.store-picture,.store-photo{position:absolute;inset:0;object-fit:fill}
.store-photo-night{opacity:var(--night);transition:opacity 1.4s ease}
.store-ambient{position:absolute;inset:0;background:#081828;opacity:calc(var(--night)*.17);transition:opacity 1.4s;pointer-events:none}
.store-building:after{background:linear-gradient(180deg,#07170d18,transparent 25%,transparent 75%,#07170d35)}
.store-sign{left:13%;right:10%;top:4.7%;height:14.5%;z-index:3;color:#f2e5bb;text-shadow:0 2px 2px #0009}
.store-sign>span{position:relative;letter-spacing:.025em;font-size:clamp(40px,5.4vw,88px);font-weight:850;line-height:1}
.store-sign>span:after{content:'FOODAR';position:absolute;inset:0;color:#fff2cc;text-shadow:0 0 3px #fff0b1,0 0 12px #ffc971,0 0 32px #f9b95f,0 0 65px #efba7366;opacity:var(--neon-power);transition:opacity 1.5s}
.store-sign small{font-size:clamp(7px,.65vw,11px);letter-spacing:.32em;margin-top:9px;color:#f6eaca}
.store-door-frame,.store-glass{inset:22.2% 11.4% 22.8% 13.7%}
.store-shutter{border:0;background:repeating-linear-gradient(0deg,#1e352c 0px,#30473b 3px,#293f34 11px,#152e24 12px,#11281f 14px);box-shadow:inset 0 0 35px #0008,0 8px 12px #0006;filter:brightness(calc(.65 + var(--daylight)*.35));transition:filter 1.4s}
.store-shutter:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fbebc31a,transparent 35%,#040c0b20);pointer-events:none}
.store-shutter:after{content:'';position:absolute;left:45%;right:45%;bottom:15px;height:4px;border:2px solid #9f9c7c;border-radius:8px;box-shadow:0 3px 3px #000b}
.shutter-copy{padding:25px;text-align:center;color:#f2e7d0;max-width:700px;text-shadow:0 2px 1px #11231bcc}
.shutter-copy strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(24px,3.1vw,54px);line-height:1.15}
.shutter-copy small{display:block;font-size:clamp(10px,1vw,15px);line-height:1.7;margin:15px auto 0;max-width:38ch}
.store-shutter .shutter-copy span{position:static;display:block;margin-top:25px;font-size:11px;letter-spacing:.16em;opacity:.65}
.scene-heading{top:auto;bottom:12%;left:5%;right:auto;text-align:left;max-width:420px;text-shadow:0 2px 15px #00180cdc}
.scene-heading .eyebrow{display:none}
.scene-heading h1{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.8px;line-height:1.08}
.scene-heading h1 br{display:none}
.scene-heading h1 em{display:block;font-size:1em}
.scene-heading>p:last-child{display:none}
.scene-time-note{position:absolute;bottom:12.5%;right:5%;z-index:8;display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #f9edce45;background:#143627e0;color:#fff6df;border-radius:40px;font-size:12px;box-shadow:0 5px 25px #0002}
.preview-tag{font-size:9px;color:#d7e3b4;border-inline-start:1px solid #c8d6b857;padding-inline-start:10px}
.preview-tag[hidden]{display:none}
.scene-bottom{bottom:3.5%;text-shadow:0 2px 9px #102e23}
.clock-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aab399;flex:none;box-shadow:0 0 0 3px #b2bf9f18}
[data-kitchen=serving] .clock-dot{background:#85c267}
[data-kitchen=cooking] .clock-dot{background:#d5ac5a}
.day-explorer{position:fixed;z-index:40;right:24px;top:calc(var(--nav-height) + 15px);color:#173c2f;font-size:12px}
.day-explorer summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fffcf4f2;border:1px solid #cdcdbb;border-radius:40px;box-shadow:0 4px 24px #132e261c;cursor:pointer;backdrop-filter:blur(12px);width:max-content;margin-inline-start:auto;min-height:42px}
.day-explorer summary::-webkit-details-marker{display:none}
.day-explorer summary>span:not(.clock-chevron){font-size:8px;letter-spacing:1.1px;font-weight:750}
.day-explorer time{font-variant-numeric:tabular-nums;font-size:17px;font-weight:650;letter-spacing:-.5px}
.day-explorer[open] .clock-chevron{transform:rotate(180deg)}
.day-controls{margin-top:9px;background:#fffcf5f7;backdrop-filter:blur(20px);border:1px solid #d1d3be;border-radius:18px;padding:20px;width:320px;max-height:calc(100svh - var(--nav-height) - 90px);overflow-y:auto;box-shadow:0 16px 70px #031c2e33}
.day-controls-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.day-controls-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin:0}
.close-day{border:0;background:transparent;font-size:22px;padding:0 4px;line-height:1}
.clock-mode{font-size:10px;color:var(--muted);margin:15px 0 6px}
.day-status{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.1}
.day-detail{font-size:11px;color:#65705e;line-height:1.6;min-height:35px;margin:10px 0 17px}
.day-controls label{font-size:10px;font-weight:650;display:block}
#day-peek{display:block;width:100%;height:30px;accent-color:var(--green);cursor:ew-resize;margin:7px 0}
.day-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.day-presets button{border:1px solid #d5d9c6;border-radius:9px;background:#f1f2e7;padding:9px 2px}
.day-presets button b{display:block;font-size:11px;font-variant-numeric:tabular-nums}
.day-presets button span{font-size:8px;display:block;margin-top:4px}
.day-presets button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff8e5}
.day-actions{display:flex;justify-content:space-between;gap:8px;margin-top:15px}
.day-actions button{font-size:10px;padding:9px 7px;border:1px solid #d5d9c6;border-radius:7px;background:transparent}
.day-actions .day-play{background:var(--green);color:#fff8e5;border-color:var(--green)}
.day-actions button:disabled{opacity:.45;cursor:default}
#day-preview-note{font-size:9px;color:var(--muted);line-height:1.5;margin:12px 0 0}
.kitchen-hours{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #c9cbb9;font-size:10px;line-height:1.7}
.kitchen-hours>span:first-child{display:flex;align-items:center;gap:8px}
.kitchen-hours>span:nth-child(2){color:var(--muted)}
.show-day{margin-inline-start:auto;border:0;background:none;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.tray-destination{filter:none;border-radius:13px;overflow:hidden;aspect-ratio:1/1}
.tray-original{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .65s}
.board-card:hover .tray-original{transform:scale(1.04)}
.reduced-motion .store-building{transform:translate(-50%,-50%)!important}
.reduced-motion .store-shutter{display:grid}
.reduced-motion .store-photo-night,.reduced-motion .store-ambient,.reduced-motion .store-sign>span:after{transition:none}
.reduced-motion .board-card,.reduced-motion .tray-original{transition:none}
body:not(.motion-ready) .day-explorer,body:not(.motion-ready) .scene-time-note,body:not(.motion-ready) .kitchen-hours{display:none}
body:not(.motion-ready) .store-story{height:100svh}
body:not(.motion-ready) .store-shutter{transform:translateY(-104%)}
@media(max-width:1050px) and (min-width:651px){.store-sign>span{font-size:7vw}}
@media(max-width:650px){
 .store-story{height:280svh}.store-stage{min-height:640px;background:#132c25}
 .store-building{width:max(100vw,calc((max(100svh,640px) - var(--nav-height))*0.666667));height:max(150vw,calc(max(100svh,640px) - var(--nav-height)));aspect-ratio:2/3;top:calc(50% + var(--nav-height)/2);box-shadow:none}
 .store-sign{left:14%;right:11%;top:28.5%;height:8.2%}.store-sign>span{font-size:8vw}.store-sign small{font-size:5px;letter-spacing:1.6px;margin-top:4px}
 .store-door-frame,.store-glass{inset:37.4% 12.2% 34.4% 14.1%}
 .shutter-copy{padding:16px}.shutter-copy strong{font-size:22px}.shutter-copy small{font-size:9px;line-height:1.5;margin-top:8px;max-width:30ch}.store-shutter .shutter-copy span{font-size:7px;margin-top:12px}
 .scene-heading{top:calc(var(--nav-height) + 69px);bottom:auto;left:5%;right:5%;text-align:center;max-width:none;color:var(--green);text-shadow:0 1px 8px #fff7}.scene-heading h1{font-size:27px;letter-spacing:-.9px}.scene-heading h1 em{font-size:1em;margin-top:2px;color:#486743}
 .scene-heading{color:color-mix(in srgb,#eadfc6 calc(var(--night)*100%),#123e30)}.scene-heading h1 em{color:inherit}
 .scene-time-note{right:auto;left:50%;bottom:21%;transform:translateX(-50%);width:max-content;max-width:94vw;font-size:10px;padding:10px 12px;gap:7px}.preview-tag{font-size:8px}
 .scene-bottom{bottom:5%;gap:10px;padding:12px 8px;border-radius:12px;background:#113c2feb}.motion-controls{flex-direction:row;gap:17px}.scroll-invite{font-size:11px}
 .day-explorer{right:14px;top:calc(var(--nav-height) + 10px)}.day-controls{width:min(320px,calc(100vw - 28px));padding:17px}.day-status{font-size:23px}.day-explorer summary{padding:8px 12px;min-height:39px}
 .kitchen-hours{font-size:9px;gap:9px;margin-bottom:26px}.kitchen-hours>span:nth-child(2){width:100%}.show-day{margin-inline-start:0}.tray-destination{border-radius:8px}
}