/* Credit: Coverflow Carousel by RS Studio, https://framer.com/m/flowcarousel-B9jIEz.js@195ycioEZ8Mc8td3kaIJ
   The source module has no credit/licence header of its own (credit from the Framer components sheet). Licence clearance: confirmed by Rowan, 2026-11-03 17:23 AEST (UTC+10), relayed by Relay. */
/* Coverflow: vanilla port of Rowan's Framer "CoverflowCarousel" (flowcarousel/module.js). Site palette, no photos. */
.cf-wrap{margin:28px 0 8px;text-align:center}
.cf-h{margin:0 0 4px;font-size:clamp(20px,2.4vw,26px);color:var(--ink,#14204A)}
.cf-sub{margin:0 0 6px;color:#3E4866}
.cf{--cf-card:clamp(148px,22vw,260px);position:relative;width:100%}
.cf-stage{position:relative}
.cf-frame{overflow:hidden;padding:40px 0;perspective:900px;touch-action:pan-y;cursor:grab;outline:none;border-radius:18px}
.cf-frame:active{cursor:grabbing}
.cf-frame:focus-visible{outline:3px solid #5534C9;outline-offset:-3px}
.cf-track{position:relative;list-style:none;margin:0;padding:0;height:calc(var(--cf-card) + 64px);transform-style:preserve-3d}
.cf-card{position:absolute;left:50%;top:0;width:var(--cf-card);backface-visibility:hidden;will-change:transform;transform:translateX(-50%)}
.cf-art{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;color:#fff;text-align:left;
  box-shadow:0 20px 25px -5px rgba(20,32,74,.22),0 8px 10px -6px rgba(20,32,74,.16)}
.cf-t1 .cf-art{background:linear-gradient(145deg,#253679,#14204A 70%)}
.cf-t2 .cf-art{background:linear-gradient(145deg,#5534C9,#14204A 75%)}
.cf-t3 .cf-art{background:linear-gradient(145deg,#B4500F,#7A2E05 80%)}
.cf-t4 .cf-art{background:linear-gradient(145deg,#124A92,#0E3B75 40%,#14204A)}
.cf-t5 .cf-art{background:linear-gradient(145deg,#0B7464,#14204A 80%)}
.cf-num{position:absolute;left:8%;top:6%;font:800 clamp(26px,3.4vw,40px)/1 var(--font-d,system-ui,sans-serif);letter-spacing:-.02em;color:#fff}
.cf-vinyl{position:absolute;right:-18%;top:12%;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#FEC623 0 12%,#14204A 12.5% 14%,rgba(255,255,255,.06) 14.5% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.cf-vinyl::before{content:"";position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.10) 0 1px,transparent 1px 6px)}
.cf-wave{position:absolute;left:8%;right:30%;bottom:32%;height:14%;opacity:.85;background:repeating-linear-gradient(90deg,#FEC623 0 3px,transparent 3px 7px);clip-path:polygon(0 70%,10% 30%,20% 60%,30% 10%,40% 50%,50% 0,60% 40%,70% 20%,80% 60%,90% 35%,100% 70%,100% 100%,0 100%)}
.cf-short{position:absolute;left:8%;right:8%;bottom:8%;font:800 clamp(14px,1.5vw,18px)/1.15 var(--font-d,system-ui,sans-serif);color:#fff;text-wrap:balance}
.cf-cap{margin:12px 0 0;text-align:center;opacity:0;transition:opacity .2s}
.cf-cap b{display:block;font-size:15px;line-height:1.3;color:var(--ink,#14204A)}
.cf-cap span{display:block;margin-top:4px;font-size:13px;color:#3E4866}
.cf-card.is-active .cf-cap{opacity:1}
.cf-nav{position:absolute;top:calc(40px + var(--cf-card) / 2);transform:translateY(-50%);z-index:200;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:999px;
  border:1px solid rgba(20,32,74,.18);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink,#14204A);cursor:pointer;opacity:.9;transition:opacity 160ms ease}
.cf-nav:hover{opacity:1;background:#fff}.cf-nav:focus-visible,.cf-dot:focus-visible{outline:3px solid #5534C9;outline-offset:2px}
.cf-prev{left:12px}.cf-next{right:12px}
.cf-dots{display:flex;justify-content:center;gap:4px;margin-top:4px}
.cf-dot{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.cf-dot::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ink,#14204A);opacity:.3;transition:opacity 200ms ease}
.cf-dot[aria-current="true"]::before{opacity:1}
.cf-note{margin:8px 0 0;font-size:13px;color:#3E4866}
/* static row: no JS, reduced motion, or the site's Reduce motion button */
.cf.cf-static .cf-frame{padding:8px 0;cursor:auto;perspective:none}
.cf.cf-static .cf-track,html:not(.cf-js) .cf-track{height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;transform:none}
.cf.cf-static .cf-card,html:not(.cf-js) .cf-card{position:static;width:auto;transform:none!important;opacity:1!important}
.cf.cf-static .cf-cap,html:not(.cf-js) .cf-cap{opacity:1}
.cf.cf-static .cf-nav,.cf.cf-static .cf-dots{display:none}
@media (prefers-reduced-motion:reduce){.cf-nav,.cf-dot::before,.cf-cap{transition:none}}
@media (max-width:600px){.cf-prev{left:2px}.cf-next{right:2px}.cf.cf-static .cf-track{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* blend_v1 LOW 6/7: arrows use the site glass_v1 button recipe; buttons inherit the site font. Rollback: delete this block. */
.cf-nav{font-family:inherit;background:rgba(255,255,255,.66) var(--gl-sheen,none);border:1px solid var(--gl-line,rgba(200,208,226,.72));
  -webkit-backdrop-filter:var(--gl-blur,blur(18px) saturate(1.7));backdrop-filter:var(--gl-blur,blur(18px) saturate(1.7));box-shadow:var(--gl-rim),var(--gl-drop)}
.cf-nav:hover{background-color:#fff}