/* Supplied ELISSA artwork with native copy, photo gallery and film controls. */
body.attractions-page .atx #elissa.er-reference{padding:150px var(--br-rail) 50px;overflow:hidden}
body.attractions-page .atx #elissa.er-reference .br__live{position:relative;isolation:isolate;container-type:inline-size;display:block;aspect-ratio:1477/941;min-height:0}
body.attractions-page .atx #elissa.er-reference .br__copy{position:absolute;z-index:2;left:68.788084%;top:0;width:31.211916%;height:100%;container-type:normal}
body.attractions-page .atx #elissa.er-reference .br__kicker{position:absolute;left:0;top:14.453773%;width:100%;margin:0;justify-content:center;gap:2.1cqw;font:400 max(11px,1.015572cqw)/1.4 var(--hp-label);letter-spacing:.3em}
body.attractions-page .atx #elissa.er-reference .br__kicker::before,body.attractions-page .atx #elissa.er-reference .br__kicker::after{max-width:6.635071cqw}
/* Identical heading scale, font, colors, tracking and leading to Moody Gardens. */
body.attractions-page .atx #elissa.er-reference .br__title{position:absolute;top:19.234857%;left:0;margin:0;font:400 7.702888cqw/.89 var(--hp-display);letter-spacing:-.025em;color:#073b57}
body.attractions-page .atx #elissa.er-reference .br__title-main{display:block;white-space:nowrap}
body.attractions-page .atx #elissa.er-reference .br__title em{display:block;margin:.3cqw 0 0;font:700 1em/.95 var(--hp-display);font-style:normal;letter-spacing:-.025em;color:#917658}
body.attractions-page .atx #elissa.er-reference .br__travel{position:absolute;left:0;top:44.8%;margin:0;gap:1.5cqw;font:400 max(14px,1.489506cqw)/1.3 var(--hp-text);letter-spacing:0;color:#005d59}
body.attractions-page .atx #elissa.er-reference .br__travel svg{width:max(24px,2.437373cqw)}
body.attractions-page .atx #elissa.er-reference .br__lead{position:absolute;left:0;top:50.538576%;width:100%;max-width:none;margin:0;font:400 max(16px,1.733150cqw)/1.26 var(--hp-text);letter-spacing:0;color:#5f6b78}
body.attractions-page .atx #elissa.er-reference .br__art{position:absolute;z-index:0;inset:0;height:100%;width:100%;margin:0;container-type:normal}
body.attractions-page .atx #elissa.er-reference .br__art>img{position:absolute;left:-7.244415%;top:0;bottom:auto;width:113.202437%;height:auto;max-width:none;max-height:none;object-fit:fill;mask-image:url('../img/elissa-reference-20261008/watercolor-fade-mask.svg');-webkit-mask-image:url('../img/elissa-reference-20261008/watercolor-fade-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none}
body.attractions-page .atx #elissa.er-reference .br__play:not(.br__play--circle){left:2.369668%;top:66.418704%;bottom:auto;transform:none;width:18.686526cqw;height:5.551794cqw;max-width:44%;gap:1.15cqw;padding:.7cqw 1.5cqw .7cqw .7cqw;border-color:#a79877;background:#073b57}
body.attractions-page .atx #elissa.er-reference .br__play-icon{width:3.520650cqw;height:3.520650cqw;min-width:36px;min-height:36px;color:#fffdf5;border-color:#c9c6b0}
body.attractions-page .atx #elissa.er-reference .br__play-copy>span{font:400 max(17px,1.760325cqw)/1.15 var(--hp-display);letter-spacing:-.01em}
body.attractions-page .atx #elissa.er-reference .br__play-copy small{font:400 max(10px,.812458cqw)/1.4 var(--hp-text);margin-top:.4cqw;color:#faf7ef}
body.attractions-page .atx #elissa.er-reference .br__photos{position:absolute;z-index:2;left:0;top:79.914984%;width:47.393365%;margin:0;grid-template-columns:2.979012cqw minmax(0,1fr) 2.979012cqw;gap:1.489506cqw}
body.attractions-page .atx #elissa.er-reference .br__photo-row{--br-photo-gap:.947867cqw}
body.attractions-page .atx #elissa.er-reference .br__photo{aspect-ratio:1.4;border-width:1px;border-radius:max(8px,.677048cqw)}
body.attractions-page .atx #elissa.er-reference .br__arrow{width:2.979012cqw;height:2.979012cqw;font-size:max(22px,1.624915cqw);background:#faf7eff2}
@media(max-width:1250px){
 body.attractions-page .atx #elissa.er-reference .br__live{display:flex;flex-direction:column;aspect-ratio:auto;gap:28px}
 body.attractions-page .atx #elissa.er-reference .br__copy{position:relative;left:auto;top:auto;width:100%;height:auto;order:0}
 body.attractions-page .atx #elissa.er-reference .br__kicker{position:static;justify-content:flex-start;gap:18px;width:auto;font-size:12px}
 body.attractions-page .atx #elissa.er-reference .br__kicker::after{display:none}
 body.attractions-page .atx #elissa.er-reference .br__kicker::before{max-width:60px}
 body.attractions-page .atx #elissa.er-reference .br__title{position:static;margin:22px 0 0;font-size:clamp(62px,13.5cqw,104px);line-height:.92}
 body.attractions-page .atx #elissa.er-reference .br__title em{margin:4px 0 0;font-size:1em;line-height:.95}
 body.attractions-page .atx #elissa.er-reference .br__travel{position:static;margin:18px 0 0;gap:16px;font-size:19px;line-height:1.3}
 body.attractions-page .atx #elissa.er-reference .br__travel svg{width:32px}
 body.attractions-page .atx #elissa.er-reference .br__lead{position:static;margin:24px 0 0;max-width:680px;font-size:24px;line-height:1.3}
 body.attractions-page .atx #elissa.er-reference .br__art{position:relative;inset:auto;order:1;aspect-ratio:1080/744;height:auto;max-width:none;width:100%;margin:0;overflow:visible}
 body.attractions-page .atx #elissa.er-reference .br__art>img{width:154.814815%;left:0;top:0;mask-image:url('../img/elissa-reference-20261008/watercolor-fade-mobile-mask.svg');-webkit-mask-image:url('../img/elissa-reference-20261008/watercolor-fade-mobile-mask.svg')}
 body.attractions-page .atx #elissa.er-reference .br__play:not(.br__play--circle){left:6%;top:auto;bottom:6%;width:max-content;height:auto;max-width:calc(100% - 24px);padding:10px 20px 10px 10px;gap:14px}
 body.attractions-page .atx #elissa.er-reference .br__play-icon{width:44px;height:44px}
 body.attractions-page .atx #elissa.er-reference .br__play-copy>span{font-size:22px}
 body.attractions-page .atx #elissa.er-reference .br__play-copy small{font-size:11px;margin-top:5px}
 body.attractions-page .atx #elissa.er-reference .br__photos{position:relative;left:auto;top:auto;order:2;width:100%;grid-template-columns:36px minmax(0,1fr) 36px;gap:12px;margin:0}
 body.attractions-page .atx #elissa.er-reference .br__photo-row{--br-photo-gap:10px}
 body.attractions-page .atx #elissa.er-reference .br__arrow{width:36px;height:36px;font-size:24px}
}
@media(max-width:540px){
 body.attractions-page .atx #elissa.er-reference .br__lead{font-size:22px;line-height:1.35}
 body.attractions-page .atx #elissa.er-reference .br__photos{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}
 body.attractions-page .atx #elissa.er-reference .br__photo-row{--br-photo-gap:7px}
 body.attractions-page .atx #elissa.er-reference .br__arrow{width:28px;height:28px}
}
@media(max-width:360px){body.attractions-page .atx #elissa.er-reference .br__title{font-size:57px}body.attractions-page .atx #elissa.er-reference .br__lead{font-size:21px}}

/* Complete compass aligned to the section edge with a softer decorative fade. */
body.attractions-page .atx #elissa.er-reference .er__compass{position:absolute;z-index:1;right:calc(-1 * var(--br-rail));bottom:0;display:block;width:clamp(190px,19cqw,310px);height:auto;max-width:100%;opacity:.12;pointer-events:none;user-select:none}
@media(max-width:1250px){
 body.attractions-page .atx #elissa.er-reference .er__compass{width:clamp(130px,32cqw,220px);right:calc(-1 * var(--br-rail));bottom:0;opacity:.1}
 /* Carry the water wash below the art into the manually controlled photo strip. */
 body.attractions-page .atx #elissa.er-reference .br__photos::before{content:"";position:absolute;z-index:-1;inset:-60px -24px -50px;pointer-events:none;background:url('../img/elissa-reference-20261008/reference.png') 58.487875% 97.765363%/619.259259% 418.222222% no-repeat;opacity:.4;mask-image:radial-gradient(ellipse at center,#000 15%,#0009 40%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,#0009 40%,transparent 72%)}
}

/* The ELISSA description shares Moody Gardens' font, scale and text treatment. */
body.attractions-page .atx #moody-gardens.mg-refined .mg__lead,
body.attractions-page .atx #elissa.er-reference .br__lead{font:400 max(16px,1.733150cqw)/1.26 var(--hp-text);letter-spacing:0;color:#073b57}
@media(max-width:1250px){
 body.attractions-page .atx #moody-gardens.mg-refined .mg__lead,
 body.attractions-page .atx #elissa.er-reference .br__lead{font-size:24px;line-height:1.3}
}
@media(max-width:540px){
 body.attractions-page .atx #moody-gardens.mg-refined .mg__lead,
 body.attractions-page .atx #elissa.er-reference .br__lead{font-size:22px;line-height:1.35}
}
@media(max-width:360px){
 body.attractions-page .atx #moody-gardens.mg-refined .mg__lead,
 body.attractions-page .atx #elissa.er-reference .br__lead{font-size:21px}
}

/* Use the shared Bishop’s Palace circle button, retaining ELISSA’s position. */
body.attractions-page .atx #elissa.er-reference .br__play--circle{left:2.369668%;top:66.418704%;bottom:auto}
body.attractions-page .atx #elissa.er-reference .er__water-repair{position:absolute;left:-7.244415%;top:0;width:113.202437%;height:auto;max-width:none;max-height:none;display:block;pointer-events:none}
@media(max-width:1250px){
 body.attractions-page .atx #elissa.er-reference .br__play--circle{left:6%;top:auto;bottom:6%}
 body.attractions-page .atx #elissa.er-reference .er__water-repair{left:0;width:154.814815%}
}