/* Monster High: stitched-together, after-hours yearbook. */
.monster-gallery-page{--event-red:#f02899;--event-deep:#220f26;background:#100c15;color:#fff1fa}
.monster-gallery-page .event-gallery-nav{background:linear-gradient(#110b17,transparent)}
.monster-gallery-page .event-art::after{position:absolute;opacity:.06}
.monster-gallery-page .event-art-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;min-height:95svh;padding:150px 6vw 100px;background:radial-gradient(ellipse at 15% 60%,#92134880,transparent 55%),repeating-linear-gradient(45deg,#24152944 0 1px,transparent 1px 36px),#100c15;overflow:hidden}
.monster-gallery-page .event-art-hero::before{content:'✦';inset:12% 0 auto auto;color:transparent;-webkit-text-stroke:2px #f0289955;font:500 clamp(250px,40vw,600px)/1 Georgia,serif;transform:rotate(14deg)}
.monster-gallery-page .event-art-title{grid-column:1;grid-row:1;position:relative;min-width:0;z-index:2}
.monster-gallery-page .event-art-title .section-label{color:#fbbbe0;font:10px/1.7 'DM Mono',monospace;letter-spacing:.12em}
.monster-gallery-page .event-art-title h1{display:flex;flex-direction:column;align-items:flex-start;margin:30px 0;font:900 clamp(48px,6.7vw,110px)/.95 Georgia,serif;letter-spacing:-.055em;color:#fff1fa;text-shadow:4px 5px 0 #c01470;transform:rotate(-2deg)}
.monster-gallery-page .event-art-title h1 em{font:italic 900 1.45em/.85 Georgia,serif;color:#f64bae;text-shadow:3px 4px 0 #fff1fa;margin:10px 0 24px}
.monster-gallery-page .event-art-title h1 small{font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.12em;text-shadow:none;background:#d9f286;color:#16101b;padding:10px 14px;transform:rotate(2deg);border:1px solid #d9f286}
.monster-gallery-page .event-art-count{font:11px/1.8 'DM Mono',monospace;color:#fbbbe0;letter-spacing:.06em;text-transform:uppercase}
.monster-gallery-page .event-art-title .event-art-description{font:15px/1.8 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#d8bbd3;max-width:420px;margin-top:20px}
.monster-gallery-page .event-art-scroll{color:#ffcce7}
.monster-gallery-page .event-art-poster{grid-column:2;grid-row:1;position:relative;width:100%;aspect-ratio:1;max-width:600px;transform:none;filter:none;box-shadow:none;background:none}
.mh-flyer{position:absolute;padding:0;border:4px solid #f9c8e3;background:#100c15;box-shadow:9px 10px 0 #ef288e,0 25px 50px #0007;cursor:zoom-in;transition:transform .25s}
.mh-flyer img{display:block;width:100%;height:auto}
.mh-flyer-1{width:63%;left:0;top:0;transform:rotate(-8deg);z-index:1}
.mh-flyer-2{width:60%;right:0;bottom:-3%;transform:rotate(8deg);z-index:2}
.mh-flyer:hover,.mh-flyer:focus-visible{z-index:3;transform:rotate(0) scale(1.025)}
.mh-flyer:focus-visible{outline:3px solid #d9f286;outline-offset:5px}
.mh-yearbook-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 6vw;background:#ee429c;color:#180e1c;border-block:3px dashed #180e1c}
.mh-yearbook-strip strong{font:900 clamp(22px,4vw,50px)/1 Georgia,serif;letter-spacing:-.045em;white-space:nowrap}
.mh-yearbook-strip span{font:10px/1.5 'DM Mono',monospace;letter-spacing:.1em}
.monster-gallery-page .event-art-scene{min-height:0;padding:45px 6vw 80px;background:#1c1024;border-bottom:3px dashed #ed52a777}
.monster-gallery-page .event-art-scene::before{inset:0;background-image:var(--scene-bg);filter:grayscale(1);opacity:.08;transform:none}
.monster-gallery-page .event-art-scene::after{inset:18px;border:1px solid #ee429c33;background:repeating-linear-gradient(0deg,transparent 0 45px,#ed52a714 45px 46px);border-radius:3px}
.monster-gallery-page .mh-chapter-1{background:#e9b4d3;--event-red:#511b63}
.monster-gallery-page .mh-chapter-2{background:#392046;--event-red:#ed52a7}
.monster-gallery-page .scene-number{position:relative;display:block;inset:auto;text-align:right;color:#ecb7d8;font:10px/1.5 'DM Mono',monospace;letter-spacing:.13em}
.monster-gallery-page .scene-word{position:relative;inset:auto;z-index:0;font:italic 900 clamp(32px,5vw,72px)/1.1 Georgia,serif;letter-spacing:-.045em;color:#f79fce;margin:20px 0 38px;transform:rotate(-2deg)}
.monster-gallery-page .mh-chapter-1 .scene-word,.monster-gallery-page .mh-chapter-1 .scene-number{color:#34143b}
.monster-gallery-page .scene-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;height:auto;transform:none;padding:12px 0}
.monster-gallery-page .scene-photo{position:relative;inset:auto!important;width:100%;height:auto;grid-column:span 2;aspect-ratio:4/5;border:5px solid #f7d2e7;border-bottom-width:23px;box-shadow:7px 9px 0 #0007;transform:rotate(2deg);background:#180e1c}
.monster-gallery-page .scene-photo::after{content:'✦';position:absolute;bottom:-24px;left:8px;font-size:20px;color:#711c55}
.monster-gallery-page .scene-photo-1{grid-column:span 4;aspect-ratio:3/2;transform:rotate(-2deg)}
.monster-gallery-page .scene-photo-2{align-self:center;transform:rotate(4deg)}
.monster-gallery-page .scene-photo-3{transform:rotate(-3deg);border-color:#daec9b}
.monster-gallery-page .scene-photo-4{transform:rotate(2deg)}
.monster-gallery-page .scene-photo-5{transform:rotate(-2deg);border-color:#d4b4e6}
.monster-gallery-page .scene-photo img{object-fit:cover}
.monster-gallery-page .scene-photo:hover{transform:rotate(0) translateY(-4px);filter:none;z-index:2}
.monster-gallery-page .scene-photo:focus-visible{outline:4px solid #ff289f;outline-offset:5px;z-index:2}
.monster-gallery-page .event-art-footer{min-height:45svh;align-items:center;flex-wrap:wrap;background:radial-gradient(ellipse at 90% 20%,#76287888,transparent 60%),#130d1b;border-top:10px solid #ee429c;padding:70px 6vw}
.monster-gallery-page .event-art-footer p{font:900 clamp(34px,6vw,90px)/1.15 Georgia,serif;letter-spacing:-.06em;color:#fff1fa}
.monster-gallery-page .event-art-footer em{color:#ed52a7}
.monster-gallery-page .event-art-footer a{min-height:44px;display:inline-flex;align-items:center;color:#d9f286}
@media(max-width:760px){
 .monster-gallery-page .event-art-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:110px 24px 80px;min-height:0}
 .monster-gallery-page .event-art-title h1{font-size:clamp(39px,10.8vw,80px);margin:25px 0}
 .monster-gallery-page .event-art-title h1 em{margin-bottom:20px}
 .monster-gallery-page .event-art-title h1 small{font-size:9px;letter-spacing:.06em;padding:10px}
 .monster-gallery-page .event-art-poster{grid-column:1;grid-row:2;max-width:420px;justify-self:center;margin:20px 0}
 .mh-flyer{border-width:3px;box-shadow:5px 6px 0 #ef288e,0 15px 30px #0007}
 .mh-yearbook-strip{flex-wrap:wrap;gap:15px;padding:25px 24px}
 .mh-yearbook-strip strong{order:-1;flex-basis:100%;font-size:34px}
 .mh-yearbook-strip span{font-size:9px;max-width:45%}
 .monster-gallery-page .event-art-scene{padding:28px 22px 48px}
 .monster-gallery-page .event-art-scene::after{inset:10px}
 .monster-gallery-page .scene-word{font-size:clamp(28px,8vw,52px);margin:18px 0 30px}
 .monster-gallery-page .scene-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
 .monster-gallery-page .scene-photo{grid-column:span 1;border-width:3px;border-bottom-width:20px}
 .monster-gallery-page .scene-photo-1{grid-column:span 2}
 .monster-gallery-page .scene-photo::after{bottom:-21px;font-size:17px}
 .monster-gallery-page .event-art-footer{padding:44px 24px;gap:24px;min-height:0}
}
@media(prefers-reduced-motion:reduce){.monster-gallery-page .scene-photo,.mh-flyer{transition:none}.monster-gallery-page .scene-photo:hover,.mh-flyer:hover{transform:none}}