.cafe-experience{margin-top:52px;scroll-margin-top:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cafe-topline{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:10px;letter-spacing:.14em}
.cafe-demo-tag{display:flex;align-items:center;gap:8px;color:var(--muted)}
.cafe-demo-tag:before{content:"";width:6px;height:6px;background:#b6d29f;border-radius:50%}
.cafe-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,.85fr);gap:25px;align-items:stretch}
.cafe-world{position:relative;min-height:560px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 45% 55%,#40524455,transparent 65%),#19211c}
.cafe-world canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
.cafe-world-caption{position:absolute;top:26px;left:28px;pointer-events:none;color:#dbe4d6}
.cafe-world-caption strong{font-size:25px;font-weight:400;letter-spacing:-.04em;display:block}
.cafe-world-caption span{font-size:9px;letter-spacing:.18em;color:#9ba99c}


.cafe-loading{position:absolute;top:47%;left:15%;right:15%;text-align:center;font-size:13px;color:#cad6c4}
.cafe-loading[hidden]{display:none}
.cafe-data{padding:23px 0 18px 25px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.cafe-data-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);letter-spacing:.06em}
.cafe-data-head time{font-variant-numeric:tabular-nums}
.cafe-occupancy{margin-top:25px}
.cafe-occupancy>span{font-size:13px;color:var(--muted)}
.cafe-number-line{display:flex;align-items:baseline;gap:15px}
.cafe-number-line strong{font-size:clamp(75px,7.4vw,115px);font-weight:400;letter-spacing:-.075em;line-height:1.2;font-variant-numeric:tabular-nums}
.cafe-number-line small{font-size:12px;color:var(--muted)}
.cafe-counts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:15px}
.cafe-counts>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cafe-counts span{font-size:12px;color:var(--muted)}
.cafe-counts strong{font-size:27px;font-weight:400;font-variant-numeric:tabular-nums}
.cafe-counts i{font-style:normal;color:#b3ce9f;font-size:15px;margin-right:6px}
.cafe-chart-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:21px}
.cafe-chart{display:block;width:100%;height:65px;margin:7px 0;color:var(--accent)}
.cafe-chart path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.cafe-chart line{stroke:var(--line);stroke-width:1}


.cafe-film{margin-top:85px}
.cafe-film-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:30px}
.cafe-film-heading h3{font-size:clamp(33px,3.8vw,55px);font-weight:400;letter-spacing:-.055em;line-height:1.12;max-width:550px}
.cafe-film-heading p{font-size:13px;color:var(--muted);max-width:330px}
.cafe-film-player{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0d1210}
.cafe-film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cafe-film-credit{display:flex;justify-content:space-between;gap:25px;margin-top:14px;font-size:10px;color:var(--muted)}
.cafe-film-credit a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
[data-theme=light] .cafe-world{background:radial-gradient(ellipse at 45% 55%,#ced5bb,transparent 70%),#e1e5d9}
[data-theme=light] .cafe-world-caption{color:#364a38}
[data-theme=light] .cafe-world-caption span{color:#667563}

[data-theme=light] .cafe-counts i{color:#567444}
@media(min-width:1600px){.cafe-world{min-height:650px}.cafe-data{padding-left:40px;padding-top:35px}.cafe-occupancy{margin-top:40px}.cafe-chart{height:90px}}
@media(max-width:1000px){.cafe-layout{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr);gap:18px}.cafe-world{min-height:520px}.cafe-data{padding-left:18px}.cafe-world-caption{left:20px}}
@media(max-width:760px){.cafe-experience{margin-top:35px;scroll-margin-top:85px}.cafe-topline{font-size:8px;letter-spacing:.05em;padding:17px 0}.cafe-layout{grid-template-columns:1fr;gap:0}.cafe-world{min-height:0;height:410px;border-radius:12px;margin:0 -8px}.cafe-world-caption{top:20px;left:20px}.cafe-world-caption strong{font-size:23px}.cafe-data{padding:25px 0 5px;border-left:0}.cafe-data-head{font-size:10px}.cafe-occupancy{margin-top:15px}.cafe-number-line strong{font-size:79px}.cafe-counts{margin-top:0;padding:17px 0}.cafe-chart{height:65px}.cafe-film{margin-top:48px}.cafe-film-heading{display:block;margin-bottom:23px}.cafe-film-heading h3{font-size:36px}.cafe-film-heading p{font-size:12px;margin-top:17px;max-width:100%}.cafe-film-credit{display:block;font-size:9px;line-height:1.7}.cafe-film-credit a{display:inline-block;margin-top:8px}.cafe-film-player{border-radius:9px}}
.cafe-film a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.cafe-glove{position:absolute;top:0;left:0;width:40px;height:44px;z-index:3;pointer-events:none;opacity:0;transform-origin:0 0;will-change:transform;transition:opacity .12s ease}
.cafe-glove img{display:block;width:40px;height:44px;max-width:none;transform:translate(-50%,-35%);filter:drop-shadow(2px 4px 3px #0005)}
.cafe-world.has-glove,.cafe-world.has-glove canvas{cursor:none}
.cafe-world.has-glove .cafe-glove{opacity:1}
.cafe-chart-heading{margin-top:auto;padding-top:35px}
.cafe-chart{height:90px}
@media(max-width:760px){.cafe-chart-heading{margin-top:22px;padding-top:0}.cafe-chart{height:65px}}
@media(prefers-reduced-motion:reduce){.cafe-glove{display:none}.cafe-world.has-glove,.cafe-world.has-glove canvas{cursor:auto}}

.cafe-experience{padding-bottom:22px}
.cafe-wind{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;fill:none;stroke:#e7f3dc;stroke-linecap:round;stroke-linejoin:round;opacity:0;visibility:hidden;filter:drop-shadow(0 1px 1px #10241980)}
.cafe-wind path{stroke-width:1;opacity:.55}
.cafe-wind path:nth-child(2){stroke-width:1.6;opacity:.9}
.cafe-world.has-glove .cafe-wind{visibility:visible}
[data-theme=light] .cafe-wind{stroke:#66836e}
@media(prefers-reduced-motion:reduce){.cafe-wind{display:none}}