/* Retail refinement: distinct stories, genuine films and a stable segment directory. */
[hidden]{display:none!important}
.hero-segments span{color:#e3bfaa;border-bottom:1px solid #df967452}
.restaurant-experience .person-card .person-media{height:67px!important;background:linear-gradient(125deg,#492e31aa,#13283ca8);border-bottom:1px solid #d89e7133}
.pain-icon{width:32px!important;height:32px!important;position:absolute;right:17px;top:15px;fill:none;stroke:#e7ac83;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.restaurant-experience[data-state=connected] .person-media{background:linear-gradient(125deg,#163b47dd,#132a36)}
.restaurant-experience[data-state=connected] .pain-icon{stroke:#aae1dc}
.restaurant-experience .person-card .person-copy>span{font-size:11px!important}
.restaurant-experience .person-card .person-copy>small{font-size:11px!important;min-height:34px}
.restaurant-experience .card-trend span{font-size:8px!important;letter-spacing:0!important;line-height:1.5}
.restaurant-experience .person-card .person-state{bottom:9px}.restaurant-experience .person-card .person-number{top:8px}
.restaurant-theater .room-shade{background:linear-gradient(0deg,#07111dbb,transparent 75%),linear-gradient(90deg,#06111b33,#06111b10)}
.restaurant-experience .room-order{filter:brightness(.98) saturate(1.05)!important}.restaurant-experience .room-chaos{filter:brightness(.85) saturate(.7)!important}
.cost-frame .terminal-media{aspect-ratio:auto!important;max-width:310px;margin:16px auto!important;background:#eee7ef}
.terminal-media img{max-height:385px!important;object-fit:contain!important}.cost-frame{max-width:500px;margin:auto}.cost-engine{align-self:center}
.retail-moment-video,.backdrop-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.retail-moment-video{object-position:50% 45%}
.commerce-section,.retention-section{padding-top:105px;padding-bottom:85px}
.commerce-section .chapter-heading,.retention-section .chapter-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:45px}
.commerce-section .chapter-heading h2,.retention-section .chapter-heading h2{margin-top:18px}
.commerce-section .chapter-heading>p,.retention-section .chapter-heading>p{max-width:480px;line-height:1.8;color:#b9c8d6;font-size:15px}
.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.commerce-card{min-width:0;padding:30px;border-radius:22px;border:1px solid #c3926745;background:radial-gradient(ellipse at top right,#e6772920,transparent 55%),linear-gradient(145deg,#13283a,#0c1829);box-shadow:0 20px 70px #0003}
.feature-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.feature-top span,.feature-number,.screen-caption{font-size:10px;letter-spacing:.12em;color:#e9ae80;line-height:1.6}.feature-top i{font-style:normal;font-size:30px;color:#eda472}
.commerce-card h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:23px 0 17px}.commerce-card>p{font-size:14px;line-height:1.7;color:#b6c5d1;min-height:70px;margin:0 0 22px}
.commerce-card .real-media{aspect-ratio:1.7;background:#f8f8fa}.feature-list{padding:0;list-style:none;margin:25px 0}
.feature-list li{position:relative;padding:0 0 0 20px;margin:14px 0;font-size:13px;line-height:1.7;color:#c5d3de}.feature-list li:before{content:'↗';position:absolute;left:0;color:#ea9b65}
.commerce-details{border-top:1px solid #c59a7440;margin-top:25px;padding-top:18px}.commerce-details summary{display:flex;justify-content:space-between;gap:20px;color:#e4c0a3;font-size:12px;cursor:pointer;line-height:1.5;list-style:none}.commerce-details summary::-webkit-details-marker{display:none}.commerce-details[open] summary{margin-bottom:20px}.commerce-details[open] summary span{transform:rotate(45deg)}.detail-screens{display:grid;gap:20px}.detail-screens figure{margin:0;background:#0b1929;border-radius:12px;overflow:hidden}.detail-screens img{display:block;width:100%;height:auto}.detail-screens figcaption{font-size:11px;line-height:1.5;padding:13px;color:#b5c8d6}
.commerce-callout{border-left:2px solid #bc8156;padding:15px 20px;background:#08162577;margin-top:25px}.commerce-callout b{font-size:13px}.commerce-callout p{font-size:12px;color:#aebfcd;line-height:1.7;margin:10px 0 0}
.catalog-note{display:grid;grid-template-columns:35px 1fr auto;gap:23px;align-items:center;padding:32px;margin-top:28px;border:1px solid #b4c6d323;border-radius:18px;background:#13243880}.catalog-note>span{font-size:35px;color:#e9a173}.catalog-note h3{font-size:20px;margin:0 0 10px}.catalog-note p{font-size:13px;color:#b7c7d4;line-height:1.7;max-width:620px;margin:0}.catalog-note .line-button{font-size:10px;white-space:nowrap}.availability-note{color:#8197aa!important;line-height:1.75}
.retention-row{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;margin-top:60px}.retention-copy h3{font-size:34px;letter-spacing:-1.1px;line-height:1.15;margin:20px 0}.retention-copy>p{font-size:14px;line-height:1.8;color:#b9c9d6}.retention-screen{min-width:0}.screen-caption{display:block;margin-bottom:16px}.retention-row.reverse{padding-top:50px;border-top:1px solid #bd99712b}.retention-row.reverse .retention-copy{grid-column:2;grid-row:1}.retention-row.reverse .retention-screen{grid-column:1;grid-row:1}.retention-screen>.real-media{aspect-ratio:1.85}.retention-screen .line-button{font-size:11px}.retention-copy .line-button{font-size:10px;margin-top:14px}
.retail-intelligence{border-top:1px solid #c5a47925}.retail-intelligence .real-media{aspect-ratio:1.6}.retail-intelligence .question-orbit{transform:rotate(1deg)}
.retail-segment-film{position:relative;min-height:560px;isolation:isolate;overflow:hidden;margin:0 auto;border-top:1px solid #9f785231;border-bottom:1px solid #9f785231}.film-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#071426ed 5%,#071426c9 45%,#07142624),linear-gradient(0deg,#071426aa,transparent 55%)}.film-copy{position:relative;z-index:2;max-width:1240px;width:calc(100% - 100px);margin:0 auto;padding:110px 0}.film-copy h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2px;line-height:1.06;max-width:790px;margin:20px 0 26px}.film-copy>p:not(.eyebrow){max-width:510px;color:#d0dbe3;font-size:15px;line-height:1.8}.segments{padding:0!important;overflow:visible!important}.segment-directory{padding-top:70px!important;padding-bottom:80px!important}.directory-heading h3{font-size:34px;letter-spacing:-1px;line-height:1.15;margin:15px 0}.directory-heading>p:last-child{color:#b4c6d4;line-height:1.7;font-size:14px}.segment-search{display:block!important;max-width:640px;margin:28px 0 20px}.segment-search-field{max-width:none!important}.segment-search-field input{font-size:16px!important;min-height:52px}.segment-search-field input::placeholder{font-size:13px}#segment-categories{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}#segment-categories button,.segment-more{font:inherit;font-size:11px;color:#c6d2dc;cursor:pointer;border:1px solid #9db5c233;border-radius:30px;padding:11px 16px;background:#102235;line-height:1.5}#segment-categories button[aria-pressed=true]{border-color:#e2a173;background:#673d294d;color:#ffcca5}#segment-search-status{font-size:11px;color:#9fb3c4;margin:22px 0}#segment-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;max-height:none!important;overflow:visible!important;list-style:none}#segment-results li{font-size:13px;padding:15px 19px!important;min-height:49px;border:1px solid #a3bac023;border-radius:9px;color:#d0dce5;background:linear-gradient(110deg,#12263890,#0b1d2c70);line-height:1.5}#segment-results[hidden],#segment-empty[hidden],#segment-clear[hidden],#segment-more[hidden]{display:none!important}.segment-more{margin:25px 0 0;border-radius:10px;color:#edbd95;padding:13px 22px}.directory-note{font-size:11px;color:#839bae;line-height:1.7;margin-top:25px;max-width:740px}#segment-empty{padding:25px;background:#142639;border-radius:12px;color:#bdd0de;font-size:14px;line-height:1.8}#segment-empty a{color:#e9b184}
.multistore-section{padding-top:30px;padding-bottom:90px}.multistore-film{position:relative;isolation:isolate;min-height:460px;overflow:hidden;border:1px solid #d6a07244;border-radius:25px}.multistore-film .film-copy{width:auto;padding:75px 50px;max-width:none}.multistore-film .film-copy h2{font-size:52px}.multistore-bottom{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;margin-top:45px}.multistore-bottom h3{font-size:28px;letter-spacing:-.7px}.multistore-bottom p{font-size:14px;line-height:1.8;color:#b1c4d3}.multistore-bottom .line-button{font-size:10px;margin-top:17px}
button:focus-visible,summary:focus-visible{outline:2px solid #f3b482;outline-offset:4px}.support-film-shade{background:linear-gradient(90deg,#071426ef,#071426c9 50%,#0714265c)!important}
.commerce-grid{align-items:start}
@media(max-width:1000px){.commerce-section .chapter-heading,.retention-section .chapter-heading{gap:30px}.commerce-card{padding:23px}.commerce-card h3{font-size:26px}.catalog-note{grid-template-columns:28px 1fr}.catalog-note .line-button{grid-column:2}.retention-row{gap:35px}.retention-copy h3{font-size:29px}.multistore-film .film-copy h2{font-size:43px}.multistore-bottom{gap:30px}.film-copy{width:calc(100% - 60px)}.commerce-section,.retention-section{padding-block:75px}}
@media(max-width:700px){.restaurant-experience .person-card .person-media{height:48px!important}.pain-icon{width:25px!important;height:25px!important;top:9px;right:11px}.restaurant-experience .person-card .person-state{display:none}.restaurant-experience .person-card .person-copy>span{font-size:9px!important}.restaurant-experience .person-card .person-copy>small{font-size:10px!important;line-height:1.5;min-height:44px}.restaurant-experience .card-trend span{font-size:7px!important}.restaurant-experience .person-card .person-copy{padding:10px!important}.restaurant-experience .card-trend{padding-top:7px!important}.commerce-section,.retention-section{padding-block:55px}.commerce-section .chapter-heading,.retention-section .chapter-heading{display:block;margin-bottom:28px}.commerce-section .chapter-heading h2,.retention-section .chapter-heading h2{font-size:38px}.commerce-section .chapter-heading>p,.retention-section .chapter-heading>p{font-size:14px;margin-top:23px}.commerce-grid{grid-template-columns:1fr;gap:24px}.commerce-card{padding:23px 20px;border-radius:17px}.commerce-card h3{font-size:27px}.commerce-card>p{min-height:0}.feature-top span{font-size:9px}.feature-list li{font-size:13px}.catalog-note{padding:23px 20px;gap:15px;grid-template-columns:1fr}.catalog-note>span{display:none}.catalog-note .line-button{grid-column:auto}.catalog-note h3{font-size:21px}.retention-row,.retention-row.reverse{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-top:35px}.retention-copy h3{font-size:30px}.retention-screen{width:100%}.retention-row.reverse{padding-top:35px}.retail-intelligence{padding-block:55px}.retail-segment-film{min-height:470px}.film-copy{width:calc(100% - 44px);padding:75px 0}.film-copy h2{font-size:39px;letter-spacing:-1.6px}.film-copy>p:not(.eyebrow){font-size:14px}.film-shade{background:linear-gradient(90deg,#071426e6,#07142673),linear-gradient(0deg,#071426bb,transparent 70%)}.backdrop-video{object-position:60% center}.segment-directory{padding-block:50px!important}.directory-heading h3{font-size:29px}.segment-search{margin-top:22px}#segment-categories{gap:7px}#segment-categories button{font-size:10px;padding:9px 12px}#segment-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#segment-results li{padding:12px!important;font-size:11px;min-height:46px}.segment-more{font-size:12px}.multistore-section{padding-top:10px;padding-bottom:55px}.multistore-film{min-height:430px;border-radius:17px}.multistore-film .film-copy{padding:50px 23px}.multistore-film .film-copy h2{font-size:37px}.multistore-bottom{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin-top:30px}.multistore-bottom h3{font-size:25px}.cost-frame .terminal-media{max-width:245px}.terminal-media img{max-height:300px!important}.scene-disclaimer{max-width:650px;margin:18px auto 0;line-height:1.7}.eyebrow{line-height:1.6}}
/* Readable segment cards without the old fixed photographic-card height. */
.restaurant-experience .scene-marker.person-card{height:auto!important;min-height:0!important}
.restaurant-experience .scene-markers{height:auto!important;align-items:stretch}
@media(max-width:700px){
 .restaurant-experience .restaurant-theater{height:920px!important}
 .restaurant-experience .scene-markers{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;left:12px!important;right:12px!important;bottom:49px!important;width:auto!important;max-width:none!important;transform:none!important}
 .restaurant-experience .scene-marker.person-card,.restaurant-experience:is([data-state=rebuilding],[data-state=connected]) .scene-marker.person-card{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important;display:grid!important;grid-template-columns:52px 1fr!important;border-radius:12px!important;min-height:108px!important}
 .restaurant-experience .person-card .person-media{height:100%!important;min-height:108px;border-bottom:0;border-right:1px solid #be976747}
 .restaurant-experience .person-card .person-number{left:14px!important;top:14px!important}
 .restaurant-experience .person-card .pain-icon{top:auto!important;bottom:18px!important;right:13px!important}
 .restaurant-experience .person-card .person-copy{padding:11px 13px!important}
 .restaurant-experience .person-card .person-copy>span{font-size:11px!important;line-height:1.45!important}
 .restaurant-experience .person-card .person-copy>small{font-size:12px!important;line-height:1.4!important;min-height:0!important;margin-top:5px!important}
 .restaurant-experience .card-trend{margin-top:7px!important;padding-top:6px!important}
 .restaurant-experience .card-trend span{font-size:8px!important;line-height:1.45!important}
 .restaurant-experience .scene-control{top:105px!important}
 .restaurant-experience .restaurant-world .room{object-position:50% 30%!important}
}
.screen-open{display:block;margin:12px 0 0 auto;border:1px solid #adc4d330;background:#102638;color:#dbbea4;padding:9px 13px;font:inherit;font-size:10px;border-radius:8px;cursor:pointer}
@media(max-width:700px){.food-stage .flow-console .food-stage-visual{height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important}.food-stage .flow-console .phase-monitor{height:auto!important}.food-controls button{font-size:8.5px!important}.restaurant-experience .restaurant-world .room{height:530px!important}}
@media(max-width:700px){.food-stage .flow-console{height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:auto auto auto!important}.food-stage .flow-console .food-controls button{font-size:9px!important}.food-stage .flow-console .food-stage-visual{display:block!important}.flow-console .phase-copy{padding:20px!important}.flow-console .phase-copy p{font-size:13px;line-height:1.7}.flow-console .phase-copy h3{font-size:21px;line-height:1.2!important;margin:9px 0}}
#screen-viewer[open]{display:block;height:fit-content!important;overflow:auto;max-height:90svh}
#viewer-media{flex:none}