.fn-photo-slider{position:relative;overflow:hidden;border-radius:12px;width:100%;background:#292a26;isolation:isolate}.fn-photo-slides{position:relative;width:100%;aspect-ratio:4/3}.fn-photo-slider .fn-photo-slide{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:0;transition:opacity 1.1s ease,transform 7s linear;transform:scale(1.025);pointer-events:none;border-radius:0!important}.fn-photo-slider .fn-photo-slide.is-active{opacity:1;transform:scale(1);z-index:1}.fn-photo-controls{position:absolute;bottom:16px;right:16px;left:16px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 32px);margin-left:auto;padding:6px 10px;background:rgba(20,22,18,.78);border-radius:30px;color:#fff;backdrop-filter:blur(12px);font:12px/1.4 Arial,sans-serif}.fn-photo-controls button{background:none;border:0;color:inherit;min-width:40px;min-height:40px;padding:8px;border-radius:20px;cursor:pointer}.fn-photo-controls button:hover,.fn-photo-controls button:focus-visible{background:rgba(255,255,255,.18)}.fn-photo-controls span{white-space:nowrap}.story-image>.fn-photo-slider{height:100%}.story-image>.fn-photo-slider .fn-photo-slides{height:100%;min-height:420px;aspect-ratio:auto}.fn-workshop-gallery{margin:32px 0}.fn-workshop-gallery .fn-photo-slides{aspect-ratio:3/2}.fn-media-admin{margin:28px 0;padding-top:24px;border-top:1px solid #9995}.fn-past-event{margin:24px 0}.fn-workshop-archive-link{margin-top:28px}.fn-media-admin .fn-gallery-admin article>img{border-radius:10px}.fn-photo-slider:focus-visible{outline:3px solid #bfa574;outline-offset:4px}@media(max-width:700px){.story-image>.fn-photo-slider .fn-photo-slides{min-height:0;height:auto;aspect-ratio:4/3}.fn-photo-controls{bottom:10px;left:10px;right:10px;max-width:calc(100% - 20px);gap:5px}.fn-workshop-gallery .fn-photo-slides{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.fn-photo-slider .fn-photo-slide{transition:none;transform:none}}

/* Keep all three photography cards in the same 4:3 format, including the slider. */
.photo-stories .story-image{align-self:start}
.photo-stories .story-image>button>img{height:auto;aspect-ratio:4/3;object-fit:cover}
.photo-stories .story-image>.fn-photo-slider{height:auto}
.photo-stories .story-image>.fn-photo-slider .fn-photo-slides{height:auto;min-height:0;aspect-ratio:4/3}
.fn-workshop-intro{max-width:65ch;margin:0 0 28px}
.fn-workshop-intro-part{margin:0 0 26px}
.fn-workshop-intro-part:last-child{margin-bottom:0}
.detail-hero .fn-workshop-intro-title{font:600 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;margin:0 0 8px}
.detail-hero .fn-workshop-intro-part p{font-size:inherit;line-height:1.65;margin:0}