/* Supplied October 9 Railroad Museum composition, with accessible HTML copy. */
@font-face{
 font-family:"Railroad Reference Text";
 src:url('../fonts/library/neue-frutiger/neue-frutiger-400.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap;size-adjust:88%
}
body.attractions-page .atx #railroad-museum.rr-october{
 padding:clamp(40px,3.947368vw,75px) var(--rr-rail);background:var(--paper);color:#073b57
}
body.attractions-page .atx #railroad-museum.rr-october .rr__layout{
 position:relative;container-type:inline-size;isolation:isolate;display:grid;
 grid-template-columns:56.059580% minmax(0,1fr);align-items:start;gap:0;
 aspect-ratio:1477/941;overflow:visible
}
body.attractions-page .atx #railroad-museum.rr-october .rr__art{
 position:absolute;left:-8.463101%;top:0;width:113.202438%;height:auto;
 aspect-ratio:1672/941;min-width:0;pointer-events:none
}
body.attractions-page .atx #railroad-museum.rr-october .rr__art-canvas{
 position:absolute;left:0;top:0;width:100%;height:100%;aspect-ratio:1672/941;
 clip-path:none;container-type:normal;
 mask-image:url('../img/railroad-reference-20261009/design-mask.svg');
 -webkit-mask-image:url('../img/railroad-reference-20261009/design-mask.svg');
 mask-size:100% 100%;-webkit-mask-size:100% 100%;
 mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat
}
body.attractions-page .atx #railroad-museum.rr-october .rr__original{
 display:block;width:100%;height:auto;max-width:none
}
body.attractions-page .atx #railroad-museum.rr-october .rr__copy{
 position:relative;left:auto;top:auto;grid-column:2;width:100%;height:auto;
 padding-top:7.176709cqw;padding-bottom:4.8cqw;min-width:0;container-type:normal
}
body.attractions-page .atx #railroad-museum.rr-october .rr__kicker{
 position:relative;left:auto;top:auto;margin:0;width:31.076506cqw;
 display:flex;align-items:center;gap:1.489506cqw;
 font:400 max(11px,1.489506cqw)/1.3 "Railroad Reference Text",Arial,sans-serif;
 letter-spacing:.13em;text-transform:uppercase;color:#a17f5d;white-space:nowrap
}
body.attractions-page .atx #railroad-museum.rr-october .rr__kicker::before,
body.attractions-page .atx #railroad-museum.rr-october .rr__kicker::after{
 flex:1;min-width:0;max-width:none;height:1px;background:#b0977f
}
body.attractions-page .atx #railroad-museum.rr-october .rr__title{
 position:relative;left:auto;top:auto;margin:1.042654cqw 0 0;
 font:400 6.15cqw/.89 var(--hp-display);letter-spacing:-.025em;color:#073b57
}
body.attractions-page .atx #railroad-museum.rr-october .rr__line{
 display:block;white-space:nowrap
}
body.attractions-page .atx #railroad-museum.rr-october .rr__title em{
 display:block;margin:.3cqw 0 0;font:700 1em/.95 var(--hp-display);
 font-style:normal;letter-spacing:-.025em;color:#917658;white-space:normal
}
body.attractions-page .atx #railroad-museum.rr-october .rr__intro{
 position:relative;left:auto;top:auto;margin:.812458cqw 0 0;width:100%;
 font:400 27.2105px/1.33 "Railroad Reference Text",Arial,sans-serif;letter-spacing:0;color:#073b57
}
body.attractions-page .atx #railroad-museum.rr-october .rr__features{
 position:relative;left:auto;top:auto;width:100%;margin:1.828030cqw 0 0;padding:0;
 display:grid;gap:1.895735cqw;list-style:none
}
body.attractions-page .atx #railroad-museum.rr-october .rr__features li{
 display:grid;grid-template-columns:6.296547cqw minmax(0,1fr);
 gap:2.505078cqw;align-items:start
}
body.attractions-page .atx #railroad-museum.rr-october .rr__icon{
 display:grid;place-items:center;width:100%;aspect-ratio:1;
 border:1px solid #c8a06e;border-radius:50%;background:#f5ecdb;color:#073b57
}
body.attractions-page .atx #railroad-museum.rr-october .rr__icon svg{
 width:54%;height:54%
}
body.attractions-page .atx #railroad-museum.rr-october .rr__features h3{
 margin:0;font:600 max(15px,1.591063cqw)/1.25 "Railroad Reference Text",Arial,sans-serif;
 letter-spacing:0;text-transform:none;white-space:normal;color:#073b57
}
body.attractions-page .atx #railroad-museum.rr-october .rr__features p{
 margin:.609343cqw 0 0;font:400 max(15px,1.591063cqw)/1.3 "Railroad Reference Text",Arial,sans-serif;
 letter-spacing:0;color:#516574
}
body.attractions-page .atx #railroad-museum.rr-october .rr__button{
 position:relative;left:auto;top:auto;margin:1.624915cqw 0 0 .270819cqw;
 display:inline-flex;align-items:center;justify-content:center;gap:2.031144cqw;
 width:19.093433cqw;height:4.874746cqw;min-height:44px;padding:0;
 background:#073b57;color:#fff;border:1px solid #faf7ef;
 outline:1px solid #073b57;outline-offset:3px;
 font:400 max(16px,1.760325cqw)/1 "Railroad Reference Text",Arial,sans-serif;
 letter-spacing:0;text-transform:none;text-decoration:none;
 transition:background-color .2s ease
}
body.attractions-page .atx #railroad-museum.rr-october .rr__button span{
 font-family:Arial,sans-serif;font-size:1.4em;line-height:1
}
body.attractions-page .atx #railroad-museum.rr-october .rr__button:hover{background:#0e4b65}
body.attractions-page .atx #railroad-museum.rr-october .rr__button:focus-visible{
 outline:3px solid #b89a6a;outline-offset:5px
}
@media(max-width:1250px){
 body.attractions-page .atx #railroad-museum.rr-october .rr__layout{
  display:flex;flex-direction:column;align-items:stretch;gap:30px;aspect-ratio:auto
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__art{
  position:relative;left:auto;top:auto;width:100%;height:auto;
  aspect-ratio:910/941;max-width:720px;margin:0 auto
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__art-canvas{
  width:183.736264%;height:100%
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__copy{
  position:relative;left:auto;top:auto;width:100%;height:auto;max-width:760px;margin:0 auto;padding:0
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__kicker{
  position:static;width:min(100%,460px);font-size:14px;gap:20px;letter-spacing:.15em
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__title{
  position:static;margin-top:26px;font-size:clamp(42px,9.5cqw,82px);line-height:.92
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__line{white-space:normal}
 body.attractions-page .atx #railroad-museum.rr-october .rr__title em{margin-top:4px}
 body.attractions-page .atx #railroad-museum.rr-october .rr__intro{
  position:static;margin-top:28px;width:100%;line-height:1.3
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__features{
  position:static;margin-top:34px;gap:28px
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__features li{
  grid-template-columns:72px minmax(0,1fr);gap:24px
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__features h3{
  font-size:23px;line-height:1.25
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__features p{
  margin-top:8px;font-size:22px;line-height:1.35
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__button{
  position:relative;left:auto;top:auto;width:254px;height:64px;gap:30px;
  margin:34px 0 4px 4px;font-size:24px
 }
}
@media(max-width:540px){
 body.attractions-page .atx #railroad-museum.rr-october .rr__layout{gap:24px}
 body.attractions-page .atx #railroad-museum.rr-october .rr__kicker{
  font-size:12px;gap:14px;letter-spacing:.13em
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__title{
  font-size:clamp(36px,9.5cqw,52px);margin-top:22px
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__intro{
  margin-top:24px;line-height:1.35
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__features{margin-top:28px;gap:26px}
 body.attractions-page .atx #railroad-museum.rr-october .rr__features li{
  grid-template-columns:48px minmax(0,1fr);gap:16px
 }
 body.attractions-page .atx #railroad-museum.rr-october .rr__features h3{font-size:20px}
 body.attractions-page .atx #railroad-museum.rr-october .rr__features p{font-size:19px;line-height:1.4}
 body.attractions-page .atx #railroad-museum.rr-october .rr__button{
  margin-top:30px;width:220px;height:58px;font-size:22px
 }
}
@media(prefers-reduced-motion:reduce){
 body.attractions-page .atx #railroad-museum.rr-october .rr__button{transition:none}
}

/* The original attractions video fits inside the supplied angled photo frame. */
body.attractions-page .atx #railroad-museum.rr-october .rr__video-frame{
 position:absolute;z-index:3;left:30.053828%;top:65.781084%;width:19.497608%;
 aspect-ratio:326/220;transform:rotate(-5.68deg);transform-origin:center;
 border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#073b57
}
body.attractions-page .atx #railroad-museum.rr-october .rr__video{
 display:block;width:100%;height:100%;object-fit:cover;background:#073b57
}

/* Learn more matches Moody Gardens' More amenities button. */
body.attractions-page .atx #railroad-museum.rr-october .rr__button{
 position:relative;outline:0;max-width:100%;justify-content:center;width:278.3px;height:61.6px;min-height:0;
 padding:0 44px;gap:0;text-align:center;box-sizing:border-box;
 background:#fcf8f0;border:1.485px solid #dcc6ad;border-radius:999px;
 box-shadow:inset 0 1.1px 0 rgba(255,255,255,.75),0 2.2px 7.7px rgba(150,112,72,.12);
 color:#0a2f55;font:400 24.6px/1 "CSF News",Georgia,serif;
 letter-spacing:-.66px;text-transform:none;transition:background-color .2s ease;
}
body.attractions-page .atx #railroad-museum.rr-october .rr__button span{
 position:absolute;right:33.2px;top:50%;width:8.8px;height:15.4px;
 border-radius:0;background:currentColor;transform:translateY(-50%);font-size:0;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M1 1l6 6-6 6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M1 1l6 6-6 6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
body.attractions-page .atx #railroad-museum.rr-october .rr__button:hover{background:#f6efe3;transform:none}
body.attractions-page .atx #railroad-museum.rr-october .rr__button:focus-visible{outline:2px solid #0a2f55;outline-offset:4px}
@media(max-width:760px){
 body.attractions-page .atx #railroad-museum.rr-october .rr__button{width:max-content;min-width:220px;height:56px;padding:0 32px;font-size:19px}
 body.attractions-page .atx #railroad-museum.rr-october .rr__button span{right:24px;width:8px;height:14px}
}

@media(prefers-reduced-motion:reduce){
 body.attractions-page .atx #railroad-museum.rr-october .rr__button{transition:none}
}