/* Railroad Museum: selectable HTML copy and the Bishop's Palace heading fonts.
   The original left-side illustration is retained, with the existing wave repair. */
body.attractions-page .atx #railroad-museum.rr-reference{--rr-rail:170px;position:relative;padding:calc(75 * var(--u)) var(--rr-rail);background:var(--paper);color:var(--navy)}
.rr-reference .rr__layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:calc(74 * var(--u));align-items:center}
.rr-reference .rr__art{position:relative;min-width:0;aspect-ratio:730/941;align-self:center}
/* At x=150 the reference's train arch begins; map that edge to the hero rail.
   Crop only the unused right-hand copy from the supplied artwork. */
.rr-reference .rr__art-canvas{position:absolute;top:0;left:-20.547945%;width:228.90411%;aspect-ratio:1671/941;clip-path:inset(0 47.336924% 0 0)}
.rr-reference .rr__original{display:block;width:100%;height:auto;max-width:none}
.rr-reference .rr__wave-fix{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;clip-path:polygon(19.75% 85.76%,27.5% 85.76%,27.72% 89.5%,32.4% 89.9%,32.5% 92.15%,29.1% 92.8%,29.1% 96%,19.75% 96%)}
.rr-reference .rr__copy{position:relative;min-width:0;container-type:inline-size;user-select:text}
.rr-reference .rr__kicker{display:flex;align-items:center;gap:calc(20 * var(--u));font:400 max(11px,calc(14.26 * var(--u)))/1.4 var(--hp-label);letter-spacing:.39em;text-transform:uppercase;color:var(--sand);white-space:nowrap}
.rr-reference .rr__kicker::before,.rr-reference .rr__kicker::after{content:"";display:block;flex:1;min-width:24px;max-width:calc(75 * var(--u));height:1px;background:#b0977f}
/* Keep Step Into Railroad together above the Museum accent. */
.rr-reference .rr__title{margin-top:calc(24 * var(--u));font:400 calc(156 * var(--u))/.94 var(--hp-display);font-size:13.5cqw;letter-spacing:-.01em;color:var(--navy);user-select:text}
.rr-reference .rr__line{display:block}
.rr-reference .rr__line--paired{display:flex;align-items:baseline;gap:.22em;white-space:nowrap}
.rr-reference .rr__title em{display:block;margin:0;font:400 1.08em/.76 var(--hp-accent);font-style:normal;letter-spacing:0;color:var(--sand);white-space:nowrap}
.rr-reference .rr__intro{margin-top:calc(44 * var(--u));font:400 max(17px,calc(23 * var(--u)))/1.4 "Gate Newsreader",Georgia,serif;color:#525d69}
.rr-reference .rr__features{display:grid;gap:calc(34 * var(--u));margin-top:calc(36 * var(--u))}
.rr-reference .rr__features li{display:grid;grid-template-columns:max(60px,calc(84 * var(--u))) minmax(0,1fr);gap:calc(32 * var(--u));align-items:start}
.rr-reference .rr__icon{display:grid;place-items:center;width:max(60px,calc(84 * var(--u)));aspect-ratio:1;border:1px solid #c8a06e;border-radius:50%;background:#f5ecdb;color:#073b57}
.rr-reference .rr__icon svg{width:54%;height:54%}
.rr-reference .rr__features h3{font:500 max(13px,calc(18 * var(--u)))/1.45 var(--hp-label);letter-spacing:.15em;text-transform:uppercase;color:#073b57}
.rr-reference .rr__features p{margin-top:calc(8 * var(--u));font:400 max(17px,calc(21 * var(--u)))/1.4 "Gate Newsreader",Georgia,serif;color:#525d69}
.rr-reference .rr__button{display:inline-flex;align-items:center;gap:calc(26 * var(--u));margin-top:calc(30 * var(--u));padding:max(17px,calc(21 * var(--u))) max(27px,calc(42 * var(--u)));border:1px solid #faf7ef;outline:1px solid #073b57;outline-offset:3px;background:#073b57;color:#fff;font:500 max(14px,calc(18 * var(--u)))/1 var(--hp-label);letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.rr-reference .rr__button:hover{background:#0e4b65}
.rr-reference a:focus-visible{outline:3px solid #b89a6a;outline-offset:5px}
@media(min-width:901px) and (max-width:1100px){body.attractions-page .atx #railroad-museum.rr-reference{--rr-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:900px){body.attractions-page .atx #railroad-museum.rr-reference{--rr-rail:24px}}
@media(max-width:999px){
 body.attractions-page .atx #railroad-museum.rr-reference{padding:40px var(--rr-rail)}
 .rr-reference .rr__layout{display:flex;flex-direction:column;align-items:stretch;gap:40px}
 .rr-reference .rr__art{width:100%;max-width:660px;margin:0 auto}
 .rr-reference .rr__kicker{gap:14px;font-size:12px;letter-spacing:.3em}
 .rr-reference .rr__kicker::before,.rr-reference .rr__kicker::after{max-width:60px}
 .rr-reference .rr__title{margin-top:24px;font-size:min(96px,13.5cqw)}
 .rr-reference .rr__intro{margin-top:32px;font-size:20px}
 .rr-reference .rr__features{gap:26px;margin-top:30px}
 .rr-reference .rr__features li{grid-template-columns:60px minmax(0,1fr);gap:18px}
 .rr-reference .rr__features h3{font-size:13px}
 .rr-reference .rr__features p{margin-top:8px;font-size:20px}
 .rr-reference .rr__button{gap:26px;margin-top:26px;padding:17px 27px;font-size:14px}
}
@media(max-width:600px){
 .rr-reference .rr__kicker{font-size:11px;letter-spacing:.28em;gap:10px}
 .rr-reference .rr__kicker::before,.rr-reference .rr__kicker::after{min-width:20px;max-width:40px}
 .rr-reference .rr__features li{grid-template-columns:48px minmax(0,1fr);gap:14px}
 .rr-reference .rr__icon{width:48px}
 .rr-reference .rr__features h3{font-size:12px;letter-spacing:.12em}
 .rr-reference .rr__intro,.rr-reference .rr__features p{font-size:18px}
}