/* Customer workshop photographs: contained geometry, quiet controls, no image caption bars. */
.yc-media-visual{--canvas-ratio:1.333333;display:grid;place-items:center;position:relative;width:100%;aspect-ratio:4/3;background:#e9eef1;overflow:hidden}
.yc-media-crop{display:block;position:relative;overflow:hidden;width:min(100%,calc(100% * var(--photo-ratio) / var(--canvas-ratio)));height:min(100%,calc(100% * var(--canvas-ratio) / var(--photo-ratio)))}
.yc-media-crop>img{display:block;position:absolute;inset:0 auto auto 0;width:var(--photo-width)!important;max-width:none!important;height:auto!important;transform:translate(var(--photo-x),var(--photo-y));object-fit:initial!important}
.yc-production-preview{display:grid;grid-template-columns:minmax(220px,.75fr) repeat(2,minmax(0,1fr));gap:28px;align-items:center;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.yc-production-preview h3{font-size:clamp(24px,2vw,32px);line-height:1.15;margin:0 0 12px;max-width:19ch}
.yc-production-preview p{font-size:16px;line-height:1.6;max-width:34ch;margin:0 0 12px}
.yc-production-preview .text-link{min-height:44px;line-height:1.4}
.yc-production-preview__image{display:block;min-width:0;outline-offset:5px}
.yc-production-gallery{padding-block:52px;scroll-margin-top:120px}
.yc-production-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}
.yc-production-heading h2{margin:0 0 12px;font-size:clamp(30px,3vw,44px);line-height:1.15}
.yc-production-heading p{max-width:65ch;margin:0;font-size:17px;line-height:1.65}
.yc-production-heading>.button{flex:none}
.yc-production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.yc-production-shot{display:block;position:relative;min-width:0;outline-offset:5px;background:#e9eef1}
.yc-photo-open{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:44px;height:44px;background:#102a3ce8;color:#fff;border:1px solid #8fa8b7;font-size:28px;line-height:1;transition:background-color 150ms ease}
.yc-production-shot:hover .yc-photo-open{background:#284d63}
.yc-production-shot:focus-visible,.yc-production-preview__image:focus-visible{outline:3px solid #b45309}
.yc-production-more{margin-top:24px}
.yc-production-more>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:52px;padding:14px 0;border-block:1px solid var(--line);color:var(--ink);font-weight:600}
.yc-production-more>summary::-webkit-details-marker{display:none}
.yc-production-more>summary:focus-visible{outline:3px solid #b45309;outline-offset:4px}
.yc-production-more[open]>summary{margin-bottom:20px}
.yc-production-more[open]>summary span{transform:rotate(45deg)}
body.nl-design-active dialog.yc-media-dialog{width:max-content;border:1px solid #6f899a;border-radius:0;padding:18px 22px;color:#edf4f7;background:#0c1c28;max-width:calc(100vw - 28px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 90px #0008}
.yc-media-dialog::backdrop{background:#07121ae8}
.yc-media-dialog__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.yc-media-dialog__top h3{font-size:20px;line-height:1.4;margin:0;color:#edf4f7}
.yc-media-dialog button{display:grid;place-items:center;min-width:48px;min-height:48px;padding:0 12px;font:600 24px/1 var(--body-font);border:1px solid #7795a8;border-radius:0;background:#1c3749;color:#fff;cursor:pointer;clip-path:none;box-shadow:none;transform:none}
.yc-media-dialog button:hover{background:#31536a}
.yc-media-dialog button:focus-visible{outline:3px solid #e6b964;outline-offset:3px}
.yc-media-dialog__stage{width:min(1100px,calc((100dvh - 190px) * 1.333333),calc(100vw - 76px));aspect-ratio:4/3;background:#e9eef1}
.yc-media-dialog__controls{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:14px}
.yc-media-dialog__controls>span{font-size:16px;min-width:64px;text-align:center}
.yc-product-view-note{font-size:14px;margin:10px 0 0;color:var(--muted)}
.gallery-thumbs button{min-width:56px;min-height:56px}
.gallery-thumbs button:focus-visible{outline:3px solid #b45309;outline-offset:3px}
.gallery-thumbs img{object-fit:contain!important;background:#f1f4f6}
.yc-gallery-fallback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.yc-gallery-fallback img{width:100%;height:auto;object-fit:contain}
/* Eight clips share a single player; no simultaneous autoplay or repeated media downloads. */
.yc-video-gallery--expanded{grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);align-items:start}
.yc-video-gallery--expanded .yc-video-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.yc-video-gallery--expanded .yc-video-choice-image{aspect-ratio:2.8/1}
.yc-video-gallery--expanded .yc-video-choice-label{font-size:14px;line-height:1.35;padding:8px 10px;min-height:54px;display:flex;align-items:center}
.yc-video-gallery--expanded .yc-video-choice-play{width:28px;height:28px;right:7px;bottom:7px}
.yc-video-description{grid-column:1/-1;margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:75ch}
.home [data-home-section="video"] .yc-video-description{color:#d6e3ec;text-align:left}
.yc-video-choice-description{display:block;padding:0 10px 12px;font-size:14px;line-height:1.5;color:#d6e3ec}
@media(max-width:1000px){.yc-production-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.yc-production-preview__copy{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}.yc-production-preview__copy h3{grid-row:1/3}.yc-production-preview__copy p{max-width:none;margin-bottom:2px}.yc-production-preview__copy .text-link{justify-self:start}.yc-production-grid{gap:15px}.yc-production-heading{align-items:start}.yc-production-heading>.button{font-size:14px}.yc-video-gallery--expanded{grid-template-columns:minmax(0,1fr)}.yc-video-gallery--expanded .yc-video-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.yc-production-preview{margin-top:22px;padding-top:22px;gap:14px}.yc-production-preview__copy{display:block}.yc-production-preview__copy h3{font-size:26px;max-width:none}.yc-production-preview__copy p{font-size:16px}.yc-production-preview .yc-media-visual{aspect-ratio:1;--canvas-ratio:1}.yc-production-gallery{padding-block:34px;scroll-margin-top:92px}.yc-production-heading{display:block;margin-bottom:20px}.yc-production-heading p{font-size:16px}.yc-production-heading>.button{margin-top:18px;width:100%}.yc-production-grid{grid-template-columns:minmax(0,1fr);gap:16px}.yc-media-dialog{padding:12px;max-width:calc(100vw - 16px)}.yc-media-dialog__top{gap:10px}.yc-media-dialog__top h3{font-size:17px}.yc-media-dialog__stage{width:min(calc(100vw - 44px),calc((100dvh - 190px) * .8));aspect-ratio:4/5}.yc-media-dialog__stage .yc-media-visual{aspect-ratio:4/5;--canvas-ratio:.8}.yc-video-gallery--expanded .yc-video-choices{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:4px 3px 12px;scrollbar-width:thin}.yc-video-gallery--expanded .yc-video-choice{flex:0 0 160px;scroll-snap-align:start}.yc-video-gallery--expanded .yc-video-choice-image{aspect-ratio:16/10}.yc-video-gallery--expanded .yc-video-choice-label{font-size:14px;min-height:56px}.yc-gallery-fallback{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.yc-photo-open{transition:none}}
@media(max-width:650px){body.nl-design-active dialog.yc-media-dialog{padding:12px;max-width:calc(100vw - 16px)}}
.yc-workshop-gallery-link{display:flex;align-items:center;gap:20px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;min-height:80px}
.yc-workshop-gallery-thumbs{display:flex;gap:6px;flex:none}
.yc-workshop-gallery-thumbs>.yc-media-visual{width:68px;aspect-ratio:1;--canvas-ratio:1}
.yc-workshop-gallery-label{font-size:16px;line-height:1.5;font-weight:600;max-width:22ch}
.yc-workshop-gallery-label>span{display:inline-block;margin-left:5px;color:#8c5c12}
.yc-workshop-gallery-link:hover .yc-workshop-gallery-label{text-decoration:underline;text-underline-offset:5px}
.yc-workshop-gallery-link:focus-visible{outline:3px solid #b45309;outline-offset:5px}
@media(max-width:650px){.yc-workshop-gallery-link{gap:16px;padding-top:16px;margin-top:16px}.yc-workshop-gallery-thumbs>.yc-media-visual{width:46px}.yc-workshop-gallery-label{font-size:15px}}