/* Approved continuous artwork: only its own ink is tinted, never a background. */
.frieze-explorer{color:var(--ink)}
.frieze-explorer .fc-panorama{position:relative;isolation:isolate}
.frieze-explorer .fc-scene{position:relative;aspect-ratio:3/1}
.frieze-explorer .fc-original,.frieze-explorer .fc-color{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.frieze-explorer .fc-color{opacity:0;filter:brightness(0) saturate(100%) invert(54%) sepia(20%) saturate(840%) hue-rotate(351deg) brightness(91%) contrast(87%);clip-path:var(--fc-clip,inset(100%));transition:opacity .36s ease;z-index:2}
.frieze-explorer .fc-panorama.is-active .fc-color{opacity:1}
.frieze-explorer .frieze-birds-ready>.fc-original{-webkit-mask-image:url('/assets/illustrations-v3/panorama-birds-mask.svg');mask-image:url('/assets/illustrations-v3/panorama-birds-mask.svg')}
.frieze-explorer .fc-hotspot{position:absolute;z-index:5;display:none;border:0;border-radius:2px;background:transparent;padding:0;touch-action:manipulation;cursor:pointer}
.frieze-explorer.is-ready .fc-hotspot{display:block}
.frieze-explorer .fc-airport{left:4%;top:53%;width:13%;height:21%}
.frieze-explorer .fc-gare{left:20.5%;top:55%;width:10.5%;height:18.5%}
.frieze-explorer .fc-eden{left:32%;top:55.5%;width:7.5%;height:17.5%}
.frieze-explorer .fc-caleche{left:35.7%;top:70.1%;width:4.7%;height:6.7%}
.frieze-explorer .fc-stars{left:41%;top:32%;width:17%;height:44.5%}
.frieze-explorer .fc-koutoubia{left:66.3%;top:34.5%;width:4.5%;height:34%}
.frieze-explorer .fc-jemaa{left:73.3%;top:61%;width:7.5%;height:12%}
.frieze-explorer .fc-majorelle{left:82%;top:59%;width:5.2%;height:14%}
.frieze-explorer .fc-menara{left:86.6%;top:57.5%;width:4.8%;height:16%}
/* A single changing identity above the hotel replaces all labels below it. */
.frieze-explorer .fc-identity{position:absolute;z-index:3;left:49.15%;top:3%;width:43%;height:28%;display:grid;place-items:center;transform:translateX(-50%);pointer-events:none;text-align:center}
.frieze-explorer .fc-logo{position:static;grid-area:1/1;width:21%;height:auto;transform:none;opacity:1;transition:opacity .22s ease}
.frieze-explorer .fc-detail{grid-area:1/1;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;animation:fc-identity-in .24s ease both}
.frieze-explorer .fc-destination-name{font:400 clamp(19px,2.15vw,29px)/1.15 var(--serif);color:var(--ink)}
.frieze-explorer .fc-time{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:0;color:#876038;line-height:1.1}
.frieze-explorer .fc-time strong{font:500 clamp(22px,2.45vw,33px)/1.1 var(--sans);letter-spacing:-.04em}
.frieze-explorer .fc-approx{font-size:15px;font-weight:400}
.frieze-explorer .fc-mode{font-size:13px;letter-spacing:0;color:#6e5235}
.frieze-explorer .fc-distance{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:0 5px;margin:2px 0 0;font:400 13px/1.35 var(--sans);color:var(--muted)}
.frieze-explorer .fc-distance>span:first-child{font-weight:600;color:var(--ink)}
.frieze-explorer .fc-traffic{font-size:11px;white-space:nowrap}
.frieze-explorer .fc-traffic:before{content:'·';margin-right:5px}
.frieze-explorer .fc-description{max-width:320px;margin:4px 0 0;font:400 13px/1.5 var(--sans);color:var(--muted)}
.frieze-explorer .fc-panorama.has-destination .fc-logo{opacity:0;visibility:hidden}
.frieze-explorer .fc-step{display:none;position:absolute;z-index:6;top:26px;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#876038;cursor:pointer;touch-action:manipulation}
.frieze-explorer .fc-step svg{display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.frieze-explorer .fc-step--previous{left:0}
.frieze-explorer .fc-step--next{right:0}
.frieze-explorer .fc-step:hover{color:var(--ink)}
.frieze-explorer button:focus-visible{outline:2px solid #795329;outline-offset:4px}
.frieze-explorer .fc-note{font-size:10px;line-height:1.6;color:#696b6e;text-align:center;margin:6px 18px 20px}
.frieze-explorer .fc-hint{display:none;max-width:760px;margin:18px auto 0;padding-inline:20px;text-align:center;font:400 12px/1.6 var(--sans);color:var(--muted);opacity:1;transition:opacity .45s ease}
.frieze-explorer.is-ready .fc-hint{display:block}
.frieze-explorer .fc-hint-touch{display:none}
/* Keep the hint's space so the panorama does not move under a finger or cursor. */
.frieze-explorer.has-explored .fc-hint{opacity:0;pointer-events:none}
@media(max-width:700px),(hover:none),(pointer:coarse){
 .frieze-explorer .fc-hint-desktop{display:none}
 .frieze-explorer .fc-hint-touch{display:inline}
}
.frieze-explorer [hidden]{display:none!important}
.frieze-explorer .fc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes fc-identity-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .frieze-explorer .fc-panorama{padding-top:86px;margin-top:16px}
 .frieze-explorer .fc-identity{top:0;left:50%;width:calc(100% - 82px);height:96px;max-width:360px}
 .frieze-explorer .fc-logo{width:88px}
 .frieze-explorer .fc-destination-name{font-size:22px;line-height:1.1}
 .frieze-explorer .fc-time strong{font-size:27px}
 .frieze-explorer .fc-mode{font-size:12px}
 .frieze-explorer .fc-distance{font-size:12px}
 .frieze-explorer .fc-description{font-size:12px}
 .frieze-explorer.is-ready .fc-step{display:block}
 .frieze-explorer .fc-hotspot{min-width:24px;min-height:24px}
 .frieze-explorer .fc-note{margin-top:7px}
}
@media(min-width:701px) and (pointer:coarse){
 .frieze-explorer.is-ready .fc-step{display:block;top:12%}
 .frieze-explorer .fc-step--previous{left:22%}
 .frieze-explorer .fc-step--next{right:22%}
}
@media(prefers-reduced-motion:reduce){
 .frieze-explorer .fc-color,.frieze-explorer .fc-logo,.frieze-explorer .fc-hint{transition:none}
 .frieze-explorer .fc-detail{animation:none}
 .frieze-explorer .frieze-birds-ready>.fc-original{-webkit-mask-image:none;mask-image:none}
}
