.workshop-film{--wf-ink: #2a2420;--wf-espresso: #1f1a17;--wf-brass: #b8956a;--wf-sand: #efe9e1;display:block}.workshop-film svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.workshop-film__play svg{fill:currentColor;stroke:none}.workshop-film__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:12px;background:var(--wf-espresso)}.workshop-film__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.workshop-film--feature{display:grid;gap:24px;justify-items:center}.workshop-film__media{width:min(66vw,340px)}.workshop-film__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;color:#fff;cursor:pointer;text-align:left}.workshop-film__cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.workshop-film__cover:hover img{transform:scale(1.03)}.workshop-film__cover:focus-visible{outline:3px solid var(--wf-brass);outline-offset:-3px}.workshop-film__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000 45%,#140e0ac7)}.workshop-film__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:#ffffffeb;color:var(--wf-espresso);box-shadow:0 8px 28px #0000004d;transition:transform .2s ease}.workshop-film__play svg{width:28px;height:28px;margin-left:3px}.workshop-film__cover:hover .workshop-film__play{transform:scale(1.06)}.workshop-film__cover-copy{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:4px}.workshop-film__cover-title{font-family:var(--font-heading--family);font-size:1.625rem;line-height:1.1}.workshop-film__cover-meta{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1}.workshop-film.is-playing .workshop-film__cover{display:none}.workshop-film__copy{display:grid;gap:12px;justify-items:start;width:100%;max-width:460px}.workshop-film__eyebrow{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .66)}.workshop-film__heading{margin:0;font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1.5rem,4.4vw,2.25rem);line-height:1.1;text-wrap:balance}.workshop-film__text{margin:0;font-size:.9375rem;line-height:1.6;color:rgb(var(--color-foreground-rgb) / .78)}.workshop-film__chapters{display:grid;width:100%;margin:4px 0 0;padding:0;list-style:none;border-top:1px solid rgb(var(--color-foreground-rgb) / .12)}.workshop-film__chapter{display:flex;align-items:baseline;gap:14px;width:100%;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .12);background:none;color:inherit;font:inherit;font-size:.9375rem;text-align:left;cursor:pointer}.workshop-film__chapter-time{min-width:2.6em;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600;color:var(--wf-brass)}.workshop-film__chapter:hover .workshop-film__chapter-label{text-decoration:underline;text-underline-offset:3px}.workshop-film__chapter:focus-visible,.workshop-film__row:focus-visible,.workshop-film__close:focus-visible{outline:3px solid var(--wf-brass);outline-offset:2px}@media screen and (min-width:750px){.workshop-film--feature{grid-template-columns:minmax(0,340px) minmax(0,460px);justify-content:center;align-items:center;gap:56px}.workshop-film__media{width:100%}}.workshop-film__row{display:flex;align-items:center;gap:14px;width:100%;padding:10px 12px 10px 10px;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:10px;background:rgb(var(--color-foreground-rgb) / .02);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.workshop-film__row:hover{border-color:rgb(var(--color-foreground-rgb) / .28);background:rgb(var(--color-foreground-rgb) / .04)}.workshop-film__thumb{position:relative;flex-shrink:0;width:38px;aspect-ratio:9 / 16;overflow:hidden;border-radius:6px;background:var(--wf-espresso)}.workshop-film__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%}.workshop-film__play--small{width:26px;height:26px;margin:-13px 0 0 -13px;box-shadow:0 2px 8px #0000004d}.workshop-film__play--small svg{width:13px;height:13px;margin-left:2px}.workshop-film__row-copy{display:grid;gap:2px;flex:1;min-width:0}.workshop-film__row-title{font-size:.9375rem;font-weight:600;line-height:1.3}.workshop-film__row-meta{font-size:.8125rem;color:rgb(var(--color-foreground-rgb) / .66)}.workshop-film__chevron{flex-shrink:0;width:18px;height:18px;color:rgb(var(--color-foreground-rgb) / .5)}.workshop-film__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;max-width:none;max-height:none;margin:auto;transform:none;padding:0;border:0;background:transparent;overflow:visible}.workshop-film__dialog::backdrop{background:#0f0b08db}.workshop-film__dialog-box{position:relative;height:min(88dvh,calc((100vw - 32px) * 16 / 9));aspect-ratio:9 / 16}.workshop-film__dialog .workshop-film__frame{height:100%}.workshop-film__close{position:absolute;top:-48px;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer}.workshop-film__close svg{width:20px;height:20px;stroke-width:2}@media(max-height:640px){.workshop-film__close{top:8px;right:8px;z-index:1;background:#0000008c}}html.workshop-film-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.workshop-film__cover img,.workshop-film__play,.workshop-film__row{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/workshop-film.css.map */