/* Scoped art direction: opening, handoff and infrastructure only. */
body.creative{background:#061c1c;color:#faf4e7}
.creative>header{height:78px;background:linear-gradient(#061c1cbb,transparent);color:#faf4e7;border:0}
.creative .brand img{filter:brightness(0) invert(1);opacity:.95}.creative .brand small{display:none}.creative .brand{font-size:11px;letter-spacing:.12em}.creative header button{font-size:12px}
.creative>footer{height:65px;background:#071e20;color:#e4e8df;border-color:#ffffff18;font-size:12px}.creative #beat-count{color:#b7c6bf}.creative #progress{height:2px;background:#cda761}.creative #chapter-name{font-size:11px}.creative #stage{padding:0}
.cinema{height:calc(100svh - 65px);min-height:610px;position:relative;overflow:hidden;background:#061e20;color:#faf4e7}
.film-kicker{font-size:10px;letter-spacing:.22em;font-weight:600;color:#e3c68c;margin:0 0 25px}.cinema h1,.cinema h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.04}.cinema em{font-weight:400;color:#dfc28c}.quiet-source{position:absolute;z-index:4;right:4vw;bottom:22px;padding:8px 0;font-size:10px;color:#d0d6cc;border-bottom:1px solid #ffffff35}.opening-image{position:absolute;inset:0 0 0 30%;overflow:hidden}.opening-image img{height:100%;width:100%;object-fit:cover;object-position:50% 45%;animation:opening-focus 2s ease-out both}.opening-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061e20 6%,#061e20ee 23%,#061e2090 44%,transparent 66%),linear-gradient(0deg,#061e20df,transparent 30%)}
.opening-type{position:absolute;z-index:2;top:30%;left:7vw}.opening-type .film-kicker{font-size:12px;letter-spacing:.26em}.opening-type h1{font-size:clamp(64px,7.5vw,120px);margin:0 0 30px}.opening-line{font-size:14px;color:#e3e2d7;letter-spacing:.035em}.proof-shortcuts{position:absolute;z-index:3;left:7vw;bottom:33px;display:flex;gap:22px;align-items:center}.proof-shortcuts>span{font-size:8px;letter-spacing:.18em;color:#b4bcb1;max-width:80px}.proof-shortcuts button{font-size:11px;text-align:left;border-left:1px solid #d0ad6860;padding:7px 0 7px 20px}.proof-shortcuts b{color:#dfc28c;font-weight:400;margin-left:14px}
.service-backdrops,.service-backdrops img,.service-shade{position:absolute;inset:0;width:100%;height:100%}.service-backdrops img{object-fit:cover;transition:opacity .8s ease,transform 1.4s cubic-bezier(.2,.7,.2,1);will-change:transform}.table-image{object-position:center 55%}.bar-image{opacity:0;object-position:60% 47%;transform:scale(1.04)}.manager-image{opacity:0;object-position:center 42%;transform:scale(1.04)}.service-shade{background:linear-gradient(90deg,#041b1fb3,transparent 72%),linear-gradient(0deg,#031a1ff2,transparent 40%),linear-gradient(180deg,#041b1f77,transparent 30%);pointer-events:none}.service-title{position:absolute;z-index:2;left:6vw;top:18%;max-width:65%;transition:transform .6s}.service-title h2{font-size:clamp(48px,5.5vw,85px);text-shadow:0 3px 40px #0009}.service-title .film-kicker{margin-bottom:18px}.handoff-proof[data-step="3"] .bar-image,.handoff-proof[data-step="6"] .manager-image{opacity:1;transform:scale(1)}.handoff-proof[data-step="3"] .table-image,.handoff-proof[data-step="6"] .table-image{opacity:0}.handoff-proof[data-step="5"] .table-image{transform:scale(1.035)}
.handoff-chain{position:absolute;left:6vw;right:6vw;bottom:65px;display:flex;opacity:1;transition:opacity .5s;z-index:3}.handoff-chain button{width:20%;text-align:left;border-top:1px solid #ffffff55;position:relative;padding:15px 8px 0 0;color:#9caeaa}.handoff-chain button:before{content:'';width:5px;height:5px;background:#728c88;position:absolute;top:-3px;left:0;border-radius:50%}.handoff-chain small{font-size:9px;display:block;letter-spacing:.12em;margin-bottom:5px}.handoff-chain span{font-size:12px}.handoff-chain .complete{color:#faf4e7;border-top-color:#d9b77c}.handoff-chain .complete:before{background:#d9b77c;box-shadow:0 0 15px #d9b77c88}.handoff-chain [aria-current=step] span{color:#e3c68c}.handoff-proof[data-step="1"] .handoff-chain{opacity:0;pointer-events:none;visibility:hidden}
.drink-id{position:absolute;z-index:2;top:58%;display:flex;gap:8px;align-items:center;opacity:0;transform:translateY(12px);transition:opacity .5s,top .8s,left .8s,transform .8s;font-size:11px;text-shadow:0 2px 6px #000}.drink-id span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e9d4a5;border-radius:50%;font-size:9px;background:#062c30b0}.drink-id b{font-weight:500;background:#08272adb;padding:4px 9px;border-radius:2px;letter-spacing:.08em;text-transform:uppercase}.drink-id i{position:absolute;top:29px;left:14px;width:1px;height:55px;background:linear-gradient(#dfc28c,transparent)}.id-a{left:36%}.id-b{left:59%}.handoff-proof:is([data-step="2"],[data-step="4"],[data-step="5"]) .drink-id{opacity:1;transform:none}.handoff-proof[data-step="5"] .id-a{top:43%;left:26%}.handoff-proof[data-step="5"] .id-b{top:43%;left:69%}.handoff-proof[data-step="5"] .drink-id i{height:110px}
.order-slip{position:absolute;z-index:2;right:7%;top:22%;width:235px;color:#273632;background:#f3ecd8;padding:24px;box-shadow:0 15px 55px #0006;transform:translateY(25px) rotate(4deg);opacity:0;transition:opacity .6s,transform .6s;pointer-events:none}.order-slip:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:6px;background:linear-gradient(135deg,#f3ecd8 50%,transparent 51%) 0 0/8px 8px repeat-x}.order-slip small{font-size:9px;letter-spacing:.12em}.order-slip p{font-size:12px;margin:18px 0;padding-bottom:12px;border-bottom:1px dashed #879084}.order-slip b{font-size:10px;margin-right:12px}.order-slip strong{display:block;font-size:10px;letter-spacing:.1em;margin:6px 0 0 26px}.order-slip>span{font-size:9px}.handoff-proof[data-step="2"] .order-slip{opacity:1;transform:rotate(4deg)}
.server-cue{position:absolute;right:9%;top:42%;font-size:11px;opacity:0;transition:opacity .6s;display:flex;gap:12px;align-items:center}.server-cue i{width:38px;height:38px;border:1px solid #e9d4a5;border-radius:50%;box-shadow:0 0 0 8px #e9d4a518}.server-cue span{background:#092629c9;padding:7px 10px}.handoff-proof[data-step="4"] .server-cue{opacity:1}.handoff-proof[data-step="7"] .service-title{top:23%}.handoff-proof[data-step="7"] h2{font-size:clamp(50px,6vw,94px);max-width:950px}.handoff-proof[data-step="7"] .service-shade{background:linear-gradient(90deg,#041b1fde,#041b1f40),linear-gradient(0deg,#041b1ff0,transparent 70%)}
.infrastructure-proof{background:radial-gradient(ellipse at 75% 50%,#184340,#061e20 72%)}.infrastructure-heading{position:absolute;z-index:3;left:6vw;top:23%;width:29%;transition:top .9s}.infrastructure-heading .film-kicker{font-size:9px;max-width:220px;line-height:1.8}.infrastructure-heading h2{font-size:clamp(44px,4.7vw,75px)}.pull-cue{font-size:11px;letter-spacing:.05em;color:#d1bd93;margin-top:35px}.pull-cue span{margin-left:25px}.infrastructure-stack{position:absolute;inset:0;perspective:1400px}.support-layer{position:absolute;overflow:hidden;left:43%;right:6%;top:calc(112px + var(--layer) * 82px);height:76px;opacity:0;transform:translateY(-45px) rotateX(-18deg);transform-origin:top;transition:top 1.1s cubic-bezier(.2,.7,.2,1),left 1.1s,right 1.1s,height 1.1s,opacity .6s,transform 1.1s;box-shadow:0 15px 25px #0003;border-bottom:1px solid #c7ad7444;z-index:2}.support-layer img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.7)}.layer-1 img{object-position:center 45%}.layer-2 img{object-position:center 38%}.layer-4 img{object-position:center 52%}.layer-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08282ceb,#08282c66 55%,#08282c22)}.layer-title{position:absolute;inset:0;display:flex;align-items:center;gap:22px;padding:0 26px;text-align:left}.layer-title small{font-size:10px;color:#dbc089}.layer-title span{font-family:Georgia,serif;font-size:24px;letter-spacing:-.025em}.layer-source{position:absolute;bottom:8px;right:15px;font-size:9px;opacity:0;pointer-events:none;color:#f1dfb9}.support-layer.revealed{opacity:1;transform:none}.support-layer.current{border-bottom-color:#d7b674}.support-layer.current .layer-source{opacity:1;pointer-events:auto}.stack-spine{position:absolute;left:40.5%;top:149px;width:1px;height:calc(5 * 82px);background:linear-gradient(#cfac70,#cfac7033);transform:scaleY(0);transform-origin:top;transition:transform 1.2s;opacity:.6}.support-layer:before{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:#dfc28c;z-index:3;opacity:.55}
.infrastructure-proof[data-step="0"] .layer-0{left:0;right:0;top:0;height:100%;border:0;box-shadow:none}.infrastructure-proof[data-step="0"] .layer-0 img{object-position:center 40%;filter:none}.infrastructure-proof[data-step="0"] .layer-0 .layer-shade{background:linear-gradient(90deg,#031d20ee,#031d2099 36%,transparent 80%),linear-gradient(0deg,#031d20dd,transparent 40%)}.infrastructure-proof[data-step="0"] .layer-0 .layer-title{top:auto;bottom:65px;left:auto;right:7vw;height:50px}.infrastructure-proof[data-step="0"] .layer-0:before{display:none}.infrastructure-proof[data-step="0"] .infrastructure-heading{width:50%;top:28%}.infrastructure-proof[data-step="0"] .infrastructure-heading h2{font-size:clamp(60px,6vw,95px)}.infrastructure-proof:not([data-step="0"]) .pull-cue{opacity:0}.infrastructure-proof:not([data-step="0"]) .infrastructure-heading{top:17%}.infrastructure-proof:not([data-step="0"]) .stack-spine{transform:scaleY(1)}
.source-folio{position:absolute;z-index:3;left:6vw;bottom:65px;width:29%;max-width:320px}.source-folio button{display:flex;align-items:center;gap:20px;text-align:left;padding:0;width:100%}.source-folio img{width:80px;height:105px;object-fit:cover;object-position:top;transform:rotate(-6deg);box-shadow:0 8px 20px #0008;transition:transform .3s}.source-folio button:hover img{transform:rotate(0)}.source-folio span{font-family:Georgia,serif;font-size:19px;line-height:1.2;max-width:170px}.source-folio small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.18em;color:#d6ba82;margin-bottom:10px}.source-folio b{font-size:14px;font-weight:400;color:#d6ba82}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes opening-focus{from{transform:scale(1.05);opacity:.6}to{transform:scale(1);opacity:1}}
@media(min-height:850px){.support-layer{top:calc(15vh + var(--layer) * 10.7vh);height:10vh}.stack-spine{top:19vh;height:53.5vh}}
@media(max-width:850px){.cinema{min-height:650px}.opening-image{left:12%}.opening-shade{background:linear-gradient(90deg,#061e20ed,#061e2070 55%,transparent),linear-gradient(0deg,#061e20,transparent 35%)}.opening-type{top:31%}.opening-type h1{font-size:72px}.proof-shortcuts{right:7vw;bottom:42px;gap:15px}.proof-shortcuts>span{display:none}.proof-shortcuts button{font-size:10px;padding-left:12px}.quiet-source{bottom:8px;font-size:9px}.service-title{top:20%}.service-title h2{font-size:56px}.order-slip{width:180px;padding:17px;right:5%;top:24%}.handoff-chain{left:5%;right:5%;bottom:45px}.handoff-chain span{font-size:10px}.handoff-chain small{font-size:8px}.infrastructure-heading{left:5%;width:30%;top:18%!important}.infrastructure-heading h2{font-size:39px}.infrastructure-heading .film-kicker{font-size:8px}.support-layer{left:39%;right:4%;height:75px;top:calc(125px + var(--layer) * 79px)}.layer-title{padding:0 15px;gap:12px}.layer-title span{font-size:19px}.layer-source{font-size:8px}.source-folio{left:5%;width:29%;bottom:65px}.source-folio button{display:block}.source-folio img{width:58px;height:76px;float:left;margin:0 12px 10px 0}.source-folio span{font-size:15px}.source-folio small{font-size:7px}.stack-spine{left:37%;top:155px;height:395px}.infrastructure-proof[data-step="0"] .infrastructure-heading{top:27%!important;width:80%}.infrastructure-proof[data-step="0"] .infrastructure-heading h2{font-size:68px}.server-cue{right:5%;top:48%}.server-cue span{font-size:9px}.drink-id{font-size:9px}.id-a{left:32%}.id-b{left:59%}}
@media(max-width:560px){.creative .brand{font-size:9px}.cinema{height:calc(100svh - 65px);min-height:650px}.opening-type{top:32%;left:6vw}.opening-type h1{font-size:59px}.opening-type .film-kicker{font-size:10px}.opening-line{font-size:12px}.opening-image{left:0}.opening-image img{object-position:58%}.proof-shortcuts{left:6vw;gap:10px}.proof-shortcuts button{max-width:46%;font-size:10px}.proof-shortcuts b{margin-left:5px}.service-title{top:17%;max-width:90%}.service-title h2{font-size:45px}.service-title .film-kicker{font-size:8px}.table-image{object-position:52% center}.service-shade{background:linear-gradient(180deg,#041b1fc9,transparent 70%),linear-gradient(0deg,#031a1f,transparent 35%)}.order-slip{top:43%;width:152px;right:5%;padding:13px}.order-slip p{font-size:10px;margin:12px 0}.order-slip strong{font-size:9px}.order-slip>span{font-size:8px}.handoff-chain{gap:6px}.handoff-chain span{font-size:9px;line-height:1.3;display:block}.drink-id b{font-size:8px;padding:4px}.drink-id{gap:4px;top:59%}.id-a{left:20%}.id-b{left:59%}.handoff-proof[data-step="5"] .id-a{left:10%;top:47%}.handoff-proof[data-step="5"] .id-b{left:67%;top:47%}.server-cue{top:42%;right:8%}.server-cue span{max-width:92px}.handoff-proof[data-step="7"] h2{font-size:47px}.infrastructure-heading{left:6%;top:105px!important;width:90%}.infrastructure-heading .film-kicker{display:none}.infrastructure-heading h2{font-size:32px;line-height:1.1}.infrastructure-heading h2 br{display:none}.infrastructure-heading h2 em:before{content:' '}.infrastructure-proof:not([data-step="0"]) .infrastructure-heading h2{max-width:300px}.support-layer{left:6%;right:6%;top:calc(200px + var(--layer) * 59px);height:55px}.layer-title span{font-size:20px}.layer-title{padding:0 12px;gap:14px}.layer-source{bottom:4px;right:10px;font-size:8px}.stack-spine{display:none}.source-folio{bottom:42px;left:6%;width:88%;max-width:none;height:35px}.source-folio button{display:flex;gap:12px}.source-folio img{width:27px;height:35px;float:none;margin:0}.source-folio small{display:none}.source-folio span{font-family:var(--sans);font-size:11px;max-width:none}.infrastructure-proof[data-step="0"] .infrastructure-heading h2{font-size:57px;max-width:340px}.infrastructure-proof[data-step="0"] .infrastructure-heading h2 br{display:block}.infrastructure-proof[data-step="0"] .infrastructure-heading h2 em:before{content:''}.infrastructure-proof[data-step="0"] .layer-0 .layer-title{bottom:70px;right:6%}.infrastructure-proof[data-step="0"] .layer-0 img{object-position:61%}.creative #chapter-name{font-size:9px;max-width:55%}}
@media(prefers-reduced-motion:reduce){.cinema *{animation:none!important;transition:none!important}}