/* Scoped to the cartoon; respects the salon's existing typography. */
.bubul-film{padding:clamp(42px,7vw,86px) 24px;background:#f8f4ee;color:#34252a;scroll-margin-top:90px}
.bubul-film__inner{width:min(100%,1020px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:clamp(30px,7vw,100px);align-items:center}
.bubul-film h2{font-family:'Noto Serif',serif;font-size:clamp(28px,4vw,44px);line-height:1.2;margin:22px 0}
.bubul-film h2 em{color:#8b1a3a}.bubul-film p{font-size:16px;line-height:1.8}.bubul-film__duration{font-size:13px!important;letter-spacing:.035em;color:#665558}.bubul-film__signature{font-size:14px!important;font-weight:700}.bubul-film__figure{margin:0;width:100%}.bubul-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:20px;background:#241b18;box-shadow:0 16px 42px #34252a1a}.bubul-film figcaption{font-size:12px;text-align:center;margin-top:12px;color:#665558}.bubul-film__story{font-size:14px;margin-top:20px}.bubul-film summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bubul-film summary:focus-visible{outline:2px solid #8b1a3a;outline-offset:5px}
@media(max-width:640px){.bubul-film{padding:42px 20px}.bubul-film__inner{grid-template-columns:minmax(0,1fr);gap:28px}.bubul-film__figure{width:min(100%,290px);justify-self:center}.bubul-film h2{font-size:30px}}