/* Services, "The building directory". Loaded only on the Services template, after home.css.
   The lobby and each floor are photos. Everything placed on a photo lives inside its .ph box and is
   positioned in % of that photo, so it stays locked to the picture when the photo is cropped on phones
   (--cx/--cy/--cw/--ch pick the visible part, --ar is the resulting shape). */

.bd{--paper:#F6F2E3;--brass1:#f3d98d;--brass2:#b8913e;--night:#2a0430;background:var(--night);color:#fff;overflow-x:clip}
.bd .eyebrow{color:var(--lime)}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bd button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}

/* photo boxes */
.bd-stage{position:relative;container-type:inline-size}
.bd-scene{position:relative;overflow:hidden;aspect-ratio:var(--ar,1.8335)}
.ph{position:absolute;container-type:inline-size;background:var(--img) 0 0/100% 100% no-repeat;
  left:calc(-100% * var(--cx,0) / var(--cw,100));top:calc(-100% * var(--cy,0) / var(--ch,100));
  width:calc(100% * 100 / var(--cw,100));height:calc(100% * 100 / var(--ch,100))}
.flr .ph{background-image:none}
.flr.near .ph{background-image:var(--img)}
@media(max-width:1100px){.ph,.flr.near .ph{background-image:var(--img2)}}
.spot,.lob-car,.lob-ind,.lob-call,.lb,.tab-scr{position:absolute}

