/* ONE LOVE FAMILY A: photo wall of real prints + true facts + thin marquee accent */
.v-moment-a{position:relative;overflow:hidden;padding:clamp(70px,9vw,130px) 0 0;
  background:radial-gradient(70% 50% at 50% 0,rgba(249,188,13,.22),rgba(249,188,13,0) 70%),var(--cream)}
.v-moment-a .ma-head{text-align:center}
.v-moment-a .ma-head h2 span{color:var(--red)}
.v-moment-a .ma-head .lede{font-family:var(--fh);font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--green);margin-top:12px}
/* the wall */
.v-moment-a .ma-wall{position:relative;width:min(1240px,100% - 40px);margin:clamp(30px,5vw,60px) auto 0;height:clamp(560px,60vw,830px)}
.v-moment-a .ma-item{position:absolute}
.v-moment-a .ma-print{--r:0deg;position:relative;margin:0;background:#fffdf6;padding:clamp(8px,1vw,14px) clamp(8px,1vw,14px) clamp(36px,3.6vw,52px);border-radius:3px;
  box-shadow:0 2px 0 rgba(0,0,0,.06),0 22px 40px rgba(60,30,0,.22);rotate:var(--r);transition:translate .45s cubic-bezier(.2,1.4,.4,1),rotate .45s cubic-bezier(.2,1.4,.4,1),box-shadow .35s}
