/* October reference: live copy and controls over the supplied arched composition. */
body.attractions-page .atx #moody-gardens.mg-october{padding:150px var(--mg-rail) 50px;background:var(--paper)}
.mg-october::before,.mg-october::after{display:none}
.mg-reference.mg-october .mg__design{aspect-ratio:1440/941;overflow:visible}
.mg-reference.mg-october .mg__reference-art{left:-8.194444%;top:0;width:116.111111%;height:100%;mask-image:url('../img/moody-reference-20261008/design-mask.svg');-webkit-mask-image:url('../img/moody-reference-20261008/design-mask.svg')}
.mg-reference.mg-october .mg__copy{left:0;top:15.94%;width:31.25%;transform:none;container-type:normal}
.mg-reference.mg-october .mg__title{font-size:10.833333cqw;line-height:.94;letter-spacing:-.025em}
.mg-reference.mg-october .mg__title em{margin:-.6cqw 0 0 -1%;font-size:1.04em;line-height:.76}
.mg-october .mg__lead{margin:4.85cqw 0 0;max-width:27.5cqw;font:400 max(15px,1.666667cqw)/1.24 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#073b57}
.mg-reference.mg-october .mg__button{position:relative;left:auto;top:auto;margin-top:1.8cqw;width:20cqw;height:4.444444cqw;min-height:44px;gap:1.5cqw;font-size:max(12px,1.25cqw);box-shadow:inset 0 0 0 1px #ffffff88,0 8px 18px #46361f12}
.mg-reference.mg-october .mg__cards{left:24.583333%;right:29.861111%;top:70.032%;height:20.83%;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.mg-reference.mg-october .mg__feature-icon{--mg-icon-size:7.5cqw;top:0;background-image:url('../img/moody-reference-20261008/reference.png');background-position:calc(-1 * var(--mg-icon-x) * var(--mg-icon-size) / 108) calc(-659 * var(--mg-icon-size) / 108)}
.mg-reference.mg-october .mg__feature--aquarium{--mg-icon-x:529}
.mg-reference.mg-october .mg__feature--rainforest{--mg-icon-x:750}
.mg-reference.mg-october .mg__feature--discovery{--mg-icon-x:963}
.mg-reference.mg-october .mg__feature h3{top:62%;font:400 max(15px,1.666667cqw)/1.08 Georgia,'Times New Roman',serif;white-space:normal;letter-spacing:-.025em}
.mg-october .mg__feature+.mg__feature::before{content:"";position:absolute;top:11%;bottom:0;left:0;width:1px;background:#d8cdb944}
.mg-october .mg__feature::after{content:'';position:absolute;left:50%;bottom:0;width:4cqw;height:1px;background:#b88a39;transform:translateX(-50%)}
.mg-october .mg__video-group{position:absolute;z-index:3;left:77.777778%;top:61.636557%;width:22.222222%}
.mg-reference.mg-october .mg__slideshow{position:relative;left:auto;top:auto;width:100%;aspect-ratio:320/210;border:max(3px,.486111cqw) solid #fffdf5;border-radius:max(14px,1.944444cqw);box-shadow:0 12px 30px #46361f20;margin:0}
.mg-october .mg__scene-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:clamp(32px,2.916667cqw,42px);height:clamp(32px,2.916667cqw,42px);padding:8px;border:0;border-radius:50%;background:#fffdf5;color:#073b57;cursor:pointer;box-shadow:0 2px 8px #052e4330}
.mg-october .mg__scene-arrow--previous{left:3%}.mg-october .mg__scene-arrow--next{right:3%}
.mg-october .mg__scene-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mg-october .mg__scene-arrow:hover{background:#e9f0ec}
.mg-october .mg__scene-dots{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px}
.mg-october .mg__scene-dots button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}
.mg-october .mg__scene-dots button::after{content:'';width:clamp(10px,.972222cqw,14px);height:clamp(10px,.972222cqw,14px);background:#d3cbb9;border-radius:50%;transition:background .2s}
.mg-october .mg__scene-dots button[aria-pressed=true]::after{background:#075269}
.mg-october button:focus-visible{outline:2px solid #075269;outline-offset:3px}
@media(max-width:999px){
 body.attractions-page .atx #moody-gardens.mg-october{padding:150px var(--mg-rail) 50px}
 .mg-reference.mg-october .mg__design{aspect-ratio:auto;display:flex;flex-direction:column;gap:26px}
 .mg-reference.mg-october .mg__copy{position:relative;top:auto;left:auto;width:100%}
 .mg-reference.mg-october .mg__title{margin:0;font-size:clamp(76px,16cqw,120px);line-height:.94}
 .mg-reference.mg-october .mg__title em{margin:8px 0 0;font-size:1.04em;line-height:.76}
 .mg-october .mg__lead{margin:34px 0 0;max-width:580px;font-size:21px;line-height:1.4;letter-spacing:-.02em}
 .mg-reference.mg-october .mg__button{margin:22px 0 0;width:max-content;height:auto;min-height:54px;padding:15px 25px;gap:25px;font-size:14px}
 .mg-reference.mg-october .mg__mobile-main{aspect-ratio:1120/554;border:0;border-radius:50% 50% 0 0;mask-image:linear-gradient(#000 86%,transparent)}
 .mg-reference.mg-october .mg__mobile-main img{width:149.285714%;left:-46.428571%;top:-4.693141%}
 .mg-october .mg__video-group{position:relative;left:auto;top:auto;width:58%;align-self:flex-end;margin-top:-12%;order:3}
 .mg-reference.mg-october .mg__slideshow{width:100%;aspect-ratio:320/210;border-width:4px;border-radius:20px}
 .mg-reference.mg-october .mg__cards{position:relative;left:auto;right:auto;top:auto;height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;order:4}
 .mg-reference.mg-october .mg__feature{padding:16px 7px 24px;background:none;border-radius:0}
 .mg-october .mg__feature+.mg__feature{border-left:1px solid #d8cdb944}.mg-october .mg__feature+.mg__feature::before{display:none}
 .mg-reference.mg-october .mg__feature-icon{--mg-icon-size:clamp(62px,12cqw,92px);position:static;transform:none;margin:0 auto}
 .mg-reference.mg-october .mg__feature h3{position:static;margin-top:16px;font-size:clamp(16px,3.2cqw,23px);line-height:1.12}
 .mg-october .mg__feature::after{width:36px;margin:0;bottom:8px}
 .mg-october .mg__scene-arrow{width:38px;height:38px}
 .mg-october .mg__scene-dots button::after{width:11px;height:11px}
 .mg-october .mg__design::before{content:'';position:absolute;z-index:-1;inset:0 -24px;pointer-events:none;background:url('../art/wc-sun-sea-1100.webp') left bottom/100% auto no-repeat;opacity:.13;mask-image:linear-gradient(transparent,#000 25%,#000 85%,transparent)}
}
@media(max-width:400px){.mg-reference.mg-october .mg__title{font-size:23cqw}.mg-october .mg__lead{font-size:19px}.mg-october .mg__video-group{width:72%}.mg-reference.mg-october .mg__feature-icon{--mg-icon-size:60px}.mg-reference.mg-october .mg__feature h3{font-size:16px}}
