.film-showcase{color:#183331}.film-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 25px}.film-eyebrow{font-size:9px;letter-spacing:1.5px;color:#71816e;font-weight:500}.film-intro>p{font-size:11px;color:#74816e}.laptop-stage{position:relative;padding:35px 38px 22px;background:#eff1e8;border:1px solid #e1e5d8;border-radius:5px;overflow:hidden}.laptop-stage:before{content:"";position:absolute;left:20%;right:20%;top:20%;bottom:5%;border-radius:50%;background:#d1ddce;filter:blur(70px);opacity:.35}.laptop-device{position:relative;width:min(1040px,100%);margin:0 auto;padding-bottom:27px}.laptop-lid{position:relative;width:91%;margin:0 auto;padding:17px 11px 0;background:linear-gradient(145deg,#50575a 0%,#252b2e 12%,#161c20 52%,#42494b 100%);border:1px solid #89928e;border-radius:15px 15px 4px 4px;box-shadow:0 14px 35px #18352d24,inset 0 1px 1px #c9cecc50}.laptop-camera{position:absolute;top:6px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#071011;border:1px solid #586467;box-shadow:0 0 0 1px #171d20}.laptop-display{position:relative;aspect-ratio:16/9;background:#073f3b;border:1px solid #0a0d0e;border-radius:3px;overflow:hidden}.laptop-film{display:block;width:100%;height:100%;object-fit:cover;background:#073f3b}.laptop-screen-glint{position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff10;border-radius:2px}.laptop-lid-bottom{height:15px;background:linear-gradient(#11181d,#2e3538);margin:0 -1px}.laptop-base{position:relative;height:23px;width:100%;background:linear-gradient(180deg,#cfd3d0 0%,#f1f2ed 27%,#a9b0ac 31%,#929d97 63%,#49554f 100%);clip-path:polygon(4.5% 0,95.5% 0,100% 48%,99% 75%,96% 100%,4% 100%,1% 75%,0 48%);z-index:2}.laptop-base:before{content:"";position:absolute;top:0;left:42%;right:42%;height:5px;background:linear-gradient(#b7bdb7,#e5e8df);border-radius:0 0 8px 8px;box-shadow:inset 0 -1px 1px #646f6660}.laptop-base:after{content:"";position:absolute;left:8%;right:8%;bottom:3px;height:1px;background:#d2d8ce55}.laptop-shadow{position:absolute;bottom:9px;left:4%;right:4%;height:20px;border-radius:50%;background:#243a3170;filter:blur(13px);z-index:0}.film-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.film-status{display:flex;align-items:center;gap:8px;color:#788273;font-size:10px}.film-status-dot{width:5px;height:5px;border-radius:50%;background:#c99a42}.film-showcase.is-playing .film-status-dot{background:#075b55;box-shadow:0 0 0 3px #075b550a}.film-duration{color:#9a9e8e;font-size:9px;font-variant-numeric:tabular-nums}.film-duration:not(:empty):before{content:"·";margin-right:8px}.film-actions{display:flex;align-items:center;gap:24px}.film-actions button{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:none;color:#075b55;font:inherit;font-size:10px;font-weight:500;cursor:pointer}.film-toggle-icon{font-size:9px;width:12px;display:block}.film-expand>span{font-size:17px;margin-left:5px}.film-description{font-size:10px;color:#83907c;line-height:1.7;max-width:680px;margin-top:12px}.film-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:29px;padding-top:24px;border-top:1px solid #dbe1d3}.film-chapters>div{display:flex;gap:12px}.film-chapters>div>span{font-size:8px;color:#a5a78e;margin-top:3px}.film-chapters p{font-size:11px;font-weight:500;line-height:1.4}.film-chapters small{display:block;font-size:9px;font-weight:400;line-height:1.6;margin-top:6px;color:#829079}.film-dialog{width:min(1400px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:23px;border:1px solid #d4dfcb;border-radius:7px;background:#f7f9f3;color:#183331;overflow:auto;box-shadow:0 30px 100px #103f3340}.film-dialog::backdrop{background:#10392fbd;backdrop-filter:blur(5px)}.film-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.film-dialog header p{font-size:8px;letter-spacing:1.5px;color:#7c8b70;margin:0 0 6px}.film-dialog header h3{font-size:22px;line-height:1.3;font-weight:450;letter-spacing:-.6px}.film-dialog header form{margin:0}.film-dialog-close{border:0;border-radius:50%;width:35px;height:35px;font-size:25px;line-height:1;color:#183331;background:#e7ede0;cursor:pointer}.film-large{display:block;width:100%;max-height:calc(100dvh - 180px);aspect-ratio:16/9;background:#073f3b;border-radius:3px;object-fit:contain}.film-dialog-note{margin-top:13px;font-size:9px;color:#859178}.film-showcase button:focus-visible,.film-showcase summary:focus-visible{outline:3px solid #c99a42;outline-offset:5px}
@media(max-width:940px){.laptop-stage{padding:25px 24px 16px}.film-intro>p{max-width:230px;line-height:1.7;text-align:right}.film-chapters{gap:20px}.film-chapters p{font-size:10px}.film-chapters small{font-size:8px}}
@media(max-width:760px){.film-intro{display:block;margin-bottom:19px}.film-eyebrow{font-size:8px}.film-intro>p{max-width:none;text-align:left;font-size:11px;margin-top:10px}.laptop-stage{padding:20px 10px 7px;overflow:visible}.laptop-device{width:100%;padding-bottom:18px}.laptop-lid{padding:11px 6px 0;border-radius:9px 9px 2px 2px}.laptop-camera{top:4px;width:3px;height:3px;left:calc(50% - 1.5px)}.laptop-lid-bottom{height:8px}.laptop-base{height:14px}.laptop-base:before{height:3px}.laptop-shadow{height:13px;bottom:5px;filter:blur(9px)}.film-controls{gap:15px;flex-wrap:wrap;margin-top:18px}.film-status{font-size:9px}.film-actions{gap:19px;margin-left:auto}.film-actions button{font-size:9px}.film-description{font-size:9px;margin-top:12px}.film-chapters{grid-template-columns:1fr 1fr;gap:21px 17px;margin-top:24px;padding-top:20px}.film-chapters p{font-size:11px}.film-chapters small{font-size:9px}.film-chapters>div{gap:9px}.film-dialog{width:calc(100vw - 20px);padding:16px;max-height:calc(100dvh - 20px)}.film-dialog header h3{font-size:19px}.film-dialog header p{font-size:7px}.film-large{max-height:calc(100dvh - 160px)}.film-dialog-note{font-size:8px}}
.screens-details{margin-top:32px;border-top:1px solid #d9e1d4;padding-top:3px}.screens-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;font-size:12px;font-weight:500;color:#075b55;cursor:pointer;list-style:none}.screens-details>summary::-webkit-details-marker{display:none}.screens-details>summary span{font-size:23px;font-weight:300;transition:transform .2s}.screens-details[open]>summary{padding-bottom:25px}.screens-details[open]>summary span{transform:rotate(45deg)}
@media(max-width:400px){.film-actions{margin-left:0;width:100%;justify-content:space-between}.laptop-stage{padding-left:5px;padding-right:5px}.film-chapters p{font-size:10px}.film-chapters small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.screens-details>summary span{transition:none}}