/* Give the editorial panels a consistent rhythm on narrow screens. */
@media(max-width:650px){
 body[data-page="home"]{--chapter-height:max(100svh,800px);--art-top:136px;--art-height:clamp(170px,25svh,230px);--copy-top:calc(var(--art-top) + var(--art-height) + 48px)}
 header{height:116px!important}.header-tools{top:83px!important;gap:24px!important}
 body[data-page="home"] [data-home-panel]{height:var(--chapter-height)!important;min-height:var(--chapter-height)!important;max-height:none!important;background:#050405!important;padding:0!important;overflow:hidden}
 body[data-page="home"] .hero-sequence{top:var(--art-top)!important;height:var(--art-height)!important;max-height:none!important;left:5%!important;right:5%!important}
 body[data-page="home"] .hero-frame:first-child{background-size:contain!important;background-position:center!important}
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination,body[data-page="home"] .watch-duet .story-destination{position:absolute!important;top:var(--copy-top)!important;bottom:auto!important;left:8%!important;right:8%!important;width:auto!important;max-width:none!important;display:block!important;margin:0!important;padding:0!important}
 body[data-page="home"] .cinema-copy,body[data-page="home"] .story-copy{width:100%;max-width:100%!important}
 body[data-page="home"] .cinema-copy .eyebrow,body[data-page="home"] .story-copy .eyebrow{font-size:9px!important;line-height:1.5;margin:0 0 24px!important;letter-spacing:1.8px}
 body[data-page="home"] .cinema-copy h1,body[data-page="home"] .story-copy h2,body[data-page="home"] .watch-duet .story-copy h2{font-size:clamp(22px,6.1vw,27px)!important;line-height:1.18!important;letter-spacing:-.025em;margin:0 0 26px!important;max-width:100%!important}
 body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{font:14px/1.85 Georgia,serif!important;max-width:32ch!important;margin:0!important}
 body[data-page="home"] .cinema-actions{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:14px!important;margin:30px 0 0!important}
 body[data-page="home"] .cinema-actions a{min-height:44px!important;font-size:10px!important;padding:13px 22px!important;width:max-content;max-width:100%;justify-content:space-between!important;gap:22px!important}
 body[data-page="home"] .story-link{display:inline-flex;align-items:center;gap:18px;font-size:10px!important;min-height:44px;margin-top:32px!important;padding:14px 22px!important}
 .duet-art{top:var(--art-top)!important;height:var(--art-height)!important;bottom:auto!important;left:0;right:0}
 .duet-orange img,.duet-teal img{width:330%!important;height:130%!important;left:-115%!important;top:-15%!important}
 body[data-page="home"] .story-about::before{top:var(--art-top)!important;bottom:auto!important;height:var(--art-height)!important;background-position:52% 32%!important;background-size:cover!important;opacity:.85!important}
 body[data-page="home"] .home-story::after{background:linear-gradient(0deg,#050405 0%,#050405 55%,transparent 80%)!important;pointer-events:none}
 body[data-page="home"] .watch-duet::after{background:none!important}
 body[data-page="home"] .story-sourcing::before{top:var(--art-top)!important;bottom:auto!important;height:var(--art-height)!important;background-size:auto 100%!important;background-position:center!important;opacity:.85!important}
 .cinema-bottom,.panel-controls{bottom:24px!important;left:8%!important;right:8%!important}
 .editorial-caption{position:absolute;top:auto;bottom:88px;left:8%;right:auto;max-width:220px;font-size:8px;line-height:1.6;opacity:.7}
 body:not([data-page="home"]) main{padding-top:160px!important}
 body[data-page="collection"] .collection{padding-top:24px;padding-bottom:80px}.collection-intro{margin-bottom:32px}.collection-intro h1{font-size:28px;line-height:1.25}
 .cards{row-gap:48px!important;column-gap:20px!important}.sourcing-prompt{margin-top:64px;padding:36px 0;gap:24px}
 body[data-page="about"] .about-dialix{padding-top:32px!important;padding-bottom:80px}.about-dialix p{line-height:1.9}.about-values{gap:32px;margin-top:48px}
 .process{padding-top:32px!important;padding-bottom:72px}.process-intro h1{font-size:39px;line-height:1.2}.steps{gap:40px;margin-top:56px}.steps article{padding-top:24px}.steps p{line-height:1.9}
 .faq{padding-top:52px;padding-bottom:72px;gap:36px}.faq details{padding:22px 0}.closing{padding:72px 8%}.footer-main{gap:40px;padding-top:56px;padding-bottom:48px}.footer-bottom{line-height:1.8}
 .watch-gallery{padding:64px 24px 28px}.gallery-hint{margin-top:18px}.detail-info{padding:36px 28px 48px}.detail-info h2{margin-bottom:24px}.detail-info .button{margin-top:18px}
 .inquiry-cart{padding:76px 28px 44px}.inquiry-cart article{padding:24px 0}.inquiry-cart>p{line-height:1.9}.inquiry-cart>.button{margin-top:20px}
 html[lang="ar"] body[data-page="home"] .cinema-copy h1,html[lang="ar"] body[data-page="home"] .story-copy h2{line-height:1.4!important;font-size:24px!important}
 html[lang="ar"] body[data-page="home"] .cinema-copy>p:not(.eyebrow),html[lang="ar"] body[data-page="home"] .story-copy>p{font-family:Tahoma,Arial,sans-serif!important;line-height:1.9!important;max-width:100%!important}
}
@media(max-width:650px) and (max-height:720px){body[data-page="home"]{--art-top:128px;--art-height:170px;--copy-top:346px;--chapter-height:800px}}
@media(max-width:650px){
 body[data-page="home"] .cinema-actions a+a{background:transparent!important;border:0!important;border-bottom:1px solid #b9937c!important;border-radius:0!important;padding:11px 0!important;min-height:44px}
 body[data-page="home"] .cinema-actions a:first-child{padding:14px 23px!important;min-height:46px}
 body[data-page="home"] .cinema-copy>p:not(.eyebrow){max-width:34ch!important}
}
@media(max-width:650px) and (max-height:720px){
 body[data-page="home"]{--art-top:120px;--art-height:140px;--copy-top:290px;--chapter-height:max(100svh,700px)}
 body[data-page="home"] .cinema-copy .eyebrow,body[data-page="home"] .story-copy .eyebrow{margin-bottom:16px!important}
 body[data-page="home"] .cinema-copy h1,body[data-page="home"] .story-copy h2{margin-bottom:18px!important}
 body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{line-height:1.65!important}
 body[data-page="home"] .cinema-actions{margin-top:20px!important;gap:8px!important}
 body[data-page="home"] .story-link{margin-top:24px!important}
}