.v-moment-a .ma-print img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1px}
.v-moment-a .ma-print figcaption{position:absolute;left:12px;right:12px;bottom:clamp(8px,1vw,14px);font-family:var(--fh);font-size:clamp(.82rem,1.25vw,1.15rem);color:#2a2a2a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-moment-a .ma-item:hover{z-index:5}
.v-moment-a .ma-print:hover{translate:0 -10px;rotate:calc(var(--r) * .3);box-shadow:0 2px 0 rgba(0,0,0,.06),0 34px 60px rgba(60,30,0,.32)}
.v-moment-a .ma-tape{position:absolute;left:50%;top:-13px;width:34%;height:26px;translate:-50% 0;rotate:-5deg;opacity:.88;z-index:1;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.v-moment-a .ma-t-r{background:repeating-linear-gradient(45deg,rgba(193,18,31,.82) 0 7px,rgba(255,255,255,.5) 7px 14px)}
.v-moment-a .ma-t-y{background:repeating-linear-gradient(-45deg,rgba(249,188,13,.88) 0 7px,rgba(255,255,255,.55) 7px 14px);rotate:6deg}
.v-moment-a .ma-t-g{background:repeating-linear-gradient(90deg,rgba(27,122,75,.82) 0 6px,rgba(255,255,255,.5) 6px 12px);rotate:-3deg}
.v-moment-a .ma-p1{left:0;top:4%;width:45%;z-index:2}.v-moment-a .ma-p1 .ma-print{--r:-3deg}
.v-moment-a .ma-p2{left:47%;top:0;width:52%;z-index:1}.v-moment-a .ma-p2 .ma-print{--r:2.5deg}
.v-moment-a .ma-p2 img{aspect-ratio:16/9}
.v-moment-a .ma-p3{left:29%;top:57%;width:24%;z-index:3}.v-moment-a .ma-p3 .ma-print{--r:5deg}
.v-moment-a .ma-p3 img{aspect-ratio:4/3}
.v-moment-a .ma-p4{left:82%;top:44%;width:17%;z-index:4}.v-moment-a .ma-p4 .ma-print{--r:-6deg}
.v-moment-a .ma-p4 img{aspect-ratio:3/4}
.v-moment-a .ma-p5{left:1%;top:60%;width:26%;z-index:3}.v-moment-a .ma-p5 .ma-print{--r:3deg}
.v-moment-a .ma-p5 img{aspect-ratio:16/9}
.v-moment-a .ma-p6{left:56%;top:58%;width:25%;z-index:2}.v-moment-a .ma-p6 .ma-print{--r:-4deg}
.v-moment-a .ma-p6 img{aspect-ratio:4/3}
.v-moment-a .ma-note{position:absolute;left:79%;top:92%;z-index:6;font-family:var(--fh);font-size:clamp(1.3rem,2.4vw,2.1rem);color:var(--red);rotate:-6deg;background:var(--gold);border:3px solid var(--ink);border-radius:12px;padding:4px 16px;box-shadow:4px 4px 0 var(--ink)}
/* true facts */
.v-moment-a .ma-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(40px,5vw,70px)}
.v-moment-a .ma-facts li{background:var(--ink);color:#fff;border:3px solid #000;border-radius:18px;padding:18px 20px;box-shadow:5px 5px 0 var(--gold);transition:translate .3s var(--ease),box-shadow .3s}
.v-moment-a .ma-facts li:nth-child(2){box-shadow:5px 5px 0 var(--red)}.v-moment-a .ma-facts li:nth-child(3){box-shadow:5px 5px 0 var(--green)}
.v-moment-a .ma-facts li:hover{translate:-3px -3px}
.v-moment-a .ma-facts b{display:block;font-family:var(--fb);font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.v-moment-a .ma-facts li>span{display:block;margin-top:8px;font-size:.92rem;line-height:1.4;opacity:.9}
/* thin marquee accent */
.v-moment-a .ma-marquee{margin-top:clamp(50px,6vw,80px);background:var(--ink);color:var(--gold);padding:8px 0;overflow:hidden;transform:rotate(-1.2deg) scale(1.03)}
.v-moment-a .ma-marquee div{display:flex;gap:34px;width:max-content;animation:ma-mq 40s linear infinite}
.v-moment-a.ma-off .ma-marquee div{animation-play-state:paused}
.v-moment-a .ma-marquee span{font-family:var(--fb);text-transform:uppercase;font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.06em;white-space:nowrap}
.v-moment-a .ma-marquee span::after{content:"✦";margin-left:34px;color:var(--red)}
@keyframes ma-mq{to{transform:translateX(-50%)}}

@media(max-width:760px){
  .v-moment-a .ma-wall{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:26px 14px;width:calc(100% - 28px)}
  .v-moment-a .ma-item{position:relative;left:auto;top:auto;width:auto}
  .v-moment-a .ma-p1,.v-moment-a .ma-p2{grid-column:1/-1}
  .v-moment-a .ma-p2{width:92%;justify-self:end}.v-moment-a .ma-p1{width:94%}
  .v-moment-a .ma-p4{grid-row:span 2}
  .v-moment-a .ma-p6{grid-column:1/-1;width:66%;justify-self:end}
  .v-moment-a .ma-print figcaption{font-size:.78rem}
  .v-moment-a .ma-note{position:relative;left:auto;top:auto;grid-column:1/-1;justify-self:center;margin-top:4px}
  .v-moment-a .ma-facts{grid-template-columns:1fr;gap:12px;width:calc(100% - 28px)}
}

/* design-13: five prints, two fact cards */
.v-moment-a .ma-p3{left:30%}
.v-moment-a .ma-p6{left:61%;top:56%;width:28%}
.v-moment-a .ma-note{left:76%;top:88%}
.v-moment-a .ma-facts{grid-template-columns:1fr 2fr}
.v-moment-a .ma-facts li:nth-child(2){box-shadow:5px 5px 0 var(--red)}
@media(max-width:760px){.v-moment-a .ma-facts{grid-template-columns:1fr}.v-moment-a .ma-p6{width:66%}}

/* design-14: facts as a timeline (2014-2025 Tauranga, 2026 USA, 2027 Auckland) */
.v-moment-a .ma-facts{display:none}
.v-moment-a .ma-tl{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px);margin-top:clamp(46px,5.5vw,80px);padding-top:46px;counter-reset:none}
.v-moment-a .ma-tl::before{content:"";position:absolute;left:0;right:0;top:15px;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--green) 0 33.3%,var(--gold) 0 66.6%,var(--red) 0);box-shadow:0 0 0 3px var(--ink)}
.v-moment-a .ma-tl-i{position:relative;background:#fff;border:3px solid var(--ink);border-radius:18px;padding:22px 22px 24px;box-shadow:6px 6px 0 var(--ink);transition:translate .3s var(--ease),box-shadow .3s}
.v-moment-a .ma-tl-i:hover{translate:-3px -3px;box-shadow:9px 9px 0 var(--ink)}
.v-moment-a .ma-tl-dot{position:absolute;left:26px;top:-46px;width:34px;height:34px;border-radius:50%;background:var(--c);border:5px solid var(--ink);box-shadow:0 0 0 5px var(--cream)}
.v-moment-a .ma-tl-i::before{content:"";position:absolute;left:41px;top:-14px;width:4px;height:14px;background:var(--ink)}
.v-moment-a .ma-tl-g{--c:var(--green)}.v-moment-a .ma-tl-y{--c:var(--gold)}.v-moment-a .ma-tl-r{--c:var(--red)}
.v-moment-a .ma-tl-yr{display:block;font-family:var(--fb);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.v-moment-a .ma-tl-i h3{font-size:clamp(1.05rem,1.7vw,1.35rem);margin:12px 0 6px;line-height:1.05}
.v-moment-a .ma-tl-i p{font-size:.98rem;line-height:1.45;opacity:.85}
.v-moment-a .ma-tl-next{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--gold)}
.v-moment-a .ma-tl-next:hover{box-shadow:9px 9px 0 var(--gold)}
.v-moment-a .ma-tl-next .ma-tl-yr,.v-moment-a .ma-tl-next h3{color:var(--gold)}
.v-moment-a .ma-tl-next p{opacity:.92}
@media(max-width:760px){
  .v-moment-a .ma-tl{grid-template-columns:1fr;gap:26px;padding:0 0 0 46px;width:calc(100% - 28px)}
  .v-moment-a .ma-tl::before{left:15px;right:auto;top:12px;bottom:12px;width:8px;height:auto;background:linear-gradient(180deg,var(--green) 0 33.3%,var(--gold) 0 66.6%,var(--red) 0)}
  .v-moment-a .ma-tl-dot{left:-46px;top:20px}
  .v-moment-a .ma-tl-i::before{left:-12px;top:34px;width:12px;height:4px}
}

/* marquee: straight full-width band (the tilted one was clipped at the section edge), with the red/gold/green line on top like the hero strip */
.v-moment-a .ma-marquee{transform:none;margin-top:clamp(46px,6vw,80px);padding:12px 0 10px;border-top:0;position:relative}
.v-moment-a .ma-marquee::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--red) 0 33.3%,var(--gold) 0 66.6%,var(--green) 0)}
.v-moment-a .ma-marquee span{font-size:clamp(.9rem,1.5vw,1.1rem)}

/* two stops only: 2014-2025 Tauranga, 2027 Auckland */
.v-moment-a .ma-tl{grid-template-columns:1fr 1.5fr}
.v-moment-a .ma-tl::before{background:linear-gradient(90deg,var(--green) 0 50%,var(--red) 0)}
@media(max-width:760px){.v-moment-a .ma-tl{grid-template-columns:1fr}.v-moment-a .ma-tl::before{background:linear-gradient(180deg,var(--green) 0 50%,var(--red) 0)}}
/* phone: the desktop positions (left/top %) must not apply, they pushed a photo and the sticker off the right edge */
@media(max-width:760px){
  .v-moment-a .ma-item,.v-moment-a .ma-p3,.v-moment-a .ma-p5,.v-moment-a .ma-p6,.v-moment-a .ma-note{left:auto;top:auto}
  .v-moment-a .ma-p3,.v-moment-a .ma-p5{width:auto}
  .v-moment-a .ma-p6{width:66%;justify-self:end}
  .v-moment-a .ma-wall{padding:10px 0 4px}
}