/* Make Ur Mark: a black-and-white graffiti wall tagged in hot pink, straight off the flyer. */
.mark-gallery-page{--event-red:#ff4fae;--event-deep:#0b0b0c;--um-pink:#ff4fae;--um-pink-deep:#c81d7a;--um-ink:#0b0b0c;--um-paper:#f3f0ea;--um-tag:'Sedgwick Ave Display','Permanent Marker',Impact,'Arial Black',sans-serif;background:var(--um-ink);color:var(--um-paper)}
.mark-gallery-page .event-gallery-nav{background:linear-gradient(#0b0b0cf2,transparent)}
.mark-gallery-page .event-art::after{position:absolute;opacity:.09;mix-blend-mode:normal}
.mark-gallery-page a:focus-visible,.mark-gallery-page button:focus-visible{outline:3px solid var(--um-pink);outline-offset:5px}

/* Hero: concrete wall, tagged title, taped flyer */
.mark-gallery-page .event-art-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5vw;min-height:95svh;padding:150px 6vw 110px 9vw;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#ff4fae26,transparent 45%),radial-gradient(circle at 12% 88%,#ffffff12,transparent 35%),repeating-linear-gradient(115deg,#ffffff06 0 2px,transparent 2px 22px),linear-gradient(160deg,#1b1b1d,#0b0b0c 60%)}
.mark-gallery-page .event-art-hero::before{content:'MAKE UR MARK • MAKE UR MARK •';inset:10% -10% auto;color:transparent;-webkit-text-stroke:1.5px #ffffff14;font:400 clamp(90px,15vw,240px)/.8 var(--um-tag);letter-spacing:-.02em;white-space:nowrap;transform:rotate(-8deg)}
.um-side-tag{position:absolute;left:clamp(8px,2.2vw,34px);top:50%;z-index:2;color:var(--um-pink);font:400 clamp(16px,1.6vw,24px)/1 var(--um-tag);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg) translateY(50%);transform-origin:center;text-shadow:2px 2px 0 var(--um-ink)}
.mark-gallery-page .event-art-title{grid-column:1;grid-row:1;position:relative;z-index:2;min-width:0;align-self:center}
.mark-gallery-page .event-art-title .section-label{color:#bdb8b0;font:10px/1.7 'DM Mono',monospace;letter-spacing:.14em}
.mark-gallery-page .event-art-title h1{position:relative;margin:26px 0 48px;font:400 clamp(58px,8.4vw,142px)/.9 var(--um-tag);letter-spacing:-.01em;text-transform:none;color:var(--um-pink);-webkit-text-stroke:3px var(--um-ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--um-ink),9px 9px 0 #ffffff26;transform:rotate(-4deg)}
.mark-gallery-page .event-art-title h1 span{display:block}
.mark-gallery-page .event-art-title h1 .um-drips{display:flex;-webkit-text-stroke:0;text-shadow:none}
.mark-gallery-page .event-art-title h1 .um-title-ur{margin-left:.9em}
.um-drips{position:absolute;left:4%;right:14%;top:calc(100% - 10px);display:flex;justify-content:space-between;pointer-events:none}
.um-drips i{display:block;width:clamp(5px,.7vw,10px);height:var(--drip,30px);border-radius:0 0 99px 99px;background:linear-gradient(var(--um-pink) 70%,var(--um-pink-deep));box-shadow:2px 2px 0 var(--um-ink);animation:um-drip 3.4s ease-in infinite alternate;animation-delay:var(--delay,0s);transform-origin:top}
.um-drips i:nth-child(1){--drip:28px;--delay:-.4s}.um-drips i:nth-child(2){--drip:54px;--delay:-1.8s}.um-drips i:nth-child(3){--drip:18px;--delay:-.9s}.um-drips i:nth-child(4){--drip:40px;--delay:-2.6s}.um-drips i:nth-child(5){--drip:70px;--delay:-1.2s}.um-drips i:nth-child(6){--drip:24px;--delay:-2.1s}.um-drips i:nth-child(7){--drip:46px;--delay:-.2s}
@keyframes um-drip{from{transform:scaleY(.72)}to{transform:scaleY(1)}}
.mark-gallery-page .event-art-count{display:inline-block;padding:9px 13px;background:var(--um-paper);color:var(--um-ink);font:600 11px/1.5 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;transform:rotate(1.5deg);box-shadow:5px 5px 0 var(--um-pink)}
.mark-gallery-page .event-art-title .event-art-description{max-width:440px;margin-top:26px;color:#cfcac2;font:16px/1.75 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.mark-gallery-page .event-art-scroll{color:var(--um-pink);font:400 clamp(16px,1.4vw,22px)/1 var(--um-tag);letter-spacing:.02em;text-transform:none}
.mark-gallery-page .event-art-poster{position:relative;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:100%;max-width:480px;aspect-ratio:auto;background:none;box-shadow:none;filter:none;transform:none}
.um-flyer{position:relative;display:block;width:100%;padding:0;border:6px solid var(--um-paper);background:var(--um-ink);box-shadow:14px 14px 0 var(--um-pink),0 30px 70px #000a;cursor:zoom-in;transform:rotate(3deg);transition:transform .3s}
.um-flyer img{display:block;width:100%;height:auto}
.um-flyer::before,.um-flyer::after{content:'';position:absolute;z-index:2;width:34%;height:34px;background:#ff4fae9e;box-shadow:0 2px 6px #0005;mix-blend-mode:hard-light}
.um-flyer::before{top:-18px;left:-22px;transform:rotate(-32deg)}
.um-flyer::after{right:-20px;bottom:-14px;transform:rotate(-24deg)}
.um-flyer:hover{transform:rotate(0) scale(1.02)}

/* Pink paint band between the hero and the photos */
.um-paint-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 6vw 34px;background:var(--um-pink);color:var(--um-ink)}
.um-paint-strip::after{content:'';position:absolute;left:0;right:0;top:100%;height:34px;background:radial-gradient(10px 22px at 6% 0,var(--um-pink) 98%,transparent),radial-gradient(7px 30px at 19% 0,var(--um-pink) 98%,transparent),radial-gradient(9px 16px at 33% 0,var(--um-pink) 98%,transparent),radial-gradient(8px 34px at 51% 0,var(--um-pink) 98%,transparent),radial-gradient(11px 20px at 67% 0,var(--um-pink) 98%,transparent),radial-gradient(7px 28px at 82% 0,var(--um-pink) 98%,transparent),radial-gradient(9px 18px at 94% 0,var(--um-pink) 98%,transparent);pointer-events:none;z-index:2}
.um-paint-strip strong{font:400 clamp(30px,4.4vw,64px)/1 var(--um-tag);white-space:nowrap}
.um-paint-strip span{font:600 10px/1.5 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}

/* Scenes: photos pasted up on the wall */
.mark-gallery-page .event-art-scene{min-height:0;padding:70px 6vw 90px;background:#141415;border-bottom:2px solid #ffffff14}
.mark-gallery-page .event-art-scene::before{inset:0;background-image:linear-gradient(#141415d9,#0b0b0cf0),var(--scene-bg);filter:grayscale(1) contrast(1.2) blur(6px);opacity:1;transform:scale(1.05)}
.mark-gallery-page .event-art-scene::after{inset:0;background:repeating-linear-gradient(115deg,#ffffff05 0 2px,transparent 2px 26px);background-size:auto}
.mark-gallery-page .um-wall-1{background:#d9d6cf}
.mark-gallery-page .um-wall-1::before{background-image:linear-gradient(#e4e1dae6,#d9d6cff2),var(--scene-bg)}
.mark-gallery-page .um-wall-2{background:#1d0a15}
.mark-gallery-page .um-wall-2::before{background-image:linear-gradient(#26091ae0,#0b0b0cf2),var(--scene-bg)}
.mark-gallery-page .scene-number{position:relative;display:block;inset:auto;text-align:right;color:#aaa49b;font:10px/1.5 'DM Mono',monospace;letter-spacing:.14em}
.mark-gallery-page .scene-word{position:relative;inset:auto;z-index:0;margin:10px 0 44px;color:var(--um-pink);font:400 clamp(40px,6.4vw,104px)/1 var(--um-tag);letter-spacing:0;-webkit-text-stroke:2px var(--um-ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--um-ink);transform:rotate(-3deg)}
.mark-gallery-page .um-wall-1 .scene-number{color:#4a4640}
.mark-gallery-page .scene-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;height:auto;padding:10px 0;transform:none}
.mark-gallery-page .scene-photo{position:relative;inset:auto!important;grid-column:span 2;width:100%;height:auto;aspect-ratio:4/5;border:6px solid var(--um-paper);background:var(--um-ink);box-shadow:8px 8px 0 #000b;transform:rotate(2deg)}
.mark-gallery-page .scene-photo::before{content:'';position:absolute;top:-14px;left:50%;z-index:2;width:42%;height:26px;background:#ff4fae8c;box-shadow:0 2px 5px #0004;transform:translateX(-50%) rotate(-4deg)}
.mark-gallery-page .scene-photo-1{grid-column:span 4;aspect-ratio:3/2;transform:rotate(-1.5deg)}
.mark-gallery-page .scene-photo-2{align-self:center;transform:rotate(3deg)}
.mark-gallery-page .scene-photo-3{transform:rotate(-2.5deg);border-color:var(--um-pink)}
.mark-gallery-page .scene-photo-4{transform:rotate(1.5deg)}
.mark-gallery-page .scene-photo-5{transform:rotate(-2deg);border-color:#1b1b1d}
.mark-gallery-page .um-wall-1 .scene-photo{box-shadow:8px 8px 0 #0b0b0c55}
.mark-gallery-page .scene-photo img{object-fit:cover}
.mark-gallery-page .scene-photo:hover{z-index:3;filter:none;transform:rotate(0) translateY(-5px)}

/* Coming soon (before photos are uploaded) */
.mark-gallery-page .gallery-coming-soon{position:relative;background:var(--um-paper);color:var(--um-ink)}
.mark-gallery-page .gallery-coming-soon h2{font:400 clamp(38px,5.5vw,82px)/1.05 var(--um-tag);color:var(--um-ink)}
.mark-gallery-page .gallery-coming-soon h2 em{color:var(--um-pink-deep);font-style:normal}
.mark-gallery-page .gallery-coming-soon a{background:var(--um-ink);border-radius:0;box-shadow:6px 6px 0 var(--um-pink)}

/* Footer */
.mark-gallery-page .event-art-footer{min-height:48svh;align-items:center;flex-wrap:wrap;padding:80px 6vw;background:radial-gradient(ellipse at 85% 15%,#ff4fae33,transparent 55%),#0b0b0c;border-top:10px solid var(--um-pink)}
.mark-gallery-page .event-art-footer p{font:400 clamp(44px,7vw,112px)/1.02 var(--um-tag);letter-spacing:0;color:var(--um-paper)}
.mark-gallery-page .event-art-footer em{color:var(--um-pink);font-style:normal}
.mark-gallery-page .event-art-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--um-pink)}

@media(max-width:760px){
  .mark-gallery-page .event-art-hero{grid-template-columns:minmax(0,1fr);gap:36px;min-height:0;padding:110px 24px 80px 44px}
  .um-side-tag{left:20px;top:44%;font-size:14px}
  .mark-gallery-page .event-art-title h1{margin:22px 0 46px;font-size:clamp(46px,14.5vw,86px);-webkit-text-stroke-width:2px;text-shadow:4px 4px 0 var(--um-ink)}
  .mark-gallery-page .event-art-poster{grid-column:1;grid-row:2;max-width:330px;margin:10px 0 20px}
  .um-flyer{border-width:4px;box-shadow:9px 9px 0 var(--um-pink),0 20px 40px #000a}
  .um-paint-strip{flex-wrap:wrap;gap:12px;padding:22px 24px 28px}
  .um-paint-strip strong{order:-1;flex-basis:100%;font-size:40px}
  .um-paint-strip span{font-size:9px;max-width:48%}
  .mark-gallery-page .event-art-scene{padding:44px 20px 60px}
  .mark-gallery-page .scene-word{font-size:clamp(34px,11vw,60px);margin:10px 0 32px}
  .mark-gallery-page .scene-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .mark-gallery-page .scene-photo{grid-column:span 1;border-width:4px}
  .mark-gallery-page .scene-photo-1{grid-column:span 2}
  .mark-gallery-page .scene-photo::before{height:20px;top:-11px}
  .mark-gallery-page .event-art-footer{min-height:0;gap:24px;padding:48px 24px}
}
@media(prefers-reduced-motion:reduce){.um-drips i{animation:none}.um-flyer,.mark-gallery-page .scene-photo{transition:none}.um-flyer:hover,.mark-gallery-page .scene-photo:hover{transform:none}}