/* ---------- the lobby ---------- */
.bd-lobby{position:relative;display:flex;flex-direction:column;background:var(--night);container-type:inline-size}
.bd-head{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:clamp(110px,11vw,150px) max(18px,env(safe-area-inset-left,0px)) 0}
.bd .bd-head h1{margin-top:14px;font-weight:800;letter-spacing:-.055em;line-height:.94;font-size:clamp(40px,8cqw,76px);text-wrap:balance;max-width:14ch}
.bd-head h1 em{font-style:italic;font-weight:300;color:var(--lime)}
.bd-under{width:100%;max-width:1200px;margin:0 auto;padding:16px max(18px,env(safe-area-inset-left,0px)) 26px}
.bd .bd-lede{max-width:52ch;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:rgba(255,255,255,.82)}
.bd-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.lob .ph{-webkit-mask:linear-gradient(180deg,transparent 0,#000 9%);mask:linear-gradient(180deg,transparent 0,#000 9%)}
/* big screens: the headline hangs on the wall over the elevator, like the building's own sign */
@media(min-width:1000px){
  .bd-head{position:absolute;left:0;right:0;top:5.6cqw;max-width:none;padding:0 4%;text-align:center}
  .bd-head .eyebrow{font-size:max(10px,.8cqw)}
  .bd .bd-head h1{max-width:none;margin-top:.7cqw;font-size:3.25cqw;line-height:1;white-space:nowrap}
  .lob .ph{-webkit-mask:none;mask:none}
  .lob::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:25%;pointer-events:none;background:linear-gradient(180deg,rgba(42,4,48,.92) 0%,rgba(42,4,48,.6) 55%,rgba(42,4,48,0) 100%)}
  .lob-ind{z-index:2}
  .flr .bd-scene::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:46%;pointer-events:none;background:linear-gradient(180deg,rgba(42,4,48,.9) 0%,rgba(42,4,48,.62) 45%,rgba(42,4,48,0) 100%)}
  .bd-under{max-width:none;margin:0;padding:22px 18px clamp(40px,4vw,60px);text-align:center;background:linear-gradient(180deg,#3a2a1e,var(--night))}
  .bd .bd-lede{margin:0 auto}
  .bd-act{justify-content:center}
}
@media(max-width:999px){.bd-head{order:1}.bd-under{order:2}.bd-stage{order:3}.lb-m{order:4}}
.lob .ph{background-image:var(--img)}
@media(max-width:1100px){.lob .ph{background-image:var(--img2)}}

/* the car behind the doors */
.lob-car{left:40%;top:29.2%;width:20.62%;height:59.6%;overflow:hidden}
.lob-in{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,4,.55),rgba(20,10,4,0) 24%,rgba(20,10,4,0) 76%,rgba(20,10,4,.55)),linear-gradient(180deg,#a47f43,#8a6733 55%,#6a4c24)}
.lob-in::before{content:"";position:absolute;left:0;right:0;top:55%;height:2.4%;background:linear-gradient(180deg,#e9cf8e,#b48b3e 55%,#6b4d1d);box-shadow:0 .5cqw .8cqw rgba(20,10,4,.35)}
.lob-in::after{content:"";position:absolute;left:49.7%;width:.6%;top:0;bottom:7%;background:rgba(20,10,4,.28)}
.lob-in i{position:absolute;left:0;right:0;bottom:0;height:7%;background:linear-gradient(180deg,rgba(20,10,4,.45),rgba(20,10,4,0) 40%),linear-gradient(180deg,#b9874c,#8d6032)}
.lob-door{position:absolute;top:0;bottom:0;width:48.7%;background-size:100% 100%;transition:transform 1.1s cubic-bezier(.6,0,.25,1) .15s}
.lob-door.l{left:0}.lob-door.r{right:0;width:51.3%}
.lob.open .lob-door.l{transform:translateX(-100%)}
.lob.open .lob-door.r{transform:translateX(100%)}
/* floor indicator on the plate over the doors */
.lob-ind{left:47.1%;top:19.6%;width:5.9%;height:4%;display:flex;align-items:center;justify-content:center;gap:.5cqw;border-radius:.2cqw;background:rgba(20,8,12,.82)}
.lob-ind b{font:500 2cqw/1 var(--mono);color:var(--lime)}
.lob-ind i{font-style:normal;font-size:.9cqw;color:var(--lime);opacity:.35}
.lob.open .lob-ind i{opacity:1;animation:bdBlink 1s steps(2) infinite}
@keyframes bdBlink{50%{opacity:.25}}
/* the call buttons */
.lob-call{left:65%;top:55.2%;width:2%;height:8.6%;border-radius:.3cqw}
.lob-call i{position:absolute;left:50%;width:34%;aspect-ratio:1;margin-left:-17%;border-radius:50%;transition:background .25s}
.lob-call i:first-child{top:24%}.lob-call i:last-child{top:58%}
.lob-call:hover i:first-child,.lob-call.lit i:first-child,.lob-call:focus-visible i:first-child{background:radial-gradient(closest-side,rgba(232,255,90,.95),rgba(207,225,50,.55) 60%,rgba(207,225,50,0))}
.lob-call::after{content:"Up";position:absolute;left:135%;top:14%;padding:.35em .5em;border-radius:3px;background:rgba(42,4,48,.85);font:500 max(9px,.75cqw)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);white-space:nowrap}
.bd .lob-call:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* the letter board */
.lb{left:7.5%;top:18.6%;width:21cqw;height:33.5cqw;transform-origin:0 50%;transform:perspective(60cqw) rotateY(53.4deg);display:flex;flex-direction:column;gap:1.75cqw;padding:2.6cqw 1.6cqw;font:500 1.42cqw/1 var(--mono);letter-spacing:.04em;color:#f4f1ea}
.lb-row{display:flex;gap:1.1cqw;white-space:nowrap}
.lb-top{gap:0;margin-bottom:.5cqw;padding-bottom:1cqw;border-bottom:1px solid rgba(255,255,255,.18);letter-spacing:.12em}
.lb-sub{margin-top:auto}.lb-sub+.lb-sub{margin-top:0}
.lb-n{display:inline-block;min-width:1.6cqw}
.bd .lb a:hover,.bd .lb a:focus-visible{color:var(--lime)}
.lb .lt{display:inline-block;opacity:0;transform:translateY(-.4em);transition:opacity .2s,transform .3s var(--ease)}
.lb .lt.on{opacity:1;transform:none}
.lb-m{display:none}

/* ---------- the elevator panel that rides along ---------- */
.car-panel{position:fixed;z-index:60;right:max(14px,env(safe-area-inset-right,0px));top:50%;display:grid;gap:8px;padding:12px 9px;border-radius:12px;
  background:linear-gradient(160deg,#f1d68b,#b8913e 55%,#e2c06d);transform:translate(130%,-50%);transition:transform .45s var(--ease)}
.car-panel.is-up{transform:translate(0,-50%)}
.bd .car-panel a{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3b2a16,#1c1209);color:#e9d39a;font:500 13px/1 var(--mono)}
.car-panel a span{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:5px 9px;border-radius:6px;background:var(--ink);color:#fff;font:600 12px/1 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.car-panel a:hover span,.car-panel a:focus-visible span{opacity:1}
.bd .car-panel a.on{background:radial-gradient(circle at 40% 35%,#e8ff6b,var(--lime) 55%,#8c9a14);color:var(--ink)}
@media(max-width:999px){.car-panel{display:none}}

/* ---------- the floors ---------- */
.flr{position:relative;container-type:inline-size;background:var(--night);padding-bottom:clamp(30px,4vw,60px)}
.flr-head{position:absolute;z-index:3;left:8%;top:7%;width:min(52%,760px);pointer-events:none}
.flr-head a{pointer-events:auto}
.flr-head .eyebrow{display:flex;align-items:center;gap:10px}
.flr-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:12px;letter-spacing:0}
.bd .flr-head h2{margin-top:12px;font-weight:800;letter-spacing:-.05em;line-height:.98;font-size:clamp(30px,3.7cqw,70px);text-wrap:balance}
.flr-head h2 em{font-style:italic;font-weight:300;color:var(--lime)}
.bd .flr-head p{margin-top:12px;max-width:46ch;font-size:clamp(14px,1.12cqw,19px);line-height:1.5;color:rgba(255,255,255,.86)}

/* tappable items: a soft warm glow says "touch me" */
.spot{z-index:2;left:calc(var(--l) * 1%);top:calc(var(--t) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);border-radius:1cqw}
.spot::after{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,160,.2),rgba(255,226,160,0));opacity:0;transition:opacity .3s}
.spot:hover::after,.spot:focus-visible::after{opacity:1}
.bd .spot:focus-visible{outline:2.5px solid var(--lime);outline-offset:2px}

/* the tablet screen on floor 1 */
.tab-scr{z-index:1;left:22.35%;top:43%;width:12.45%;height:29%;overflow:hidden;border-radius:.45cqw;background:#000}
.tab-scr video{display:block;width:100%;height:100%;object-fit:cover;opacity:.94}
.tab-glare{position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.1) 0 34%,rgba(255,255,255,0) 34.5%)}

/* ---------- the rides between floors ----------
   Wide screens: every floor is one pinned stage. The lift doors open and the camera steps into the floor, you
   look around, then the camera steps back and the doors close. The next floor begins on those same closed doors,
   so floors never cut. Phones, reduced motion and no-JS show the floor as a plain photo under a brass lift strip. */
.lift{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:linear-gradient(160deg,#f1d68b,#b8913e 55%,#e2c06d);color:#2a1a10;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.lift i{font-style:normal;font-size:11px}
.lift b{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;background:#14080c;color:var(--lime);font-weight:500;font-size:14px;letter-spacing:0}
.flr-in{position:relative}
.rd-room,.rd-hud{display:none}
.bd.rides .lift{display:none}
.bd.rides .flr{height:450vh;height:450svh;padding-bottom:0}
.bd.rides .flr-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;box-sizing:border-box;padding:84px 0 44px;display:grid;place-items:center;background:var(--night)}
.bd.rides .flr-pin::before{content:"";position:absolute;inset:-50px;background:var(--fimg) center/cover no-repeat;filter:blur(22px) brightness(.5) saturate(.85)}
.bd.rides .flr-pin>*{position:relative;z-index:1}
.bd.rides .flr-pin>.rd-room{position:absolute;z-index:5}
.bd.rides .flr-pin>.rd-hud{position:absolute;z-index:6}
.bd.rides .flr .flr-in>.bd-stage>.bd-scene{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-composite:intersect}
.bd.rides .flr-in{width:min(100%,calc((100vh - 128px) * 1.8335));width:min(100%,calc((100svh - 128px) * 1.8335))}
.bd.rides .rd-room{display:block;pointer-events:none}
.bd.rides .flr.is-stay .rd-room,.bd.rides .flr.is-stay .rd-hud{visibility:hidden}
.rd-room{position:absolute;z-index:5;left:50%;top:50%;width:max(100%,183.35vh);width:max(100%,183.35svh);aspect-ratio:1.8335;transform:translate(-50%,-50%);container-type:inline-size}
.rd-cam{position:absolute;inset:0;transform-origin:50.31% 59%;will-change:transform}
.rd-wall{position:absolute;inset:0;background:var(--wall) 0 0/100% 100% no-repeat;
  clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,40% 29.2%,60.62% 29.2%,60.62% 88.8%,40% 88.8%,40% 29.2%)}
.rd-car{position:absolute;left:40%;top:29.2%;width:20.62%;height:59.6%;overflow:hidden}
.rd-door{position:absolute;top:0;bottom:0;width:48.9%;background-size:100% 100%;background-color:#9c7a45}
.rd-door.l{left:0}.rd-door.r{right:0;width:51.5%}
.rd-ind{position:absolute;left:47.1%;top:19.6%;width:5.9%;height:4%;display:flex;align-items:center;justify-content:center;gap:.5cqw;border-radius:.2cqw;background:rgba(20,8,12,.9);transition:background .25s}
.rd-ind b{font:500 2cqw/1 var(--mono);color:var(--lime);transition:color .25s}
.rd-ind i{font-style:normal;font-size:.9cqw;color:var(--lime);animation:bdBlink 1s steps(2) infinite}
.flr.ding .rd-ind{background:var(--lime)}
.flr.ding .rd-ind b,.flr.ding .rd-ind i{color:#14080c}
.rd-hud{display:none}
.bd.rides .rd-hud{display:flex;position:absolute;z-index:6;left:50%;top:clamp(88px,10vh,124px);transform:translateX(-50%);align-items:center;gap:12px;padding:11px 20px 10px;border-radius:999px;background:rgba(20,8,12,.88);font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.rd-hud i{font-style:normal;font-size:11px;color:var(--lime);animation:bdBlink 1s steps(2) infinite}
.rd-hud span{color:rgba(255,255,255,.7)}
.rd-hud b{font-weight:500;font-size:20px;color:var(--lime)}
.rd-hud em{font-style:normal;color:#fff}
/* the floor's headline and tags come up once you have stepped out */
.bd.rides .flr .flr-head,.bd.rides .flr .rail{transition:opacity .5s var(--ease)}
.bd.rides .flr:not(.is-in) .flr-head,.bd.rides .flr:not(.is-in) .rail{opacity:0}

/* the hang tags along the shelf edge */
.rail{position:absolute;z-index:3;left:0;right:0;top:calc(var(--edge) * 1%);height:0}
.bd .tag{position:absolute;left:calc(var(--x) * 1%);top:clamp(12px,1.2cqw,20px);width:clamp(104px,7.8cqw,150px);display:grid;gap:4px;justify-items:center;text-align:center;
  padding:26px 10px 12px;color:#2a1a10;background:#c9a479 url(../images/building/kraft.webp) 0 0/220px 310px;
  clip-path:polygon(16% 0,84% 0,100% 13%,100% 100%,0 100%,0 13%);transform:translateX(-50%) rotate(var(--sw,0deg));transform-origin:50% -14px;
  transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.tag::before{content:"";position:absolute;left:50%;top:9px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--night);box-shadow:0 0 0 3px #5E0863}
.tag::after{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:clamp(14px,1.4cqw,22px);margin-left:-1px;background:var(--lime)}
.bd .tag:hover,.bd .tag:focus-visible{transform:translateX(-50%) rotate(0deg)}
.tag-k{font:500 10px/1.25 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.tag-p{font-weight:800;font-size:clamp(14px,1.15cqw,19px);letter-spacing:-.03em;line-height:1.1}
.tag-more{margin-top:2px;font:600 11px/1.2 var(--sans);text-decoration:underline;text-underline-offset:2px;opacity:.8}
.bd .tag:focus-visible{outline:2.5px solid var(--lime);outline-offset:3px}
/* the cord the tags hang from: drawn on the rail so tags have something to hang off */
.rail::before{content:"";position:absolute;left:4%;right:4%;top:0;height:2px;background:rgba(207,225,50,.0)}

/* ---------- item cards ---------- */
.bd-card{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}
.bd-card::backdrop{background:rgba(14,6,10,.72)}
.card-in{position:relative;max-height:calc(100dvh - 40px);overflow:auto;padding:46px clamp(20px,4vw,40px) 30px;background:#d1ad81 url(../images/building/kraft.webp) 0 0/220px 310px;
  clip-path:polygon(9% 0,91% 0,100% 6%,100% 100%,0 100%,0 6%)}
.bd-card[open] .card-in{animation:bdCard .45s var(--ease)}
@keyframes bdCard{from{opacity:0;transform:translateY(24px) rotate(-2deg)}to{opacity:1;transform:none}}
.card-hole{position:absolute;left:50%;top:16px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#2a1a10;box-shadow:0 0 0 4px #5E0863}
.card-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:rgba(42,26,16,.12)!important;font-size:24px!important;line-height:1}
.card-k{font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5E0863}
.bd .bd-card h3{margin:8px 0 0;font-weight:800;letter-spacing:-.045em;line-height:1;font-size:clamp(28px,4.4vw,40px)}
.bd .card-p{margin:12px 0 0;font-size:16px;line-height:1.55}
.bd .card-li{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1.5px dashed rgba(42,26,16,.35);display:grid;gap:8px;font-size:15px;line-height:1.4}
.card-li li{position:relative;padding-left:24px}
.card-li li::before{content:"";position:absolute;left:2px;top:.35em;width:10px;height:6px;border:solid #5E0863;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}
.bd .card-opts{display:grid;gap:8px;margin-top:18px}
.bd .card-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.55);font-size:15px;transition:background .2s}
.card-opt:hover{background:#fff}
.card-opt span{display:grid;gap:2px;font-weight:600}
.card-opt i{font:normal 500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#5E0863}
.card-opt b{font-weight:800;white-space:nowrap}
.card-opt.hot{background:var(--lime)}
.bd .card-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 0;padding:16px 0 0;border-top:1.5px dashed rgba(42,26,16,.35)}
.card-meta div{display:grid;gap:2px}
.card-meta dt{font:500 10px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5E0863}
.card-meta dd{margin:0;font-weight:800;font-size:18px;letter-spacing:-.02em}
.bd .card-note{margin:14px 0 18px;font-size:14px;line-height:1.5;opacity:.85}

/* ---------- prices: receipts ---------- */
.bd-prices{position:relative;padding:clamp(70px,9vw,130px) 0 clamp(60px,7vw,100px);background:#EDE3CC;color:var(--ink)}
.bd .bd-prices .eyebrow{color:var(--purple)}
.bd .bd-prices .bd-sechead h2 em{color:var(--purple)}
.bd .bd-prices .bd-sechead p{color:rgba(28,18,32,.78)}
.bd .bd-sechead h2{margin-top:12px;font-weight:800;letter-spacing:-.055em;line-height:.96;font-size:clamp(38px,6vw,84px);text-wrap:balance}
.bd-sechead h2 em{font-style:italic;font-weight:300;color:var(--lime)}
.bd .bd-sechead p{margin-top:16px;max-width:56ch;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:rgba(255,255,255,.82)}
.printer{margin-top:clamp(36px,5vw,64px)}
.printer-top{position:relative;height:30px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#3a2a32,#130a0e)}
.printer-led{position:absolute;right:18px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.printer-slot{position:absolute;left:3%;right:3%;bottom:6px;height:4px;border-radius:2px;background:#000}
.rcpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,34px);padding:0 4.5%}
.rcpt-wrap{overflow:hidden;padding-bottom:12px}
.rcpt{--z:9px;position:relative;padding:22px clamp(16px,1.8vw,24px) calc(26px + var(--z));background:#fbfaf6;color:var(--ink);font-family:var(--mono);
  transform:translateY(-102%);transition:transform 1.6s cubic-bezier(.3,.1,.3,1) calc(var(--d) * .35s);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--z)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z) * 2) var(--z) repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--z)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z) * 2) var(--z) repeat-x}
.printed .rcpt{transform:none}
.rcpt header{display:grid;gap:4px;justify-items:center;text-align:center;padding-bottom:14px;border-bottom:1.5px dashed rgba(28,18,32,.3)}
.rcpt header b{font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.rcpt header span{font-size:10.5px;letter-spacing:.08em;color:var(--muted)}
.bd .rcpt h3{margin:16px 0 0;font:800 clamp(26px,2.4vw,34px)/1 var(--sans);letter-spacing:-.04em}
.rcpt-stamp{position:relative;display:inline-block;margin-top:14px;padding:5px 8px 4px;border:2px solid var(--purple);border-radius:4px;transform:rotate(-4deg);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.rcpt-stamp+h3{margin-top:8px!important}
.bd .rcpt-lead{margin:10px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.bd .rcpt ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px;font-size:12.5px;line-height:1.35}
.rcpt li{display:flex;align-items:baseline;gap:8px}
.rcpt li span{flex:1 1 auto;min-width:0}
.rcpt li i{font-style:normal;color:var(--purple);font-weight:500}
.rcpt-tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px;padding-top:12px;border-top:2px solid var(--ink)}
.rcpt-tot span{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.rcpt-tot b{font:800 clamp(28px,2.6vw,38px)/1 var(--sans);letter-spacing:-.04em}
.rcpt-bar{height:34px;margin:16px 0 14px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px)}
.bd .rcpt-go{display:flex;justify-content:center;padding:13px 16px;border-radius:999px;background:var(--ink);color:#fff;font:800 14px/1 var(--sans);transition:background .2s}
.bd .rcpt-go:hover{background:var(--purple)}
.bd .rcpt.mid .rcpt-go{background:var(--purple)}
.bd .rcpt.mid .rcpt-go:hover{background:var(--ink)}

/* ---------- everything else at a glance: the letter board on a brick wall ---------- */
.bd-glance{background:#EDE3CC}
.gl .ph{-webkit-mask:linear-gradient(180deg,transparent 0,#000 6%);mask:linear-gradient(180deg,transparent 0,#000 6%)}
.gl-board{position:absolute;left:31.7%;top:12.6%;width:39.5%;height:62.2%;display:flex;flex-direction:column;padding:2.4cqw 2.8cqw 2.2cqw;color:#f4f1ea;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em}
.bd .gl-board h3{margin:0;padding-bottom:1.4cqw;border-bottom:1px solid rgba(255,255,255,.2);font:500 1.45cqw/1.2 var(--mono);letter-spacing:.12em;color:#f4f1ea;white-space:nowrap}
.gl-board h3 span{color:var(--lime)}
.bd .gl-board dl{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;margin:0;font-size:1.4cqw;line-height:1.2}
.gl-board dl div{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw;opacity:0;transform:translateY(-.4cqw);transition:opacity .35s,transform .45s var(--ease);transition-delay:calc(var(--i) * 90ms)}
.gl-board.printed dl div{opacity:1;transform:none}
.gl-board dd{margin:0;white-space:nowrap;color:#fff}

/* ---------- the exit: the door wall, then white with purple blocks ---------- */
.bd-exit{position:relative;background:#fff;color:var(--ink)}
.ex-stage{background:#fff}
.ex-head{padding:clamp(80px,10vw,150px) 0 clamp(70px,9vw,130px);background:#F6F1E7}
.bd .ex-head .eyebrow{color:var(--purple)}
.bd .ex-head h2{margin-top:12px;font-weight:800;letter-spacing:-.055em;line-height:.96;font-size:clamp(40px,6.4vw,92px);text-wrap:balance;color:var(--ink)}
.ex-head h2 em{font-style:italic;font-weight:300;color:var(--purple)}
.bd .ex-head p{margin-top:16px;max-width:56ch;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:rgba(28,18,32,.82)}
.ex-notes{position:absolute;left:29%;top:19%;width:41%;height:62%;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:2.2cqw}
.ex-notes li{display:grid;align-content:center;gap:.9cqw;padding:1.6cqw 1.8cqw;background:var(--paper);color:var(--ink);font-size:max(12px,1.12cqw);line-height:1.4;transform:rotate(var(--r,-1deg))}
.ex-notes li:nth-child(2){--r:1.2deg}.ex-notes li:nth-child(3){--r:.8deg}.ex-notes li:nth-child(4){--r:-1.4deg}
.ex-notes b{display:grid;place-items:center;width:2.8cqw;height:2.8cqw;min-width:26px;min-height:26px;background:var(--purple);color:#fff;font-weight:800;font-size:max(13px,1.4cqw)}
.ex-notes strong{display:block;font-weight:800;font-size:max(14px,1.35cqw);letter-spacing:-.02em;margin-bottom:.2cqw}
.ex-glow{position:absolute;left:72.5%;top:-7%;width:22%;height:38%;pointer-events:none;background:radial-gradient(closest-side,rgba(110,255,80,.42),rgba(110,255,80,0));animation:exPulse 2.8s ease-in-out infinite alternate}
@keyframes exPulse{from{opacity:.55}to{opacity:1}}
.ex-sign{position:absolute;left:80.1%;top:7.5%;width:6.5%;height:8%;display:grid;place-items:center;font:800 2.1cqw/1 var(--sans);letter-spacing:.1em;color:#07390f}
.ex-below{padding:clamp(56px,7vw,100px) 0 clamp(64px,8vw,110px);background:#fff}
.ex-blk+.ex-blk{margin-top:clamp(44px,5.5vw,80px)}
.bd .ex-blk h3{display:flex;align-items:center;gap:14px;margin:0 0 clamp(18px,2.4vw,30px);font-weight:800;letter-spacing:-.045em;line-height:1;font-size:clamp(28px,3.4vw,46px);color:var(--ink)}
.ex-blk h3::before{content:"";flex:none;width:.5em;height:.5em;background:var(--purple)}
.bd .ex-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.ex-steps li{display:grid;align-content:start;gap:14px;padding:clamp(18px,2vw,26px);background:var(--paper);font-size:15.5px;line-height:1.45;color:var(--ink)}
.ex-steps b{display:grid;place-items:center;width:40px;height:40px;background:var(--purple);color:#fff;font-weight:800;font-size:20px;letter-spacing:-.03em}
.ex-steps strong{display:block;margin-bottom:4px;font-weight:800;font-size:17px;letter-spacing:-.02em}
.bd .ex-facts{list-style:none;margin:0;padding:clamp(6px,1vw,14px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.ex-facts li{position:relative;display:grid;align-content:start;gap:8px;aspect-ratio:560/566;padding:clamp(34px,3.4vw,52px) clamp(18px,2vw,30px) clamp(18px,2vw,28px);
  background:var(--note) center/100% 100% no-repeat;color:var(--ink);transform:rotate(var(--r,0deg));transition:transform .35s var(--ease)}
.ex-facts li:hover{transform:rotate(0deg) translateY(-4px)}
.ex-facts li:nth-child(1){--note:url(../images/notes/note-lime.webp);--r:-2.2deg;--n:var(--purple)}
.ex-facts li:nth-child(2){--note:url(../images/notes/note-purple.webp);--r:1.6deg;--n:var(--lime);color:#fff}
.ex-facts li:nth-child(3){--note:url(../images/notes/note-cream.webp);--r:-1.2deg;--n:var(--purple)}
.ex-facts li:nth-child(4){--note:url(../images/notes/note-ink.webp);--r:2.4deg;--n:var(--lime);color:#F6F1E7}
.ex-facts li:nth-child(2)::after{content:"";position:absolute;left:12%;top:-9%;width:19%;aspect-ratio:1;background:url(../images/notes/clip.webp) center/contain no-repeat;transform:rotate(-24deg);pointer-events:none}
.ex-facts b{font-weight:800;font-size:clamp(28px,2.9vw,44px);line-height:1;letter-spacing:-.05em;color:var(--n)}
.ex-facts span{font-size:clamp(13.5px,1.05vw,15.5px);line-height:1.4;color:inherit}
.ex-qs{display:grid;max-width:900px;border-bottom:1.5px solid rgba(28,18,32,.14)}
.ex-qs details{border-top:1.5px solid rgba(28,18,32,.14)}
.ex-qs summary{position:relative;list-style:none;cursor:pointer;padding:18px 44px 18px 0;font-weight:800;font-size:clamp(17px,1.5vw,20px);letter-spacing:-.02em;color:var(--ink)}
.ex-qs summary::-webkit-details-marker{display:none}
.ex-qs summary::after{content:"+";position:absolute;right:4px;top:10px;font-weight:300;font-size:30px;line-height:1;color:var(--purple);transition:transform .25s var(--ease)}
.ex-qs details[open] summary::after{transform:rotate(45deg)}
.bd .ex-qs p{margin:0 0 20px;max-width:72ch;font-size:16px;line-height:1.6;color:rgba(28,18,32,.86)}
.bd .ex-qs summary:focus-visible{outline:2.5px solid var(--purple);outline-offset:2px}

/* ---------- tablets and phones: headline above each photo, tags in a row under it ---------- */
@media(max-width:999px){
  .bd .ex-steps,.bd .ex-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flr-head{position:relative;left:auto;top:auto;width:auto;max-width:1200px;margin:0 auto;padding:clamp(60px,9vw,90px) max(18px,env(safe-area-inset-left,0px)) 22px}
  .bd .flr-head h2{font-size:clamp(32px,6.6vw,56px)}
  .bd .flr-head p{font-size:16px}
  .flr .bd-scene{--cx:8;--cy:24;--cw:84;--ch:76;--ar:2.0266}
  .flr .ph{-webkit-mask:linear-gradient(180deg,transparent 0,#000 10%);mask:linear-gradient(180deg,transparent 0,#000 10%)}
  .rail{position:relative;top:auto;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:30px 16px;padding:30px 14px 4px;border-top:clamp(8px,2vw,14px) solid #c9a477;background:linear-gradient(180deg,#3a1a20,var(--night) 70%)}
  .bd .tag{position:relative;left:auto;top:auto;transform:rotate(var(--sw,0deg));width:clamp(108px,30vw,150px)}
  .bd .tag:hover,.bd .tag:focus-visible{transform:rotate(0deg)}
  .tag::after{height:16px}
  .rcpts{grid-template-columns:minmax(0,1fr);max-width:420px;margin:0 auto;padding:0 6%}
}
@media(max-width:759px){
  .ex-notes{display:none}
  .gl{--cx:28;--cy:8;--cw:50;--ch:72;--ar:1.244}
  .gl-board dl{font-size:1.6cqw}
  .bd .gl-board h3{font-size:1.9cqw}
  .ex{--cx:55;--cy:0;--cw:45;--ch:100;--ar:.806}
  .ex-sign{font-size:2.4cqw}
  .bd .ex-steps,.bd .ex-facts{grid-template-columns:minmax(0,1fr)}
  .lob{--cx:14;--cy:12;--cw:66;--ch:80;--ar:1.5126}
  .lob .lb{display:none}
  .lob-call::after{display:none}
  .lb-m{display:grid;gap:2px;margin:0 18px;padding:18px 18px 16px;border-radius:6px;background:#0c0709;border:6px solid var(--brass2);border-image:linear-gradient(160deg,var(--brass1),var(--brass2) 55%,#e2c06d) 1;
    font:500 13px/1.2 var(--mono);color:#f4f1ea;text-transform:uppercase;letter-spacing:.06em;position:relative;top:-28px;margin-bottom:-6px}
  .lb-m-top{padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.18);letter-spacing:.24em}
  .lb-m a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 8px;padding:9px 0}
  .lb-m a b{font-weight:500;color:var(--lime)}
  .lb-m a i{grid-column:2;font-style:normal;font-size:10.5px;letter-spacing:.1em;color:rgba(255,255,255,.55)}
}

@media (prefers-reduced-motion:reduce){
  .lob-door,.rcpt,.tag,.car-panel,.gl-board dl div{transition:none}
  .ex-glow,.rd-ind i,.rd-hud i{animation:none}
  .bd-card[open] .card-in,.lob.open .lob-ind i{animation:none}
}

@media(min-width:760px){
  .ex-blk#how{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ex-blk#how+.ex-blk{margin-top:0}
}

/* the board on every ride wall: this floor and the next */
.rd-lb{position:absolute;left:7.5%;top:18.6%;width:21cqw;height:33.5cqw;transform-origin:0 50%;transform:perspective(60cqw) rotateY(53.4deg);display:flex;flex-direction:column;gap:1.75cqw;padding:2.6cqw 1.6cqw;font:500 1.42cqw/1 var(--mono);letter-spacing:.04em;color:#f4f1ea}
.rd-lb .lb-row{display:block;white-space:nowrap}
.rd-lb .lb-top{margin-bottom:.5cqw;padding-bottom:1cqw;border-bottom:1px solid rgba(255,255,255,.18);letter-spacing:.12em;color:var(--lime)}
.rd-lb .lb-floor{margin-bottom:.8cqw;font-size:1.6cqw;color:#fff}
.rd-lb .lb-it{color:rgba(244,241,234,.86)}
.rd-lb .lb-sub{margin-top:auto;color:var(--lime)}

/* "tap me": a chip row under each floor headline and a soft pulse on every item */
.flr-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.flr-hint{flex-basis:100%;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.bd .chip{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);background:rgba(20,8,12,.55);color:#fff;font-weight:700;font-size:14px;letter-spacing:-.01em;transition:background .2s,color .2s,border-color .2s}
.bd .chip:hover,.bd .chip:focus-visible{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.spot::before{content:"";position:absolute;left:50%;top:50%;width:2.2cqw;height:2.2cqw;min-width:22px;min-height:22px;margin:-1.1cqw 0 0 -1.1cqw;border-radius:50%;border:2px solid var(--lime);background:radial-gradient(circle,var(--lime) 0 26%,transparent 28%);animation:spotPulse 2.4s ease-in-out infinite}
@keyframes spotPulse{0%,100%{transform:scale(.8);opacity:.95}55%{transform:scale(1.3);opacity:.35}}
.spot:hover::before,.spot:focus-visible::before{animation:none;transform:scale(1.15);opacity:1}

/* the call to action beside "From hello to open": roomy cream band, no box */
.ex-head .w{position:relative;display:block}
.bd .ex-head h2{font-size:clamp(42px,7vw,108px);white-space:nowrap;text-wrap:nowrap}
.bd .ex-head h2 em{display:block}
.bd .ex-head .ex-lede{margin-top:22px;max-width:46ch;font-size:clamp(16px,1.3vw,20px)}
.ex-cta{margin-top:clamp(22px,2.6vw,34px);max-width:560px;padding:0;background:none;color:var(--ink)}
.bd .ex-cta h3{margin:0;font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(26px,2.6vw,38px);color:var(--ink)}
.bd .ex-cta p{margin:14px 0 0;max-width:46ch;font-size:clamp(16px,1.2vw,18px);line-height:1.55;color:rgba(28,18,32,.82)}
.ex-cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.bd .ex-cta .ex-cta-sub{margin:26px 0 0;padding-top:18px;border-top:1.5px dashed rgba(28,18,32,.22);max-width:none}
.bd .ex-cta .btn.line{color:var(--ink);border-color:var(--ink)}
.bd .ex-cta .ex-cta-sub{font:500 15px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:rgba(28,18,32,.72)}
.bd .ex-prop{margin:clamp(48px,7vw,80px) auto 0;width:min(92%,520px)}
.ex-prop img{display:block;width:100%;height:auto}
@media(min-width:1000px){
  .ex-head .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,110px);align-items:end}
  .bd .ex-prop{margin:0;width:100%;max-width:680px;justify-self:end;transform:translateY(8px)}
}
@media(prefers-reduced-motion:reduce){.spot::before{animation:none}}

/* the two wall sconces flicker like real bulbs */
.sconce{position:absolute;top:17.7%;width:10cqw;height:19cqw;margin-left:-5cqw;pointer-events:none;mix-blend-mode:screen;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,238,196,.9),rgba(255,206,120,.38) 42%,rgba(255,190,90,0));animation:sconceFlick 5.3s linear infinite}
.sconce.l{left:31.8%}.sconce.r{left:68.4%;animation-duration:6.7s;animation-delay:-2.1s}
@keyframes sconceFlick{0%,100%{opacity:.85}6%{opacity:.5}8%{opacity:.95}21%{opacity:.8}23%{opacity:.35}25%{opacity:.9}26%{opacity:.55}28%{opacity:.9}55%{opacity:1}58%{opacity:.65}60%{opacity:.95}81%{opacity:.8}83%{opacity:.45}85%{opacity:.9}}
@media(prefers-reduced-motion:reduce){.sconce{animation:none;opacity:.8}}

/* the short-version sticky notes on phones: two across, sized to their text */
@media(max-width:620px){
  .bd .ex-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .ex-facts li{aspect-ratio:560/566;padding:13% 11% 9%;gap:6px}
  .ex-facts b{font-size:clamp(22px,7vw,30px)}
  .ex-facts span{font-size:12.5px;line-height:1.35}
  .ex-facts li:nth-child(2)::after{width:24%}
}
@media(prefers-reduced-motion:reduce){.ex-facts li{transition:none}}

/* v2.16.33: the band under the lobby is the building directory: a felt letter board + brass call buttons */
.bd-dir{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(18px,3vw,40px);margin-top:22px}
.bd-board{display:grid;gap:4px;min-width:min(100%,360px);padding:18px 26px 20px;text-align:left;border:10px solid #b8913e;border-radius:4px;
  background:repeating-linear-gradient(180deg,#141015 0 9px,#0c090d 9px 11px);font:500 clamp(14px,1.25vw,17px)/1.25 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f3efe6}
.bd-board-top{margin-bottom:6px;font-size:.72em;color:var(--lime);letter-spacing:.24em}
.bd-board a{display:flex;gap:.7em;padding:5px 0;color:#f3efe6;transition:color .2s}
.bd-board a b{font-weight:500;color:var(--lime)}
.bd-board a i{font-style:normal;opacity:.5}
.bd-board a:hover,.bd-board a:focus-visible{color:var(--lime)}
.bd-brass{margin:0;flex-direction:column;align-items:stretch;gap:14px;padding:20px 22px;border-radius:6px;
  background:linear-gradient(135deg,#e6c77e,#b8913e 45%,#d8b56a 70%,#9c7631)}
.bd-btn{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px;color:#2a1a10}
.bd-cap{display:grid;place-items:center;width:44px;aspect-ratio:1;border-radius:50%;font-size:13px;color:var(--ink);
  background:radial-gradient(circle at 40% 35%,#f2dc9c,#c49b48 60%,#8e6a2b);border:2px solid #7a5a22;transition:background .2s,color .2s}
.bd-btn:hover .bd-cap,.bd-btn:focus-visible .bd-cap{background:radial-gradient(circle at 40% 35%,#f3ffb0,#CFE132 60%,#9fae1d);color:var(--ink)}
.bd-btn:hover{color:#000}
@media(max-width:999px){.bd-board{display:none}.bd-brass{flex-direction:row;flex-wrap:wrap;justify-content:center}}
.bd .bd-brass .bd-btn,.bd .bd-brass .bd-btn span{color:#2a1a10}
.bd .bd-brass .bd-btn:hover span{color:#000}

/* v2.16.37 phones */
.m-lift{display:none}
@media(max-width:999px){
  /* each floor opens on closed lift doors that part as it comes into view */
  .bd:not(.rides) .flr .bd-scene .m-lift{display:block;position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;background:#140a0c;border:8px solid #1c1214;border-top-width:26px;transition:opacity .5s .9s}
  .m-door{position:absolute;top:0;bottom:0;width:50%;background-size:100% 100%;transition:transform 1.25s cubic-bezier(.6,0,.25,1)}
  .m-door.l{left:0;box-shadow:inset -1px 0 0 rgba(0,0,0,.45)}.m-door.r{right:0}
  .m-ind{position:absolute;left:50%;top:-22px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:2px 9px;background:#0c0709;border-radius:2px;font:500 13px/1.2 var(--mono);color:var(--lime)}
  .m-ind i{font-style:normal;font-size:8px;opacity:.5}
  .bd-scene.m-open .m-door.l{transform:translateX(-101%)}
  .bd-scene.m-open .m-door.r{transform:translateX(101%)}
  .bd-scene.m-open .m-ind i{opacity:1}
  .bd-scene.m-open .m-lift{opacity:0;background:transparent}
}
@media(max-width:759px){
  /* brass call plate is a desktop thing */
  .bd-brass{display:none!important}
  /* directory sits under the lobby photo, the doors stay in view */
  .lb-m{top:0;margin-top:18px;margin-bottom:0}
  /* price board title fits inside the frame */
  .bd .gl-board h3{white-space:normal;font-size:3.2cqw;line-height:1.35}
  .gl-board h3 span{display:block}
  /* quick win line on one line */
  .bd .ex-cta .ex-cta-sub{font-size:min(15px,3.55vw);white-space:nowrap}
  .bd .ex-cta .ex-cta-sub a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px}
  /* exit: the four steps pinned on the wall beside the door */
  .ex{--cx:27;--cy:0;--cw:73;--ch:100;--ar:1.307}
  .ex-notes{display:grid;left:30%;top:16%;width:39%;height:64%;gap:1.6cqw}
  .ex-notes li{padding:1.4cqw;gap:.8cqw;align-content:start}
  .ex-notes li span{font-size:2.05cqw;line-height:1.25}
  .ex-notes li span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .ex-notes strong{font-size:2.3cqw}
  .ex-notes b{width:4.4cqw;height:4.4cqw;min-width:0;min-height:0;font-size:2.4cqw}
  .ex-sign{font-size:2.1cqw}
}
@media(max-width:999px){
  .m-door{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.04) 1px 3px),linear-gradient(90deg,#7d5f33,#c8a465 22%,#a8854c 48%,#dcbd80 74%,#8f6d3c)!important}
  .m-door.l{border-right:1px solid #3d2b14}.m-door.r{border-left:1px solid #e9cf96}
  .m-door::after{content:"";position:absolute;left:0;right:0;top:56%;height:7px;background:linear-gradient(#f0d8a0,#9c7a43)}
}
@media(max-width:999px){
  .bd:not(.rides) .flr .bd-scene .m-lift{background:transparent;border-width:8px;border-color:#1c1214}
  .m-ind{top:8px;z-index:2;transition:opacity .4s}
  .bd-scene.m-open .m-ind{opacity:0;transition-delay:1s}
}
@media(max-width:759px){
  .bd .gl-board h3{font-size:1.9cqw;line-height:1.3;padding-bottom:1cqw}
  .bd .ex-cta .ex-cta-sub{font-size:min(15px,3.15vw)}
  .ex-notes li span{display:block;-webkit-line-clamp:unset;font-size:0}
  .ex-notes li span strong{font-size:2.9cqw;line-height:1.15;margin:0}
  .ex-notes li{align-content:center;justify-items:start}
}
@media(max-width:759px){.gl-board h3 span i{display:none}}
.gl-board h3 span i{font-style:normal}
/* v2.16.42 phones: a centred title over the exit wall so the four notes read as "how we work" */
.ex-mtitle{display:none}
@media(max-width:759px){
  .ex-mtitle{display:block;text-align:center;padding:34px 18px 18px}
  .ex-mtitle .eyebrow{justify-content:center;margin:0 auto 8px}
  .ex-mtitle h3{margin:0;font-size:clamp(30px,8.6vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}
}
@media(max-width:759px){
  .ex-mtitle{background:#F6F1E7;padding-top:6px}
  .bd .ex-mtitle .eyebrow{color:var(--purple)}
  .ex-mtitle h3 em{font-style:italic;font-weight:300;color:var(--purple)}
  .ex-below .ex-blk#how > h3{justify-content:center;text-align:center}
  .ex-below .ex-blk#how > h3::before{display:none}
}