/* A compact identity and a considered home for the owner's selected films. */
.wordmark{display:flex;align-items:center;justify-content:center;width:86px;height:76px}
.brand-image{width:100%;height:100%;object-fit:contain;filter:invert(1);mix-blend-mode:multiply}
.footer-logo{width:92px;height:98px;margin:0 0 16px;display:block}
.film-eyebrow{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px!important}
.film-media video{object-fit:contain;filter:none}
.film-section>.film-media{height:auto;min-height:440px}
.film-section>.film-media>video{position:absolute;inset:0}
.film-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.film-copy>.text-link{align-self:flex-start;margin-top:23px}
.bts-choices{display:grid;border-top:1px solid #f7f5f140;max-width:370px}
.bts-choices button{display:flex;justify-content:space-between;gap:18px;text-align:left;padding:12px 0;min-height:48px;border-bottom:1px solid #f7f5f140;font-size:13px;opacity:.65}
.bts-choices button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.bts-choices button span{font-size:12px;font-variant-numeric:tabular-nums}
.finished-preview{padding:0;position:relative;width:100%;height:310px;background:#181a15;overflow:hidden}
.finished-preview>img{width:100%;height:100%;object-fit:contain}
.small-play{position:absolute;inset:auto 0 0;padding:25px 12px 15px;background:linear-gradient(transparent,#000b);color:var(--paper);display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}
.small-play svg{width:15px;height:15px}
.films-intro{padding-block:34px 40px}
.films-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:35px 0}
.films-title h1{font-size:clamp(48px,5vw,74px);line-height:1.02}
.films-title p{font-size:15px;line-height:1.8;padding-bottom:5px}
.film-index{display:flex;flex-wrap:wrap;gap:12px 30px;border-block:1px solid #292a2425;padding-block:8px}
.film-index a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.film-chapter{padding-block:35px 50px;scroll-margin-top:14px;max-width:1600px;margin-inline:auto}
.film-chapter-heading{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px;margin-bottom:27px}
.film-chapter-heading>span{font-size:12px;color:var(--muted)}
.film-chapter-heading h2{font-size:38px}
.film-chapter-heading>p{font-size:13px;color:var(--muted)}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;max-width:940px;margin-left:60px}
.film-card{min-width:0}
.film-card-image{position:relative;display:block;width:100%;padding:0;height:360px;background:#e9e5df;overflow:hidden}
.film-card-image>img{width:100%;height:100%;object-fit:contain}
.film-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0009)}
.film-card-play{position:absolute;bottom:17px;left:18px;display:flex;align-items:center;gap:10px;color:white;font-size:13px;z-index:1}
.film-card-play svg{width:28px;height:28px;padding:6px;border:1px solid #fff9;border-radius:50%}
.film-duration{position:absolute;bottom:19px;right:17px;color:white;font-size:12px;font-variant-numeric:tabular-nums;z-index:1}
.film-caption{padding-top:13px}
.film-caption h3 button{font-family:var(--display);font-size:27px;letter-spacing:-.02em;text-align:left;padding:0;line-height:1.2}
.film-caption p{font-size:13px;color:var(--muted);line-height:1.75;margin-top:4px}
.film-grid-single{grid-template-columns:minmax(0,450px)}
.films-outro{padding-block:40px 60px;display:flex;justify-content:space-between;align-items:center;background:var(--soft);gap:25px}
.films-outro>p{font-family:var(--display);font-size:36px;line-height:1.2}
.film-dialog{overflow:visible;scrollbar-gutter:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}
.film-dialog video{width:auto;max-width:100%;max-height:calc(100dvh - 90px);min-height:120px;background:#111}
.film-dialog>.close-button{top:8px;right:8px;z-index:5}
.film-now-playing{display:block;padding:10px 16px;color:var(--paper);font-size:13px;background:#161712;max-width:440px}
.film-error{font-size:14px;padding:15px;color:var(--paper)}
.quantity-controls button{min-width:44px;min-height:44px}
.quantity-controls .remove-item{padding-inline:5px;min-width:0;margin-left:3px}
.quantity-controls button:disabled{opacity:.4}
.product-details details>.text-link{display:flex;width:fit-content;margin-left:14px;min-height:44px}
.search-field input{font-size:16px}
.product-name,.classic-look figcaption button{min-height:44px}
.care-dialog>.close-button{top:0;right:0}
.film-play:focus-visible{outline-offset:-5px;outline-color:white}
@media(min-width:901px) and (max-width:1150px){.nav-left{gap:14px}.nav-left a{font-size:12px}}
@media(max-width:900px){.wordmark{height:68px;width:77px}.film-chapter-heading{grid-template-columns:28px 1fr}.film-chapter-heading>p{grid-column:2;margin-top:-8px}.film-grid{margin-left:43px;gap:23px}.film-card-image{height:310px}}
@media(max-width:600px){.wordmark{width:67px;height:62px}.header{height:74px}.footer-logo{width:78px;height:84px}.film-copy{padding:29px 25px 31px}.film-copy>.film-eyebrow{margin-bottom:15px!important}.film-media{height:340px}.film-copy>.text-link{margin-top:18px}.film-copy>p:not(.film-eyebrow){margin-block:20px}.bts-choices button{font-size:13px}.finished-preview{height:220px}.campaign-section{grid-template-columns:125px minmax(0,1fr)}.campaign-section h2{font-size:29px}.campaign-section .film-eyebrow{font-size:10px!important;letter-spacing:.06em;margin-bottom:12px!important}.films-intro{padding-block:25px 18px}.films-title{display:block;margin:28px 0}.films-title h1{font-size:51px}.films-title p{font-size:14px;margin-top:20px}.film-index{gap:0 24px}.film-index a{font-size:12px}.film-chapter{padding-block:28px 25px;scroll-margin-top:90px}.film-chapter-heading{grid-template-columns:25px 1fr;gap:10px;margin-bottom:20px}.film-chapter-heading h2{font-size:34px}.film-chapter-heading>p{margin-top:0;font-size:12px}.film-grid{margin-left:0;gap:24px 15px}.film-card-image{height:clamp(220px,65vw,300px)}.film-caption h3 button{font-size:23px;min-height:50px}.film-caption p{font-size:12px;line-height:1.7}.film-card-play{bottom:13px;left:12px;gap:6px}.film-card-play>span{display:none}.film-duration{bottom:16px;right:11px}.film-grid-single{grid-template-columns:minmax(0,280px)}.films-outro{display:block;padding-block:30px 36px;margin-top:25px}.films-outro>p{font-size:32px;max-width:15ch;margin-bottom:22px}.product-dialog{inset:0;margin:0;max-height:100dvh}.product-dialog>.close-button{position:sticky;top:0;right:0;margin:0 0 -48px auto;width:48px;height:48px}.product-dialog .product-gallery{padding-top:0}.product-details{padding-bottom:max(30px,env(safe-area-inset-bottom))}.search-field input{font-size:16px}.bag-item{grid-template-columns:76px minmax(0,1fr);gap:14px}.bag-item>img{width:76px;height:110px}.bag-summary{padding:18px 15px}.checkout-link{gap:8px;font-size:12px}.side-dialog{scrollbar-gutter:auto}.search-result{grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.search-result img{width:50px}.search-dialog h2{font-size:35px}.film-dialog{max-width:calc(100vw - 16px)}.film-dialog video{max-height:calc(100dvh - 85px)}.film-now-playing{font-size:12px}.care-dialog>.close-button{margin:-38px -11px 10px auto;top:0}.care-dialog{padding-top:48px}}
@media(max-width:360px){.campaign-section{grid-template-columns:1fr}.finished-preview{height:250px}.film-caption h3 button{font-size:21px}.film-grid{gap:22px 12px}.bag-item{grid-template-columns:65px minmax(0,1fr);gap:12px}.bag-item>img{width:65px}.quantity-controls{gap:3px}.quantity-controls .remove-item{font-size:12px}.film-card-image{height:220px}}
@media(max-width:600px){html{scroll-padding-top:86px}.film-chapter{scroll-margin-top:8px}.footer-links a{min-height:44px}.film-section>.film-media{min-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
