:root{--paper:#000;--ink:#f6f6f4;--muted:#9b9fa3;--line:#ffffff24;--display:'Manrope',sans-serif;--body:'Prompt',Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;background:#000;color:var(--ink);font-family:var(--body);font-weight:300}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff;outline-offset:5px}[hidden]{display:none!important}.locations{position:relative;isolation:isolate;width:100%;height:100svh;min-height:790px;overflow:hidden;background:#000}.locations:after{content:'';position:absolute;bottom:0;left:0;right:0;height:30%;pointer-events:none;background:linear-gradient(transparent,#0a0c0ec9);z-index:-1}.masthead{position:absolute;z-index:5;top:0;left:5vw;right:5vw;height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;object-fit:contain}.brand>span{font:800 20px var(--display);letter-spacing:.11em}.brand small{display:block;font-size:8px;letter-spacing:.62em;margin-top:7px;color:#b7bcc1}.mast-label{font:500 10px var(--display);letter-spacing:.24em;color:#858d94}.chapter{font:500 11px var(--display);letter-spacing:.17em;color:#c1c5c9}.chapter span{color:#666e76;margin:0 17px}.intro{position:absolute;z-index:3;top:137px;left:5vw;pointer-events:none}.eyebrow{font:500 11px var(--display);letter-spacing:.22em;margin:0;display:flex;align-items:center;gap:14px;color:#929aa2}.short-line{height:1px;width:28px;background:#b4bdc4}.intro h1{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.intro-copy{display:none}.experience{position:absolute;inset:0}.stage{position:absolute;inset:0}.backdrop-type{position:absolute;left:4.4vw;top:18%;font:800 clamp(110px,16.6vw,360px)/.88 var(--display);letter-spacing:-.07em;white-space:nowrap;color:#e3e5e7;opacity:.93;pointer-events:none;z-index:0}.stage-top{position:absolute;top:132px;right:5vw;z-index:4}.view-label{display:none}.view-toggle{display:flex;align-items:center;border:1px solid #ffffff36;border-radius:30px;padding:4px;background:#11151966;backdrop-filter:blur(12px)}.view-toggle button{font-size:12px;background:transparent;color:#a3abb2;border:0;padding:10px 19px;border-radius:25px}.view-toggle button[aria-pressed=true]{background:#f2f3f3;color:#171a1d}.view-toggle button:disabled{display:none}model-viewer{position:absolute;left:25%;top:17%;width:76%;height:67%;z-index:1;--progress-bar-color:transparent;--progress-bar-height:0px;--poster-color:transparent;outline:none}.model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#c0c6cc;font-size:13px}.loading-ring{width:34px;height:34px;border:1px solid #ffffff30;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.branch-info{position:absolute;left:5vw;top:46%;width:285px;z-index:3;pointer-events:none}.branch-info a{pointer-events:auto}.info-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}.info-top .eyebrow{font-size:9px;color:#9ba3ab;letter-spacing:.15em}.info-count{font:500 12px var(--display);color:#d2d6da;white-space:nowrap}.branch-en{display:none}.branch-info h2{font-size:clamp(27px,2.45vw,48px);font-weight:300;line-height:1.45;margin:0;letter-spacing:-.04em}.info-rule{width:30px;height:1px;background:#6b7279;margin:24px 0}.info-caption{display:none}.detail-label{display:none}.address{font-size:13px;color:#aab1b8;line-height:1.9;margin:0 0 18px}.phone{display:flex;gap:18px;align-items:center}.phone span{font-size:11px;color:#848e97}.phone strong{font:500 14px var(--display);color:#d3d9de;letter-spacing:.05em}.info-actions{margin-top:25px}.directions{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#f0f2f3;color:#111518;padding:14px 20px 14px 24px;border-radius:40px;font-size:13px;transition:transform .2s,background .2s;min-width:215px}.directions:hover{background:#fff;transform:translateY(-2px)}.directions span{font:400 25px var(--display)}.map-credit{display:none}.info-soon{margin-top:28px;font:500 12px var(--display);letter-spacing:.2em;color:#b3bdc5;display:flex;gap:40px}.stage-bottom{position:absolute;bottom:165px;right:5vw;left:37%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3}.orbit-hint{font-size:11px;color:#9ca5ae;display:flex;gap:10px;align-items:center}.orbit-hint svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.1}.camera-views{display:flex;gap:18px}.camera-views button{border:0;border-bottom:1px solid transparent;background:transparent;color:#89939c;padding:9px 0;font-size:12px}.camera-views button[aria-pressed=true]{color:#eef0f2;border-bottom-color:#eef0f2}.branch-navigation{position:absolute;z-index:5;left:5vw;right:5vw;bottom:45px;display:flex;align-items:center;gap:7vw;border-top:1px solid #ffffff29;height:94px}.branch-tabs{display:flex;flex:1;min-width:0;height:100%;touch-action:pan-y;user-select:none}.branch-tab{flex:1;min-width:0;position:relative;display:flex;align-items:center;gap:21px;padding:16px 30px 10px 0;border:0;background:transparent;color:#919ba4;text-align:left}.branch-tab:before{content:'';position:absolute;left:0;right:30px;top:-1px;height:2px;background:#f2f4f6;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.branch-tab[aria-pressed=true]:before{transform:scaleX(1)}.tab-number{font:400 12px var(--display);color:#626d77}.branch-tab strong{font-size:16px;font-weight:300;display:block;letter-spacing:.015em}.branch-tab small{font:500 9px var(--display);letter-spacing:.17em;color:#727f8a;display:block;margin-top:7px}.tab-arrow{margin-left:auto;color:#596671;font-size:22px}.branch-tab[aria-pressed=true]{color:#f1f3f4}.branch-tab[aria-pressed=true] .tab-number,.branch-tab[aria-pressed=true] .tab-arrow{color:#d4dbe1}.arrows{display:flex;gap:12px}.arrows button{width:48px;height:48px;display:grid;place-items:center;border:1px solid #6d7680;border-radius:50%;background:transparent;color:#e1e6eb;font:300 23px var(--display);transition:background .2s,color .2s}.arrows button:hover{background:#eee;color:#101315}.section-footer{position:absolute;bottom:18px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#66727d;font:400 9px var(--display);letter-spacing:.12em;z-index:4}.section-footer i{font-style:normal;margin:0 12px}.section-footer #model-note{font:300 10px var(--body);letter-spacing:0}.section-footer a{font:300 11px var(--body);color:#86939e;letter-spacing:0}.map-panel{position:absolute;left:34%;right:5vw;top:28%;bottom:22%;z-index:2;background:#1d2328;border:1px solid #7a838b60;box-shadow:0 25px 90px #0006}.map-panel iframe{width:100%;height:100%;border:0}.experience[data-branch="1"] .backdrop-type{font-size:13vw;top:19%;opacity:.65}.experience[data-branch="2"] .backdrop-type{font-size:11.5vw;opacity:.13}.soon-panel{position:absolute;left:37%;right:6vw;top:32%;bottom:24%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.soon-number{position:absolute;font:600 min(25vw,340px)/1 var(--display);color:#ffffff05;letter-spacing:-.1em}.soon-panel h2{position:relative;font-size:clamp(30px,3vw,56px);font-weight:300;line-height:1.5;margin:20px 0}.soon-panel p{position:relative;font-size:14px;color:#98a4ad;line-height:1.9;margin:0}.soon-panel .eyebrow{position:relative;font-size:10px}.model-error{position:absolute;left:45%;top:50%;z-index:4;padding:20px;background:#15191df2;font-size:14px}.model-error a,.model-error button{padding:8px 12px;margin:4px;display:inline-block;background:#eee;color:#111;border:0;font-size:12px}.experience.changing .branch-info{animation:reveal .6s ease}.experience.changing .backdrop-type{animation:title-in .7s ease}.experience.changing .map-panel,.experience.changing .soon-panel{animation:reveal .6s ease}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes title-in{from{filter:blur(8px);transform:translateY(20px)}to{filter:blur(0);transform:translateY(0)}}
@media(min-width:1900px){.branch-info{width:340px}.address{font-size:15px}.phone strong{font-size:17px}.directions{font-size:15px;min-width:250px}.info-top .eyebrow{font-size:11px}.branch-tab strong{font-size:18px}.branch-tab small{font-size:11px}.masthead{height:120px}.intro{top:154px}.stage-top{top:147px}.stage-bottom{bottom:180px}}
@media(max-width:1150px){.mast-label{display:none}.locations{min-height:800px}.branch-info{width:240px;top:43%}.branch-info h2{font-size:31px}.info-top{gap:12px}.info-top .eyebrow{font-size:8px}.address{font-size:12px}.phone{gap:12px}.phone strong{font-size:13px}.directions{min-width:200px;font-size:12px}.branch-tab{gap:12px;padding-right:20px}.branch-tab strong{font-size:14px}.branch-tab small{font-size:8px;letter-spacing:.07em}.tab-arrow{display:none}.stage-bottom{left:39%;gap:12px}.orbit-hint{font-size:10px}.camera-views{gap:13px}.camera-views button{font-size:11px}.branch-navigation{gap:3vw}.arrows button{width:43px;height:43px}.section-footer #model-note{display:none}model-viewer{left:27%;width:75%;top:19%;height:62%}.backdrop-type{top:21%}}
@media(max-width:760px){.locations{height:100svh;min-height:930px;background:#000}.masthead{height:82px;left:6vw;right:6vw}.brand>span{font-size:15px}.brand img{width:35px;height:35px}.brand small{font-size:7px}.chapter{font-size:9px;letter-spacing:.05em}.chapter span{margin:0 9px}.intro{top:108px;left:6vw}.intro .eyebrow{font-size:9px;letter-spacing:.12em}.short-line{width:17px}.stage-top{top:98px;right:6vw}.view-toggle{padding:3px}.view-toggle button{padding:8px 11px;font-size:10px}.backdrop-type{left:4vw;top:174px;font-size:19vw;letter-spacing:-.075em}.experience[data-branch="1"] .backdrop-type{font-size:15vw;top:174px}.experience[data-branch="2"] .backdrop-type{font-size:13.5vw;top:174px}model-viewer{left:-5%;width:110%;top:200px;height:335px}.branch-info{left:6vw;right:6vw;top:590px;width:auto;display:grid;grid-template-columns:1fr auto;column-gap:24px}.info-top{grid-column:1/-1;margin-bottom:12px}.info-top .eyebrow{font-size:9px}.info-count{margin-left:auto;font-size:11px}.branch-info h2{font-size:30px}.info-rule{margin:15px 0}.address{font-size:12px;margin-bottom:12px}.phone span{font-size:10px}.phone strong{font-size:13px}.info-actions{align-self:end;margin:0 0 1px}.directions{min-width:0;padding:12px 15px;gap:16px;font-size:11px}.directions span{font-size:22px}.stage-bottom{left:6vw;right:6vw;top:532px;bottom:auto;justify-content:space-between}.orbit-hint{font-size:10px}.camera-views button{font-size:11px}.camera-views{gap:14px}.branch-navigation{left:6vw;right:6vw;bottom:35px;height:94px;gap:18px}.branch-tab{gap:0;padding-right:12px;flex-direction:column;align-items:flex-start;justify-content:center}.tab-number{font-size:9px;margin-bottom:7px}.branch-tab strong{font-size:13px}.branch-tab small{display:none}.branch-tab:before{right:12px}.arrows{gap:7px}.arrows button{width:35px;height:35px;font-size:19px}.section-footer{left:6vw;right:6vw;bottom:12px;font-size:7px;letter-spacing:.02em}.section-footer i{margin:0 5px}.section-footer a{font-size:9px}.map-panel{left:6vw;right:6vw;top:245px;bottom:auto;height:315px}.soon-panel{left:6vw;right:6vw;top:235px;bottom:auto;height:320px}.soon-number{font-size:240px}.soon-panel h2{font-size:36px}.soon-panel p{font-size:12px}.model-error{left:10%;right:10%;top:350px}.info-soon{align-self:end;margin-bottom:15px}}
@media(max-width:440px){.locations{min-height:970px}.chapter{display:none}.branch-info{display:block;top:570px}.branch-info h2{font-size:27px}.info-top{display:flex}.info-actions{margin-top:17px}.directions{font-size:12px;min-width:220px}.phone{gap:16px}.address{font-size:12px;line-height:1.75}.stage-bottom{top:515px;flex-wrap:wrap;justify-content:center;gap:4px}.camera-views{gap:22px}.orbit-hint{width:100%;justify-content:center}.camera-views button{padding:6px 0}model-viewer{top:200px;height:310px}.branch-navigation{bottom:37px}.arrows button{width:32px;height:32px}.branch-tab strong{font-size:12px}.branch-info:has(#info-soon:not([hidden])){top:610px}}
@media(max-width:760px){.branch-info{top:570px}.branch-info h2{line-height:1.35}.info-rule{display:none}.address{margin-top:15px}.experience[data-branch="1"] .branch-info h2{font-size:26px}}
@media(max-width:440px){.locations{min-height:990px}.experience[data-branch="1"] .branch-info h2{font-size:24px}.info-top{margin-bottom:10px}}
/* Map mode has its own composition, with Google controls and attribution unobscured. */
.experience[data-view="map"] .backdrop-type{top:26%;left:5vw;max-width:26%;white-space:normal;overflow-wrap:normal;font-size:clamp(36px,5.2vw,110px);letter-spacing:-.065em;line-height:1.05;opacity:.85;color:#e0e4e7}
.experience[data-view="map"] .branch-info{top:47%}
.map-panel{display:flex;flex-direction:column;left:34%;right:5vw;top:23%;bottom:21%;border:1px solid #ffffff25;border-radius:15px;background:#171c20;box-shadow:0 35px 100px #0005;overflow:hidden}
.map-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(110deg,#232a30,#181d22);border-bottom:1px solid #ffffff16;flex-shrink:0}
.map-header>div{display:flex;align-items:center;gap:20px}.map-kicker{font:500 10px var(--display);letter-spacing:.18em;color:#87929b}.map-header strong{font:500 12px var(--display);letter-spacing:.14em;color:#d9dfe4}
#map-tone{border:1px solid #ffffff29;border-radius:20px;background:transparent;color:#aeb8c0;padding:7px 12px;font-size:11px;white-space:nowrap}#map-tone:hover{color:#fff;border-color:#88929b}
.map-canvas{flex:1;min-height:0;background:#171b20}.map-panel iframe{display:block;width:100%;height:100%;filter:grayscale(1) invert(.91) contrast(.88);transition:filter .3s}
.map-panel[data-tone="natural"] iframe{filter:none}
.map-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 24px;background:#151a1e;border-top:1px solid #ffffff19;flex-shrink:0}
#map-coordinates{font:400 11px var(--display);letter-spacing:.08em;color:#788892}.map-footer a{font-size:12px;color:#d6dfe6;display:flex;align-items:center;gap:18px}.map-footer a span{font-size:19px}.map-footer a:hover{color:#fff}
@media(max-width:1150px){.map-header{padding:17px}.map-header>div{gap:10px}.map-kicker{display:none}.map-footer{padding:14px 17px}#map-coordinates{font-size:9px}.map-footer a{font-size:11px;gap:8px}.experience[data-view="map"] .backdrop-type{top:28%;font-size:5.3vw}.map-panel{left:35%;bottom:23%}}
@media(max-width:760px){.experience[data-view="map"] .backdrop-type{left:6vw;top:166px;max-width:88%;font-size:10vw;white-space:nowrap;letter-spacing:-.055em}.experience[data-view="map"] .branch-info{top:585px}.map-panel{left:6vw;right:6vw;top:235px;bottom:auto;height:320px;border-radius:10px}.map-header{padding:12px 14px}.map-header strong{font-size:10px;letter-spacing:.06em}#map-tone{font-size:10px;padding:6px 9px}.map-footer{padding:10px 14px}#map-coordinates{font-size:9px;letter-spacing:0}.map-footer a{font-size:10px}.map-footer a span{font-size:16px}}
@media(max-width:440px){.experience[data-view="map"] .backdrop-type{font-size:10vw}.map-header strong{font-size:9px}.experience[data-view="map"] .branch-info{top:575px}.map-footer{padding:10px}#map-coordinates{font-size:8px}.map-footer a{font-size:10px;gap:6px}}
/* First-visit framing: a large low-angle facade beneath the branch wordmark. */
@media(min-width:761px){model-viewer{top:19%;height:60%;left:25%;width:76%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Mobile touch-friendly overrides: keep branch switch and navigation stable on small screens. */
@media (max-width: 760px) {
  .locations{overflow:visible}
  .branch-navigation{
    left: 6vw;
    right: 6vw;
    top: auto;
    bottom: 14px;
    height: auto;
    gap: 10px;
    padding-bottom: 2px;
  }
  .branch-tabs{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
    padding: 2px 0 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .branch-tabs::-webkit-scrollbar{display:none}
  .branch-tab{
    flex: 0 0 auto;
    min-width: 132px;
    min-height: 64px;
    padding: 10px 10px 8px 0;
    align-items: flex-start;
    scroll-snap-align: start;
  }
  .branch-tab small{
    display: block;
    white-space: nowrap;
    font-size: 9px;
  }
  .branch-tab strong{font-size: 12.5px}
  .branch-info:has(#info-soon:not([hidden])){top: 466px}
  .branch-tab:active{transform: none}
}

@media (max-width: 390px) {
  .branch-navigation{bottom: 12px}
}

.experience[data-branch="1"][data-view="model"] .backdrop-type{font-size:12vw;top:20%}
@media(max-width:760px){.experience[data-branch="1"][data-view="model"] .backdrop-type{top:168px;font-size:12vw}}

/* Embedded About-page composition: the parent site already supplies its own header. */
.intro{top:34px}
.stage-top{top:28px}
@media(min-width:761px){
  .backdrop-type{top:10%}
  .experience[data-branch="1"] .backdrop-type{top:11%}
  .experience[data-branch="1"][data-view="model"] .backdrop-type{top:11%}
  model-viewer{top:9%;height:70%}
  .branch-info{top:42%}
}
@media(max-width:760px){
  .intro{top:30px}
  .stage-top{top:20px}
  .backdrop-type,
  .experience[data-branch="1"] .backdrop-type,
  .experience[data-branch="2"] .backdrop-type,
  .experience[data-branch="1"][data-view="model"] .backdrop-type{top:96px}
  model-viewer{top:122px}
  .stage-bottom{top:437px}
  .branch-info,
  .experience[data-view="map"] .branch-info{top:500px}
  .map-panel{top:157px}
  .soon-panel{top:157px}
}

/* The About page ends the location module at the branch navigation. */
.branch-navigation{bottom:18px}
@media(max-width:760px){.branch-navigation{bottom:18px}}

/* Compact destination action for the embedded location experience. */
.directions{
  min-width:0;
  width:auto;
  padding:9px 12px 9px 15px;
  gap:18px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:transparent;
  color:#e3e6e8;
  font-size:11px;
  letter-spacing:.01em;
}
.directions span{font-size:16px;line-height:1}
.directions:hover{background:#f1f2f2;color:#111518;border-color:#f1f2f2;transform:translateY(-1px)}
@media(max-width:760px){
  .directions{min-width:0;width:auto;padding:9px 12px 9px 15px;gap:18px;font-size:11px}
  .directions span{font-size:16px}
}

/* Keep editorial branch names on their intentional line breaks. */
.branch-info h2{white-space:nowrap}
.experience[data-branch="1"] .branch-info{width:390px}
.experience[data-branch="1"] .branch-info h2{font-size:clamp(30px,2vw,42px);line-height:1.45}
@media(max-width:760px){
  .experience[data-branch="1"] .branch-info{left:6vw;right:6vw;width:auto}
  .experience[data-branch="1"] .branch-info h2{font-size:24px;line-height:1.45}
}

/* Mobile layout: keep the controls and branch navigation close to the content. */
@media(max-width:760px){
  .locations{height:840px;min-height:840px;overflow:hidden}
  .intro{top:24px}
  .stage-top{top:16px;right:16px;max-width:46vw}
  .view-toggle button{padding:8px 9px}
  .backdrop-type,
  .experience[data-branch="1"] .backdrop-type,
  .experience[data-branch="2"] .backdrop-type,
  .experience[data-branch="1"][data-view="model"] .backdrop-type{top:88px}
  model-viewer{top:112px;height:300px}
  .stage-bottom{
    left:6vw;
    right:6vw;
    top:408px;
    bottom:auto;
    display:block;
    min-width:0;
  }
  .orbit-hint{justify-content:center;margin-bottom:2px;font-size:9px}
  .camera-views{
    width:100%;
    min-width:0;
    gap:18px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
    padding:0 4px 5px;
  }
  .camera-views::-webkit-scrollbar{display:none}
  .camera-views button{
    flex:0 0 auto;
    min-height:38px;
    padding:9px 0 7px;
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .branch-info,
  .experience[data-view="map"] .branch-info,
  .branch-info:has(#info-soon:not([hidden])){top:478px;display:block}
  .info-top{margin-bottom:9px}
  .branch-info h2{font-size:27px;line-height:1.32}
  .experience[data-branch="1"] .branch-info h2{font-size:23px;line-height:1.4}
  .address{margin-top:11px;margin-bottom:9px;line-height:1.65}
  .info-actions{margin-top:13px}
  .directions{display:inline-flex}
  .branch-navigation{
    left:6vw;
    right:6vw;
    top:734px;
    bottom:auto;
    height:82px;
    gap:12px;
  }
  .branch-tab{min-height:68px;padding:11px 8px 8px 0}
  .tab-number{margin-bottom:5px}
  .arrows{display:none}
  .map-panel{top:142px;height:300px}
  .soon-panel{top:142px;height:300px}
}

@media(max-width:390px){
  .locations{height:850px;min-height:850px}
  .backdrop-type{font-size:18vw}
  model-viewer{left:-9%;width:118%;height:288px}
  .stage-bottom{top:396px}
  .branch-info,
  .experience[data-view="map"] .branch-info,
  .branch-info:has(#info-soon:not([hidden])){top:466px}
  .branch-navigation{top:748px}
  .branch-tab strong{font-size:11px}
  .arrows{display:none}
}

/* FAP: arrows hidden on every screen - the numbered tabs below still switch
   branches, and the tab strip itself can be swiped left and right */
.branch-navigation .arrows{display:none}

/* FAP: still of the same camera, shown while the real model streams in.
   object-fit:contain matches how model-viewer fits the scene into its box, and
   two crops are provided because that box is a different shape on a phone. */
.poster-shot{position:absolute;inset:0;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center}
.poster-shot img{height:100%;width:auto;max-width:none;display:block}
.model-loading .loading-ring,.model-loading>span:not(.poster-shot){position:relative;z-index:2}
.model-loading>span:last-child{background:#0b0f12b8;padding:7px 15px;border-radius:20px;backdrop-filter:blur(6px)}

/* FAP: model attribution. The cars are CC BY / CC BY-SA, so this has to stay
   readable - it is kept quiet with opacity, not by shrinking it away. */
.model-credit{flex:0 0 auto;align-self:center;white-space:nowrap;
  font:300 11px var(--body);letter-spacing:0;color:#86939e;opacity:.55;
  transition:opacity .25s ease}
.model-credit:hover,.model-credit:focus-visible{opacity:1}
@media(max-width:760px){
  /* the tab row has no spare width on a phone - drop underneath it instead */
  .model-credit{position:absolute;left:0;top:100%;margin-top:7px;font-size:9px}
  .locations{height:872px;min-height:872px}
}
@media(max-width:390px){
  .locations{height:882px;min-height:882px}
}