/* The original film: a quiet cinema chapter inside Simone's story. */
.s44-film { padding:84px var(--gutter) 72px; background:#18271f; color:#f0eee5; scroll-margin-top:calc(var(--ss-header-height) + 58px); }
.s44-film [hidden] { display:none!important; }
.s44-film-rule { display:flex; justify-content:space-between; gap:24px; padding-top:18px; border-top:1px solid #677060; color:#bec5b4; font:400 10px/1.6 'DM Sans',sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.s44-film-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:8vw; align-items:end; margin:54px 0 45px; }
.s44-film h2 { color:#f0eee5; font:400 clamp(48px,6vw,92px)/1.04 'Bodoni Moda',Georgia,serif; letter-spacing:-.045em; }
.s44-film h2 em { font-weight:400; color:#c8cbb9; }
.s44-film-intro { max-width:380px; padding-bottom:6px; }
.s44-film-intro p { color:#d0d5c7; font:400 14px/1.85 'DM Sans',sans-serif; }
.s44-film-intro > span { display:block; margin-top:22px; color:#b9c3af; font-size:10px; letter-spacing:.05em; }
.s44-film-screen { position:relative; width:100%; aspect-ratio:16/9; min-height:200px; background:#0c1510; overflow:hidden; }
.s44-film-poster,.s44-film-player { position:absolute; inset:0; }
.s44-film-poster img { display:block; width:100%; height:100%; object-fit:cover; }
.s44-film-poster::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 40%,#0c1817a6); }
.s44-film-play { position:absolute; z-index:1; inset:0; width:100%; height:100%; display:grid; place-items:center; padding:0; border:0; background:none; color:#fffdf5; cursor:pointer; font:400 12px/1.4 'DM Sans',sans-serif; }
.s44-film-play-icon { width:104px; height:104px; display:grid; place-items:center; border:1px solid #fffdf5; border-radius:50%; background:#f0eee5; color:#18271f; box-shadow:0 0 0 9px #f0eee526,0 12px 40px #07120b4d; transition:background .2s ease,transform .2s ease; }
.s44-film-play-icon svg { width:24px; height:28px; margin-left:5px; fill:currentColor; }
.s44-film-play:hover .s44-film-play-icon { transform:scale(1.06); background:#fffdf5; }
.s44-film-play-label { position:absolute; bottom:clamp(22px,3vw,42px); left:clamp(22px,3vw,42px); display:flex; align-items:center; gap:14px; text-align:left; letter-spacing:.12em; text-transform:uppercase; text-shadow:0 1px 8px #07120b; }
.s44-film-play-label small { display:block; padding-left:14px; border-left:1px solid #f0eee580; color:#f0eee5; font-size:10px; font-weight:400; letter-spacing:.06em; }
.s44-film-player iframe { display:block; width:100%; height:100%; border:0; }
.s44-film-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 32px; margin-top:16px; }
.s44-film-actions p { color:#c5cdbb; font-size:11px; line-height:1.8; }
.s44-film-controls { display:flex; align-items:center; flex-wrap:wrap; gap:12px 28px; }
.s44-film-controls :is(a,button) { display:inline-flex; align-items:center; gap:20px; min-height:44px; color:#f0eee5; background:transparent; border:0; border-bottom:1px solid #76816d; padding:8px 0; font:400 12px/1.5 'DM Sans',sans-serif; text-decoration:none; cursor:pointer; }
.s44-film-controls a span { font-size:19px; }
.s44-film-caption { margin-top:20px; color:#b9c3af; font-size:10px; line-height:1.8; }
.s44-film :is(a,button,summary):focus-visible { outline:2px solid #f0eee5; outline-offset:6px; }
.s44-film .s44-film-play:focus-visible { outline-offset:-8px; }
.s44-film-credits { margin-top:42px; border-top:1px solid #52604e; }
.s44-film-credits summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:58px; list-style:none; color:#e2e5d6; cursor:pointer; font-size:12px; }
.s44-film-credits summary::-webkit-details-marker { display:none; }
.s44-film-credits summary::after { content:'+'; font-size:22px; }
.s44-film-credits[open] summary::after { content:'−'; }
.s44-film-credit-grid { display:grid; grid-template-columns:1fr 1fr; gap:6vw; padding:16px 0 12px; }
.s44-film-credit-grid h3 { margin-bottom:15px; font:400 22px/1.2 'Bodoni Moda',Georgia,serif; color:#f0eee5; }
.s44-film-credit-grid p { max-width:550px; color:#c5cdbb; font-size:12px; line-height:1.9; }
.s44-film-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:760px) {
 .s44-film { padding:52px var(--gutter) 46px; }
 .s44-film-rule { font-size:9px; gap:18px; }
 .s44-film-rule > span:last-child { text-align:right; }
 .s44-film-heading { grid-template-columns:1fr; gap:27px; margin:35px 0 30px; }
 .s44-film h2 { font-size:clamp(44px,12vw,68px); }
 .s44-film-intro p { font-size:13px; }
 .s44-film-intro > span { margin-top:16px; }
 .s44-film-play { font-size:10px; }
 .s44-film-play-icon { width:76px; height:76px; box-shadow:0 0 0 6px #f0eee526,0 8px 28px #07120b4d; }
 .s44-film-play-icon svg { width:20px; height:23px; margin-left:4px; }
 .s44-film-play-label { bottom:18px; left:18px; gap:11px; letter-spacing:.09em; }
 .s44-film-play-label small { padding-left:11px; font-size:9px; }
 .s44-film-actions { display:block; margin-top:17px; }
 .s44-film-controls { margin-top:8px; }
 .s44-film-caption { max-width:280px; margin-top:18px; }
 .s44-film-credits { margin-top:28px; }
 .s44-film-credit-grid { grid-template-columns:1fr; gap:28px; padding:12px 0; }
 .simone-book .o22-index > div { min-width:340px; gap:17px; }
}
@media(prefers-reduced-motion:reduce) {
 .s44-film-play-icon { transition:none; }
}
