/* One pinned stage. Restaurant selectors do not affect the community experience. */
.dining-story{height:680svh;margin-top:130px;position:relative;color:#18344b}
.dining-stage{position:sticky;top:130px;height:calc(100svh - 130px);min-height:420px;overflow:hidden;background:#f1f6fa;isolation:isolate}
.dining-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 54%,#e1edf6 0,transparent 65%);pointer-events:none}
.dining-topline{position:absolute;top:22px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;z-index:3}.dining-topline i{display:inline-block;width:5px;height:5px;background:#2580be;border-radius:50%;margin-right:7px}.dining-topline>span:last-child{font-size:8px}
.dining-word{position:absolute;top:15%;left:42%;font-size:clamp(80px,10vw,180px);letter-spacing:-.07em;font-weight:800;color:#2580be0b;white-space:nowrap;z-index:0;pointer-events:none}
.dining-copy{position:absolute;left:6%;top:23%;width:40%;z-index:3;pointer-events:none}.dining-chapter{position:absolute;inset:0 auto auto 0;width:100%;visibility:hidden;opacity:0}.dining-chapter.is-active{visibility:visible;opacity:1}.dining-chapter .eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:24px}.dining-chapter h1,.dining-chapter h2{font-size:clamp(35px,3.7vw,62px);line-height:1.35;letter-spacing:-.055em;font-weight:650;margin:0 0 25px}.dining-chapter h1 span,.dining-chapter h2 span{background:linear-gradient(transparent 76%,#f2cf86 76%,#f2cf86 94%,transparent 94%);white-space:nowrap}.dining-description{font-size:13px;line-height:2;color:#5a7083;margin:0 0 22px}.dining-tags{display:flex;flex-wrap:wrap;gap:7px}.dining-tags span{font-size:9px;padding:7px 10px;border:1px solid #c2d7e6;border-radius:22px}.dining-cta{display:inline-block;padding:12px 19px;background:#2580be;color:white;border-radius:30px;margin-top:24px;font-size:12px;pointer-events:auto}.dining-cta:hover{background:#1a648f;color:white}
.dining-canvas{position:absolute;left:39%;right:0;top:40px;bottom:72px;z-index:1}.dining-canvas canvas{display:block;width:100%;height:100%}
.dining-event{position:absolute;right:5%;bottom:105px;z-index:2;width:260px;padding:16px 19px;border:1px solid #c9dce9;border-radius:8px;background:#f8fcfff0;box-shadow:0 8px 30px #18344b08;color:#18344b;pointer-events:none}.dining-event>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;color:#52758e;letter-spacing:1.2px}.dining-event-dot{width:5px;height:5px;background:#2580be;border-radius:50%}.dining-event strong{font-size:13px;font-weight:600;line-height:1.6}.dining-event p{font-size:10px;line-height:1.8;margin:6px 0 0;color:#5a7083}
.dining-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #b8cedb80;padding-top:15px;z-index:3}.dining-scroll-hint{font-size:10px;letter-spacing:1px}.dining-scroll-hint small{display:block;font-size:8px;color:#71899b;margin-top:5px;letter-spacing:0}.dining-nav{display:flex;gap:25px}.dining-nav button{background:none;border:0;border-bottom:1px solid transparent;padding:9px 0;font-size:10px;color:inherit}.dining-nav button span{margin-left:7px}.dining-nav button[aria-current]{border-bottom-color:#2580be;color:#2580be}.dining-counter{font-size:8px;white-space:nowrap}.dining-counter b{font-size:20px;font-weight:400;font-variant-numeric:tabular-nums;margin-right:5px}.dining-progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#bed2e240;z-index:4}.dining-progress-track>div{height:100%;background:#2580be;transform:scaleX(0);transform-origin:left}
.dining-stage.is-evening{color:#eef5fb}.is-evening .dining-description{color:#c2d6e6}.is-evening .dining-chapter h2 span{background:linear-gradient(transparent 76%,#846326 76%,#846326 94%,transparent 94%)}.is-evening .dining-word{color:#b9d9f20b}.is-evening .dining-tags span{border-color:#a1c1d950}.is-evening .dining-scroll-hint small{color:#b6cddd}.is-evening .dining-nav button[aria-current]{color:#f2cf86;border-color:#f2cf86}.is-evening .dining-cta{background:#edb344;color:#18344b}
.dining-fallback{position:absolute;right:10%;top:40%;width:30%;z-index:2;border:1px solid #b8cedb;border-radius:14px;padding:25px;background:#f1f6fa;color:#18344b}.dining-fallback p{font-size:12px;line-height:1.8;margin-top:15px}
@media(min-width:1600px){.dining-copy{top:27%}.dining-event{bottom:130px}}
@media(max-width:1000px) and (min-width:701px){.dining-copy{left:5%;width:42%;top:22%}.dining-chapter h1,.dining-chapter h2{font-size:36px}.dining-description{font-size:11px}.dining-event{width:220px;bottom:98px}.dining-nav{gap:15px}}
@media(max-width:700px){.dining-story{height:740svh}.dining-stage{min-height:0}.dining-topline{top:13px;left:6%;font-size:8px}.dining-topline>span:last-child{display:none}.dining-copy{top:44px;left:7%;width:88%}.dining-chapter .eyebrow{font-size:7px;margin-bottom:11px}.dining-chapter h1,.dining-chapter h2{font-size:30px;line-height:1.28;margin-bottom:10px}.dining-description{font-size:10px;line-height:1.8;margin-bottom:10px}.dining-tags{gap:5px}.dining-tags span{font-size:8px;padding:4px 8px}.dining-cta{position:absolute;top:15px;right:0;writing-mode:vertical-rl;font-size:9px;padding:10px 7px;margin:0;border-radius:15px}.dining-word{top:40%;left:5%;font-size:78px}.dining-canvas{left:0;right:0;top:225px;bottom:105px}.dining-event{left:6%;right:6%;bottom:73px;width:auto;padding:8px 11px;display:grid;grid-template-columns:1fr 1fr;column-gap:9px;align-items:center}.dining-event>div{display:none}.dining-event strong{font-size:10px}.dining-event p{font-size:8px;line-height:1.6;margin:0}.dining-bottom{left:6%;right:6%;bottom:12px;gap:5px;padding-top:9px;flex-wrap:wrap}.dining-scroll-hint{font-size:8px}.dining-scroll-hint small{display:none}.dining-counter{font-size:7px}.dining-counter b{font-size:15px}.dining-nav{order:3;width:100%;justify-content:space-between;gap:10px}.dining-nav button{font-size:9px;padding:4px 0}.dining-nav button span{margin-left:5px}.dining-fallback{right:8%;left:8%;top:48%;width:auto;padding:18px}.dining-fallback strong{font-size:13px}.dining-fallback p{font-size:10px}.dining-end>p{font-size:15px}}
@media(max-width:700px) and (max-height:740px){.dining-copy{top:35px}.dining-chapter h1,.dining-chapter h2{font-size:25px;margin-bottom:8px}.dining-chapter .eyebrow{margin-bottom:7px}.dining-description{font-size:9px;margin-bottom:7px}.dining-tags span{font-size:7px;padding:3px 6px}.dining-canvas{top:191px;bottom:100px}.dining-word{top:43%;font-size:66px}}
@media(max-height:650px) and (min-width:701px){.dining-copy{top:18%}.dining-chapter h1,.dining-chapter h2{font-size:32px;margin-bottom:15px}.dining-chapter .eyebrow{margin-bottom:13px}.dining-description{font-size:10px;margin-bottom:12px}.dining-event{right:3%;width:200px;bottom:80px;padding:10px}.dining-cta{margin-top:12px;padding:8px 14px}}

.dining-note{display:block;max-width:330px;font-size:8px;line-height:1.8;color:#a5c0d3;margin-top:18px}
@media(max-width:700px){.dining-note{font-size:7px;margin-top:6px;max-width:275px;line-height:1.5}.dining-canvas{mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 95%,transparent)}}
@media(min-width:701px){.dining-canvas{mask-image:linear-gradient(to right,transparent,#000 7%,#000)}}

#restaurant-experience{scroll-margin-top:130px}
/* Thirteen screenplay scenes retain the four-message immersive composition. */
.dining-story{height:950svh}
.dining-scene-picker{display:flex;align-items:center;gap:8px;letter-spacing:0;font-size:10px}
.dining-scene-picker[hidden],.dining-flow[hidden]{display:none}
.dining-scene-picker select{max-width:215px;border:1px solid #bdcfdd;border-radius:20px;background:#f1f6fa;color:#18344b;font:inherit;padding:5px 9px}
.dining-flow{font-size:10px;line-height:1.9;color:#487594;margin:15px 0 0;max-width:360px}
.is-evening .dining-flow{color:#c3dbea}
.dining-event{width:310px}
.dining-event>div{font-size:8px;letter-spacing:0;line-height:1.6}
.dining-event p{font-size:11px;line-height:1.8}
.dining-chapter .dining-note{font-size:8px}
@media(max-width:700px){.dining-story{height:1100svh}.dining-topline{right:5%;align-items:center}.dining-topline>span{font-size:7px;letter-spacing:.4px}.dining-scene-picker{font-size:8px;gap:4px}.dining-scene-picker select{max-width:133px;padding:3px 5px}.dining-copy{top:49px}.dining-flow{font-size:8px;line-height:1.6;margin-top:7px;max-width:290px}.dining-event{width:auto;bottom:73px;display:block;padding:8px 11px}.dining-event>div{display:flex;font-size:7px;margin-bottom:4px}.dining-event strong{font-size:10px}.dining-event p{font-size:9px;line-height:1.6;margin-top:3px}.dining-canvas{bottom:158px;top:225px}.has-flow .dining-canvas{top:247px}.dining-chapter .dining-note{font-size:7px;line-height:1.5;margin-top:6px}.dining-chapter .eyebrow{letter-spacing:1px}}
@media(max-width:700px) and (max-height:740px){.dining-copy{top:39px}.dining-canvas{top:200px;bottom:147px}.has-flow .dining-canvas{top:220px}.dining-event p{font-size:8px}.dining-chapter h1,.dining-chapter h2{font-size:25px}.dining-chapter .dining-note{font-size:6px}.dining-flow{font-size:7px;line-height:1.5}}

/* Give the complete 3D scene its own unobstructed area; twelve direct story stops. */
.dining-canvas{left:40%;right:3%;top:62px;bottom:132px;mask-image:none}
.dining-copy{top:16%;width:34%}
.dining-chapter h1,.dining-chapter h2{font-size:clamp(30px,3.2vw,52px)}
.dining-event{left:6%;right:auto;bottom:153px;width:32%;max-width:420px}
.dining-bottom{bottom:18px;display:grid;grid-template-columns:120px minmax(0,1fr) 58px;gap:24px;padding-top:12px}
.dining-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px 13px}
.dining-nav button{white-space:nowrap;text-align:left;font-size:10px;padding:8px 0}
.dining-nav button span{margin-left:4px}
.dining-summary{scroll-margin-top:130px}
@media(max-width:1000px) and (min-width:701px){.dining-bottom{grid-template-columns:1fr 50px;gap:12px}.dining-scroll-hint{display:none}.dining-nav{gap:3px 8px}.dining-copy{top:15%}.dining-chapter h1,.dining-chapter h2{font-size:30px}.dining-event{font-size:10px;padding:12px;bottom:145px}}
@media(max-width:700px){
  .dining-copy{top:44px;width:88%}.dining-chapter h1,.dining-chapter h2{font-size:28px}
  .dining-canvas,.has-flow .dining-canvas{left:3%;right:3%;top:232px;bottom:208px;mask-image:none}
  .dining-event{left:6%;right:6%;bottom:116px;width:auto;max-width:none;padding:8px 11px}
  .dining-bottom{display:flex;gap:4px;bottom:10px;padding-top:7px}.dining-scroll-hint{display:inline-block}.dining-counter{margin-left:auto}
  .dining-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px 6px;width:100%;order:3}
  .dining-nav button{font-size:8px;padding:5px 0;text-align:center;line-height:1.5}
  .dining-nav button span{display:block;margin:0;font-size:9px}
}
@media(max-width:700px) and (max-height:740px){
  .dining-copy{top:39px}.dining-chapter h1,.dining-chapter h2{font-size:22px;line-height:1.2;margin-bottom:7px}
  .dining-description{font-size:9px;line-height:1.55;margin-bottom:5px}.dining-tags{display:none}
  .dining-flow{margin-top:5px}.dining-canvas,.has-flow .dining-canvas{top:177px;bottom:190px}
  .dining-event{bottom:111px;padding:6px 9px}.dining-event>div{margin-bottom:2px}.dining-event p{line-height:1.4}
}
@media(max-height:650px) and (min-width:701px){.dining-copy{top:15%}.dining-chapter h1,.dining-chapter h2{font-size:26px}.dining-chapter .eyebrow{margin-bottom:8px}.dining-description{margin-bottom:8px}.dining-tags{display:none}.dining-event{bottom:111px;padding:8px 12px}.dining-event p{font-size:9px}.dining-canvas{bottom:120px}}

/* Match the community homepage's type scale, offsets and illustration balance. */
.dining-copy{left:7%;top:calc(31svh - 130px);width:45%}
.dining-chapter .eyebrow{font-size:10px;letter-spacing:2.1px;margin-bottom:24px}
.dining-chapter h1,.dining-chapter h2{font-size:clamp(38px,4.4vw,76px);line-height:1.28;font-weight:600;letter-spacing:-.055em;margin-bottom:24px}
.dining-description{font-size:14px;line-height:1.9;margin-bottom:25px}
.dining-tags span{font-size:10px;padding:7px 11px}
.dining-canvas{left:44%;right:3%;top:125px;bottom:174px}
.dining-event{left:auto;right:6%;width:265px;bottom:108px;padding:12px 16px;border-radius:3px}
.dining-event>div{font-size:8px;margin-bottom:5px}.dining-event strong{font-size:11px}.dining-event p{font-size:10px;line-height:1.6;margin-top:4px}
.dining-word{top:calc(23svh - 130px);left:36%;font-size:clamp(80px,12vw,210px)}
@media(max-width:1000px) and (min-width:701px){.dining-copy{left:5%;top:calc(29svh - 130px);width:47%}.dining-chapter h1,.dining-chapter h2{font-size:38px}.dining-description{font-size:12px}.dining-canvas{left:44%;top:105px;bottom:185px}}
@media(max-width:700px){
  .dining-copy{left:7%;top:55px;width:87%}.dining-chapter .eyebrow{font-size:8px;margin-bottom:14px}
  .dining-chapter h1,.dining-chapter h2{font-size:38px;line-height:1.25;margin-bottom:13px}
  .dining-description{font-size:11px;line-height:1.8;margin-bottom:13px}.dining-tags{display:flex}.dining-tags span{font-size:8px;padding:5px 8px}
  .dining-flow{display:none}.dining-canvas,.has-flow .dining-canvas{left:2%;right:2%;top:267px;bottom:151px}
  .dining-word{top:43%;left:4%;font-size:95px}
  .dining-event{left:6%;right:6%;bottom:102px;width:auto;max-width:none;padding:7px 10px;display:grid;grid-template-columns:1fr 1.25fr;gap:0 10px;align-items:center}
  .dining-event>div{grid-column:1/-1;font-size:7px;margin-bottom:3px}.dining-event strong{font-size:9px;line-height:1.5}.dining-event p{font-size:8px;line-height:1.5;margin:0}
  .dining-nav button{font-size:8px;line-height:1.5;padding:4px 0}.dining-nav button span{display:inline;font-size:8px;margin-left:3px}
  .dining-bottom{bottom:16px;gap:7px}.dining-scroll-hint{font-size:8px}.dining-counter b{font-size:17px}
}
@media(max-width:700px) and (max-height:740px){
  .dining-copy{top:49px}.dining-chapter h1,.dining-chapter h2{font-size:30px;margin-bottom:9px}.dining-chapter .eyebrow{margin-bottom:10px}
  .dining-description{font-size:10px;line-height:1.65;margin-bottom:9px}.dining-tags span{font-size:7px;padding:3px 6px}
  .dining-canvas,.has-flow .dining-canvas{top:227px;bottom:145px}.dining-event{bottom:98px}.dining-event p{font-size:7px}
}
@media(max-height:650px) and (min-width:701px){.dining-copy{top:70px}.dining-chapter h1,.dining-chapter h2{font-size:30px;margin-bottom:12px}.dining-description{font-size:11px;margin-bottom:10px}.dining-chapter .eyebrow{margin-bottom:12px}.dining-canvas{top:65px;bottom:155px}.dining-event{bottom:103px;padding:6px 10px}}