.sam-film{padding:clamp(56px,6vw,96px) clamp(20px,4vw,64px) clamp(64px,7vw,112px);background:var(--color-cream);color:var(--color-navy)}.sam-film__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,80px);max-width:1440px;margin:0 auto}.sam-film__intro{text-align:left}.sam-film__intro h2{margin:0;font-family:var(--font-display);font-size:clamp(38px,4.3vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.sam-film__highlight{padding:0 .08em;border-radius:.08em;background:var(--color-yellow);color:inherit;white-space:nowrap}.sam-film__intro p{max-width:52ch;margin:20px 0 0;font-size:clamp(19px,1.8vw,24px);line-height:1.5;text-wrap:pretty}.sam-film__media{min-width:0;margin:0}.sam-film__caption{margin-top:14px;color:#0e1f2f9e;font-family:var(--font-body);font-size:17px;font-weight:400;line-height:1.5;text-align:center}.sam-film__caption-heart{color:#e53935}.sam-film__player{position:relative;display:block;width:100%;max-width:1120px;margin:0 auto;overflow:hidden;border-radius:clamp(12px,1.6vw,22px);border:8px solid var(--color-blue);background:var(--color-navy);box-shadow:0 12px 32px #0e1f2f24;isolation:isolate}.sam-film__thumbnail{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;color:var(--color-blue)}.sam-film__thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.sam-film__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(64px,7vw,88px);aspect-ratio:1;padding:0;border:0;border-radius:8px;background:transparent;color:var(--color-blue);cursor:pointer}.sam-film__play svg{display:block;width:100%;height:100%;transform:scale(1);transform-origin:center;transform-box:view-box;transition:transform .16s ease}.sam-film__thumbnail:hover .sam-film__play svg{transform:scale(1.16)}@media(max-width:768px){.sam-film__inner{grid-template-columns:minmax(0,1fr);gap:28px}.sam-film__intro{text-align:center}.sam-film__intro p{margin-inline:auto}.sam-film__intro h2{font-size:clamp(34px,9vw,44px)}}@media(prefers-reduced-motion:reduce){.sam-film__play svg{transition:none}}.sam-film-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:transparent;color:var(--color-white);font-family:var(--font-body);opacity:0;transition:opacity .4s ease}.sam-film-dialog[open]{display:grid;place-items:center}.sam-film-dialog:focus-visible{outline:none}.sam-film-dialog::backdrop{background:#000000e5;opacity:0;transition:opacity .4s ease}.sam-film-dialog.is-open,.sam-film-dialog.is-open::backdrop{opacity:1}.sam-film-dialog__frame{position:relative;width:min(1100px,100%,calc((100dvh - 80px) * 16 / 9));overflow:hidden;border:2px solid var(--color-blue);border-radius:20px;background:var(--color-navy);box-shadow:0 25px 80px #0000007f;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.is-open .sam-film-dialog__frame{transform:scale(1) translateY(0)}.sam-film-dialog__stage{position:relative;aspect-ratio:16 / 9;background:#000}.sam-film-dialog video{display:block;width:100%;height:100%;object-fit:contain}.sam-film-dialog [hidden]{display:none!important}.sam-film-dialog__button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-white);cursor:pointer}.sam-film-dialog__button svg,.sam-film-dialog__button span{display:block}.sam-film-dialog__button:hover{color:var(--color-blue)}.sam-film-dialog :focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}.sam-film-dialog__close{position:absolute;top:14px;right:14px;z-index:3;background:var(--color-cream);color:var(--color-navy);box-shadow:0 2px 12px #00000026}.sam-film-dialog__close:hover{background:var(--color-blue);color:var(--color-navy)}.sam-film-dialog__center{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);background:var(--color-cream);color:var(--color-navy);box-shadow:0 4px 24px #0003}.sam-film-dialog__center svg{width:32px;height:32px}.sam-film-dialog__center:hover{background:var(--color-blue);color:var(--color-navy)}.sam-film-dialog__controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:32px 20px 12px;background:linear-gradient(transparent,#0e1f2ff0)}.sam-film-dialog__controls,.sam-film-dialog__center{opacity:0;pointer-events:none;transition:opacity .15s ease}.controls-visible .sam-film-dialog__controls,.controls-visible .sam-film-dialog__center,.sam-film-dialog__controls:focus-within,.sam-film-dialog__center:focus-visible{opacity:1;pointer-events:auto}.sam-film-dialog__control-row{display:flex;align-items:center;gap:8px}.sam-film-dialog__time{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.sam-film-dialog__time-divider{opacity:.55}.sam-film-dialog__volume{display:flex;align-items:center;gap:6px;margin-left:auto}.sam-film-dialog__range{--range-fill: 0%;display:block;width:100%;height:24px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--color-blue);cursor:pointer}.sam-film-dialog__range::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,var(--color-blue) var(--range-fill),rgb(255 255 255 / 30%) var(--range-fill))}.sam-film-dialog__range::-moz-range-track{height:5px;border-radius:8px;background:linear-gradient(to right,var(--color-blue) var(--range-fill),rgb(255 255 255 / 30%) var(--range-fill))}.sam-film-dialog__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--color-blue)}.sam-film-dialog__range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--color-blue)}.sam-film-dialog__volume-range{width:80px;--range-fill: 100%}.sam-film__sound-muted,.is-muted .sam-film__sound-waves{display:none}.is-muted .sam-film__sound-muted{display:block}.sam-film-dialog__status{position:absolute;inset:auto 16px 110px;margin:0;padding:12px 16px;border-radius:12px;background:var(--color-navy);color:var(--color-white);text-align:center;font-size:15px}.sam-film-dialog__frame:fullscreen,.sam-film-dialog__frame:-webkit-full-screen{width:100%;height:100%;max-width:none;border:0;border-radius:0;transform:none}.sam-film-dialog__frame:fullscreen .sam-film-dialog__stage,.sam-film-dialog__frame:-webkit-full-screen .sam-film-dialog__stage{height:100%;aspect-ratio:auto}@media(max-width:768px){.sam-film-dialog__frame{width:min(100%,calc((100dvh - 144px) * 16 / 9));border-radius:16px}.sam-film-dialog__center{width:60px;height:60px}.sam-film-dialog__close{top:10px;right:10px}.sam-film-dialog__controls{position:relative;padding:4px 10px 8px;background:var(--color-navy);opacity:1;pointer-events:auto}.sam-film-dialog__control-row{gap:2px}.sam-film-dialog__volume-range{width:52px}.sam-film-dialog__time{font-size:12px}.sam-film-dialog__status{bottom:8px}.sam-film-dialog__frame:fullscreen .sam-film-dialog__controls,.sam-film-dialog__frame:-webkit-full-screen .sam-film-dialog__controls{position:absolute;bottom:0}}@media(prefers-reduced-motion:reduce){.sam-film-dialog,.sam-film-dialog::backdrop,.sam-film-dialog__frame,.sam-film-dialog__controls,.sam-film-dialog__center{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sam-film.css.map */