.coverflow{--cf-card:clamp(280px,58vw,780px);width:100%}.cf-frame{perspective:calc(var(--cf-card)*3);overflow:hidden;padding:45px 0 35px;touch-action:pan-y;cursor:grab}.cf-frame:active{cursor:grabbing}.cf-stage{position:relative;height:calc(var(--cf-card)*.73);transform-style:preserve-3d;user-select:none}.cf-slide{position:absolute;left:50%;top:0;width:var(--cf-card);will-change:transform;backface-visibility:hidden;transform:translateX(-50%)}.cf-slide:not(:first-child){opacity:0}.cf-tablet{position:relative;padding:15px 20px;background:#201f21;border:1px solid #4f4f51;border-radius:28px;box-shadow:0 20px 32px #201f2122}.cf-tablet:before{content:'';position:absolute;left:6px;top:50%;width:4px;height:4px;border-radius:50%;background:#626165}.cf-tablet img{display:block;width:100%;height:auto;aspect-ratio:1180/820;object-fit:cover;border-radius:12px;pointer-events:none}.cf-bottom{display:flex;justify-content:center;align-items:center;gap:55px;margin-top:6px}.cf-nav{padding:12px 16px;background:transparent;border:1px solid #17161b33;border-radius:6px;cursor:pointer;font-size:13px}.cf-nav:hover{background:var(--orchid)}.cf-caption{text-align:center;min-width:190px}.cf-caption h3{font-size:27px;letter-spacing:-.035em}.cf-caption p{font:11px var(--mono);text-transform:uppercase;margin:8px 0 16px;color:#616062}.cf-caption a{display:inline-flex;min-height:42px;align-items:center;padding:0 18px;border-radius:8px;background:var(--ink);color:var(--bone);font-size:13px}.cf-pagination{display:flex;justify-content:center;gap:0;margin-top:22px}.cf-pagination button{width:30px;height:30px;border:0;background:transparent;cursor:pointer;position:relative}.cf-pagination button:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#b4b3b6;left:12px;top:12px}.cf-pagination button[aria-pressed=true]:after{background:var(--ink);transform:scale(1.45)}
@media(max-width:700px){.coverflow{--cf-card:78vw}.cf-frame{padding:28px 0}.cf-tablet{padding:8px 12px;border-radius:17px}.cf-tablet img{border-radius:8px}.cf-tablet:before{left:4px;width:3px;height:3px}.cf-bottom{gap:10px;justify-content:space-between}.cf-nav{font-size:11px;padding:10px}.cf-caption{min-width:0}.cf-caption h3{font-size:23px}.cf-caption a{font-size:12px;padding:0 12px}.cf-caption p{font-size:10px}.cf-pagination{margin-top:16px}}
.cf-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:4px}.cf-controls .cf-nav{min-height:44px;background:var(--ink);color:var(--bone)}
.cf-bottom{justify-content:center}.cf-live-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.cf-live-actions span{font:12px/1.5 var(--sans);text-align:center;color:#616062}
.cf-live-actions [data-cf-live][hidden]{display:none}
.cf-tablet{overflow:hidden}.cf-tablet iframe{position:absolute;top:15px;left:20px;width:1024px;height:712px;border:0;transform-origin:top left;background:white;border-radius:12px}
@media(max-width:700px){.cf-tablet iframe{top:8px;left:12px}}
/* Media-edge navigation keeps browsing controls beside the content they move. */
.cf-frame{position:relative}
.cf-controls{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:space-between;pointer-events:none;margin:0;padding:0 12px}
.cf-controls .cf-nav{pointer-events:auto;display:grid;place-items:center;width:56px;height:56px;min-height:56px;padding:0;border:1px solid #e3d4f055;border-radius:6px;background:#17161b;color:#e3d4f0;box-shadow:0 3px 16px #201f2125}
.cf-controls .cf-nav:hover{background:#e3d4f0;color:#17161b}
.cf-controls .cf-nav:focus-visible{outline:3px solid #7c6783;outline-offset:4px}
.cf-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.cf-controls{padding:0 3px}.cf-controls .cf-nav{width:44px;height:44px;min-height:44px}.cf-controls svg{width:21px;height:21px}}


/* The destination action travels with its preview; neighbouring slides remain quiet. */
.cf-explore.reference-button{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:5;visibility:hidden;pointer-events:none;filter:drop-shadow(0 3px 9px #0003);--button-text-background:#f7f7f2}
.cf-slide.is-active .cf-explore{visibility:visible;pointer-events:auto}
.cf-explore:focus-visible{outline-color:var(--orchid);outline-offset:4px}
@media(max-width:700px){.cf-explore.reference-button{bottom:16px;height:44px}.cf-explore .btn_label{font-size:11px;padding-left:12px}.cf-explore .btn_icon{width:47px;flex-basis:47px}}

/* High-contrast media-style entry point, shared by both website galleries. */
.cf-explore{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;visibility:hidden;pointer-events:none;text-decoration:none;color:var(--color-ink);cursor:pointer}
.cf-explore__play{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--color-white);border:1px solid #ffffffb8;box-shadow:0 8px 28px #0004;color:var(--color-ink);transition:background-color .22s cubic-bezier(.25,.75,.25,1),color .22s cubic-bezier(.25,.75,.25,1),transform .35s cubic-bezier(.25,.75,.25,1),box-shadow .35s cubic-bezier(.25,.75,.25,1)}
.cf-explore__play svg{width:30px;height:30px;fill:currentColor;transform:translateX(1px)}
.cf-explore__label{padding:9px 14px;border-radius:8px;background:var(--color-ink);color:var(--color-white);font:400 12px/1.25 var(--mono);text-transform:uppercase;white-space:nowrap;box-shadow:0 3px 12px #0003}
.cf-explore:is(:hover,:focus-visible) .cf-explore__play{background:#f2f2f3;transform:translateY(-2px);box-shadow:0 12px 34px #0005}
.cf-explore:focus-visible{outline:3px solid var(--color-white);outline-offset:6px;border-radius:12px}
@media(max-width:700px){.cf-explore__play{width:60px;height:60px}.cf-explore__play svg{width:25px;height:25px}.cf-explore{gap:8px}.cf-explore__label{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.cf-explore__play{transition:none}.cf-explore:is(:hover,:focus-visible) .cf-explore__play{transform:none}}