.of{padding:28px 0 25px}.of-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:14px 0 20px}.of-intro h2{font-size:36px}.of-intro em{color:var(--op-copper);font-style:normal}.of-intro p{font-size:14px;max-width:440px;color:var(--op-muted);margin:0}.of-film-card{background:var(--op-wine);color:var(--op-paper);border-radius:8px;overflow:hidden}.of-film-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid #f5f1e82b}.of-film-bar>span{font-size:11px}.of-modes{display:flex;gap:4px}.of-modes button{min-height:44px;padding:6px 13px;border:1px solid #f5f1e84d;border-radius:4px;color:inherit;background:transparent;font-size:12px}.of-modes button[aria-pressed=true]{background:var(--op-paper);color:var(--op-wine);border-color:var(--op-paper)}.of-screen{position:relative;width:100%;aspect-ratio:4/3;max-height:520px;background:#28121a;display:grid;place-items:center}.of-screen video{display:block;width:100%;height:100%;max-height:520px;object-fit:contain}.of-play{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;background:#f5f1e8f5;border:1px solid #f5f1e8;color:var(--op-wine);border-radius:5px;font-size:12px!important;backdrop-filter:blur(8px)}.of-play>span:first-child{font-size:13px}.of-screen[data-guide=true] .of-play{bottom:auto;top:12px}.of-film-note{font-size:11px;line-height:1.8;padding:10px 16px 12px;margin:0;color:#e5d5d1}.of-media-error{padding:0 16px 12px;font-size:12px}.of-chapters{display:flex;gap:0;border-top:1px solid #f5f1e82b}.of-chapters button{flex:1;min-height:44px;background:transparent;border:0;color:inherit;font-size:12px;padding:8px}.of-chapters button+button{border-inline-start:1px solid #f5f1e82b}.of-details{margin-top:28px}.of-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--op-line);margin-bottom:16px}.of-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--op-muted);min-height:48px;padding:8px 3px;font-size:13px}.of-tabs button[aria-selected=true]{color:var(--op-wine);border-color:var(--op-wine);font-weight:600}.of-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.of-panel>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:5px;max-height:560px;background:#ede5d9}.of-number{font-size:11px;color:var(--op-copper);letter-spacing:.16em;direction:ltr;display:block}.of-panel h3{font:600 30px/1.5 Handicrafts,'Odda Plex',sans-serif;color:var(--op-wine);margin:12px 0}.of-panel p{font-size:14px;line-height:1.9;color:var(--op-muted);margin:0}.of-detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.of-detail-tags span{font-size:11px;border:1px solid var(--op-line);border-radius:3px;padding:4px 10px}.of-image-note{font-size:10px;color:var(--op-muted);margin:12px 0 0}.of noscript video{width:100%;max-height:400px}.of :focus-visible{outline-color:var(--op-copper)}.of-film-card :focus-visible{outline-color:var(--op-paper)}
@media(max-width:899px){.of{padding:24px 0 22px}.of-intro{grid-template-columns:1fr;gap:8px;margin:12px 0 15px}.of-intro h2{font-size:28px}.of-intro p{font-size:12px;line-height:1.8}.of-film-bar{padding:8px 9px;gap:5px}.of-film-bar>span{font-size:9px;max-width:85px}.of-modes button{font-size:10px;padding:5px 8px}.of-screen{max-height:330px}.of-screen video{max-height:330px}.of-play{left:8px;bottom:8px;padding:7px 10px;font-size:10px!important}.of-film-note{font-size:10px;padding:9px 12px}.of-chapters button{font-size:10px;padding:5px 3px}.of-details{margin-top:22px}.of-tabs{margin-bottom:12px}.of-tabs button{font-size:11px}.of-panel{grid-template-columns:1fr;gap:13px}.of-panel>img{max-height:390px;background:#ede5d9}.of-panel-copy{display:grid;grid-template-columns:1fr auto;gap:7px 10px}.of-panel h3{font-size:23px;margin:0;grid-column:1;grid-row:1}.of-number{grid-column:2;grid-row:1;align-self:center;font-size:9px}.of-panel p{font-size:12px;line-height:1.9;grid-column:1/-1}.of-detail-tags{grid-column:1/-1;margin-top:2px;gap:6px}.of-detail-tags span{font-size:10px;padding:3px 8px}.of-image-note{font-size:9px;line-height:1.7;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.of *{scroll-behavior:auto!important;transition:none!important}}