.miko-photography-carousel{--bac-green:#123e59;--bac-cream:#e9f4f8;--bac-gold:#20b9c4;--bac-card-radius:0px}.miko-photography-carousel img{-o-object-fit:contain;object-fit:contain}.miko-photography-carousel.bac-carousel{--bac-green:#123e59;--bac-cream:#e9f4f8;--bac-gold:#20b9c4;--bac-card-radius:0px}.miko-photography-carousel .bac-before,.miko-photography-carousel .bac-after{border:0;box-shadow:none}.miko-photography-carousel .bac-card{background:transparent!important}.bac-carousel{--bac-green: #005c41;--bac-cream: #fbf1dc;--bac-gold: #dfc07f;--bac-card-radius: 24px;--bac-image-ratio: 3 / 4;--bac-pair-gap: 16px;--bac-slide-gap: 24px;--bac-arrow-size: 48px;width:100%;min-width:0;color:var(--bac-green)}.bac-carousel *,.bac-carousel *:before,.bac-carousel *:after{box-sizing:border-box}.bac-viewport{position:relative;display:flex;gap:var(--bac-slide-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}.bac-viewport::-webkit-scrollbar{display:none}.bac-viewport:focus-visible{outline:2px solid var(--bac-green);outline-offset:4px}.bac-viewport.bac-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bac-pair{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bac-pair-gap);scroll-snap-align:start}.bac-card{position:relative;aspect-ratio:var(--bac-image-ratio);min-width:0;margin:0;overflow:hidden;border-radius:var(--bac-card-radius);background:#fff}.bac-before{border:1px solid #005c410d}.bac-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.bac-before-label,.bac-after-label{position:absolute;z-index:1;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;text-align:center}.bac-before-label{top:16px;left:16px;max-width:calc(100% - 32px);padding:4px 12px;color:var(--bac-cream);background:color-mix(in srgb,var(--bac-green) 70%,transparent);border:1px solid color-mix(in srgb,var(--bac-cream) 15%,transparent);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.bac-after{border:2px solid transparent;background:linear-gradient(var(--bac-green),var(--bac-green)) padding-box,conic-gradient(from var(--bac-gradient-angle, 0deg),#584827,var(--bac-gold) 27%,#f9de90 30%,var(--bac-gold) 33%,#584827 40%,#584827 50%,var(--bac-gold) 77%,#f9de90 80%,var(--bac-gold) 83%,#584827 90%) border-box}.bac-after-label{bottom:12px;left:16px;right:16px;padding:5px 12px;color:var(--bac-green);background:color-mix(in srgb,#fffaef 70%,transparent);border:1px solid color-mix(in srgb,var(--bac-cream) 60%,transparent);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.bac-after-mark{position:absolute;right:16px;top:16px;padding:8px;border-radius:999px;color:var(--bac-green);background:color-mix(in srgb,#fffaef 70%,transparent);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.bac-controls{display:flex;justify-content:center;gap:16px;margin-top:40px}.bac-arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--bac-arrow-size);height:var(--bac-arrow-size);padding:0;border:1px solid color-mix(in srgb,var(--bac-green) 10%,transparent);border-radius:50%;background:var(--bac-cream);color:var(--bac-green);cursor:pointer;transition:background-color .2s,color .2s}.bac-arrow svg{display:block}.bac-arrow:hover:not(:disabled){background:var(--bac-green);color:var(--bac-cream)}.bac-arrow:focus-visible{outline:2px solid var(--bac-green);outline-offset:3px}.bac-arrow:disabled{opacity:.4;cursor:default}.bac-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (min-width: 640px){.bac-pair{flex-basis:calc(50% - var(--bac-slide-gap) / 2)}}@media (min-width: 1024px){.bac-pair{flex-basis:calc(66.666667% - var(--bac-slide-gap) / 3)}}@property --bac-gradient-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes bac-border-rotate{to{--bac-gradient-angle: 360deg}}.bac-animated{animation:bac-border-rotate 5s linear infinite}@media (prefers-reduced-motion: reduce){.bac-animated{animation:none}.bac-arrow{transition:none}}
