/* Bishop's Palace — Name in outline, fitted to the live Attractions section.
   Only this landmark changes. Desktop rails follow the hero, and its existing 900-unit stage is retained. */
body.attractions-page .atx #bishops-palace.bp-outline{--bp-rail:170px;padding:calc(75 * var(--u)) var(--bp-rail);isolation:isolate;background:var(--paper)}
.bp-outline .bp__stage{position:relative;height:calc(900 * var(--u))}
.bp-outline .bp__outline{position:absolute;inset:0 0 auto;text-align:center;font:400 calc(286 * var(--u))/1 var(--hp-display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:max(1px,calc(2 * var(--u))) var(--meta)}
.bp-outline .bp__cut{position:absolute;z-index:1;left:50%;top:calc(105 * var(--u));width:auto;height:calc(780 * var(--u));max-width:100%;object-fit:contain;transform:translateX(-50%)}
.bp-outline .bp__script{position:absolute;z-index:2;right:0;top:calc(300 * var(--u));font:400 calc(170 * var(--u))/1 var(--hp-accent);color:var(--sand);text-shadow:0 0 calc(40 * var(--u)) rgba(250,247,239,.9);pointer-events:none}
.bp-outline .bp__copy{position:absolute;z-index:3;left:0;bottom:calc(110 * var(--u));width:calc(560 * var(--u));isolation:isolate}
.bp-outline .bp__copy::before{content:"";position:absolute;z-index:-1;inset:calc(-30 * var(--u));border-radius:calc(20 * var(--u));background:rgba(250,247,239,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 calc(18 * var(--u)) calc(44 * var(--u)) rgba(60,44,20,.1);pointer-events:none}
.bp-outline .bp__photos{position:absolute;z-index:3;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(14 * var(--u));width:calc(538 * var(--u))}
.bp-outline .bp__photo{height:calc(120 * var(--u));min-width:0;overflow:hidden;border:calc(6 * var(--u)) solid #fff;border-radius:calc(14 * var(--u));box-shadow:0 calc(12 * var(--u)) calc(28 * var(--u)) rgba(60,44,20,.16)}
.bp-outline .bp__photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.bp-outline .bp__photo:hover img{transform:scale(1.05)}
@media(min-width:901px) and (max-width:1100px){body.attractions-page .atx #bishops-palace.bp-outline{--bp-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:900px){body.attractions-page .atx #bishops-palace.bp-outline{--bp-rail:24px}}
@media(max-width:999px){
 body.attractions-page .atx #bishops-palace.bp-outline{padding:40px var(--bp-rail)}
 .bp-outline .bp__stage{height:auto}
 .bp-outline .bp__outline{position:relative;inset:auto;font-size:19.8vw;text-align:center}
 .bp-outline .bp__cut{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;max-width:100%;margin-top:-12vw}
 .bp-outline .bp__script{top:18vw;font-size:16vw}
 .bp-outline .bp__copy{position:relative;left:auto;bottom:auto;width:100%;margin-top:26px}
 .bp-outline .bp__copy::before{inset:-16px -12px;border-radius:16px;box-shadow:none}
 .bp-outline .bp__photos{position:relative;right:auto;bottom:auto;width:100%;gap:12px;margin-top:30px}
 .bp-outline .bp__photo{height:clamp(84px,22vw,170px);border-width:4px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){.bp-outline .bp__photo img{transition:none}}