/* One chapter per viewport with a restrained translucent glass veil. */
html:has(body[data-page="home"]){scroll-snap-type:y mandatory;scroll-padding-top:0;overscroll-behavior-y:contain}
body[data-page="home"] [data-home-panel]{height:100svh!important;min-height:100svh!important;max-height:100svh!important;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
body[data-page="home"] footer{scroll-snap-align:start}
body[data-page="home"] .hero-sequence::after,body[data-page="home"] .home-story::after{backdrop-filter:blur(.45px) saturate(.85);-webkit-backdrop-filter:blur(.45px) saturate(.85)}
body[data-page="home"] .hero-sequence::after{background:linear-gradient(115deg,rgba(27,25,23,.32),rgba(138,129,117,.16) 47%,rgba(5,4,5,.34)),linear-gradient(90deg,rgba(5,4,5,.72),rgba(5,4,5,.2) 50%,rgba(5,4,5,.72)),linear-gradient(0deg,rgba(5,4,5,.56),transparent 80%)!important}
body[data-page="home"] .watch-duet::after{background:linear-gradient(115deg,rgba(27,25,23,.24),rgba(138,129,117,.15) 55%,rgba(5,4,5,.25)),linear-gradient(90deg,rgba(5,4,5,.53),transparent 42%,transparent 58%,rgba(5,4,5,.53))!important;z-index:1}
body[data-page="home"] .story-about::after,body[data-page="home"] .story-sourcing::after{background:linear-gradient(115deg,rgba(27,25,23,.38),rgba(138,129,117,.16) 55%,rgba(5,4,5,.42)),linear-gradient(90deg,rgba(5,4,5,.76),rgba(5,4,5,.16) 50%,rgba(5,4,5,.76)),linear-gradient(0deg,rgba(5,4,5,.5),transparent 80%)!important}
body[data-page="home"] .hero-frame:first-child{animation:editorial-camera 18s ease-in-out infinite alternate!important}
body[data-page="home"] .story-about::before{animation:editorial-camera 20s ease-in-out infinite alternate!important}
body[data-page="home"] .story-sourcing::before{animation:editorial-camera 19s ease-in-out infinite alternate!important}
body.motion-paused .hero-frame:first-child,body.motion-paused .story-about::before,body.motion-paused .story-sourcing::before,body.motion-paused .duet-watch{animation-play-state:paused!important}
@media(max-width:650px){
 body[data-page="home"]{--chapter-height:100svh;--art-top:112px;--art-height:clamp(130px,21svh,190px);--copy-top:clamp(275px,40svh,370px)}
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination{top:var(--copy-top)!important}
 body[data-page="home"] .cinema-copy .eyebrow,body[data-page="home"] .story-copy .eyebrow{margin-bottom:14px!important}
 body[data-page="home"] .cinema-copy h1,body[data-page="home"] .story-copy h2{margin-bottom:16px!important}
 body[data-page="home"] .cinema-actions{margin-top:18px!important;gap:7px!important}
 body[data-page="home"] .story-link{margin-top:19px!important}
 body[data-page="home"] .hero-sequence::after,body[data-page="home"] .story-about::after,body[data-page="home"] .story-sourcing::after{background:linear-gradient(0deg,rgba(5,4,5,.9),rgba(5,4,5,.75) 40%,rgba(138,129,117,.22) 80%,rgba(5,4,5,.48))!important}
}
@media(max-width:650px) and (max-height:720px){body[data-page="home"]{--copy-top:clamp(255px,40svh,290px)}body[data-page="home"] .cinema-copy h1{font-size:clamp(20px,5.6vw,24px)!important}body[data-page="home"] .cinema-copy>p:not(.eyebrow){font-size:12px!important;line-height:1.55!important}body[data-page="home"] .cinema-actions a{min-height:40px!important;padding:10px 16px!important}}
@media(prefers-reduced-motion:reduce){html:has(body[data-page="home"]){scroll-snap-type:y proximity}body[data-page="home"] .hero-frame:first-child,body[data-page="home"] .story-about::before,body[data-page="home"] .story-sourcing::before,body[data-page="home"] .duet-watch{animation:none!important}}

/* Mobile editorial rhythm: one aligned text column and room for controls. */
@media(max-width:650px){
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination{left:7%!important;right:7%!important;top:clamp(245px,40svh,345px)!important}
 body[data-page="home"] .cinema-editorial .cinema-copy{left:0!important;right:auto!important}
 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.2vw,27px)!important;line-height:1.18!important;margin:0 0 16px!important;max-width:20ch!important}
 body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{font-size:14px!important;line-height:1.55!important;max-width:31ch!important}
 body[data-page="home"] .cinema-actions{margin:22px 0 0!important;gap:8px!important;align-items:flex-start!important}
 body[data-page="home"] .cinema-actions a,body[data-page="home"] .story-link{margin-left:0!important;max-width:100%;box-sizing:border-box}
 body[data-page="home"] .story-link{margin-top:22px!important}
 body[data-page="home"] .editorial-caption{position:absolute!important;top:auto!important;bottom:80px!important;left:7%!important;right:7%!important;max-width:none!important;font-size:9px!important;line-height:1.4!important;z-index:2}
 html[dir="rtl"] body[data-page="home"] .cinema-actions{align-items:flex-start!important}
 html[dir="rtl"] body[data-page="home"] .editorial-caption{text-align:right}
}
@media(max-width:650px) and (max-height:720px){
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination{top:clamp(220px,36svh,260px)!important}
 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(20px,5.8vw,24px)!important;margin-bottom:12px!important}
 body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{font-size:12px!important;line-height:1.5!important}
 body[data-page="home"] .cinema-actions,body[data-page="home"] .story-link{margin-top:14px!important}
}

/* Mobile art direction keeps the complete full-screen canvas, with the
   original photography scaled back and blended into the dark backdrop. */
@media(max-width:650px){
 body[data-page="home"] .hero-frame:first-child{background-size:135% auto!important;background-position:50% 17%!important;background-repeat:no-repeat!important;opacity:.76!important}
 body[data-page="home"] .hero-sequence::after{background:linear-gradient(180deg,rgba(5,4,5,.36) 0%,rgba(5,4,5,.08) 22%,rgba(5,4,5,.57) 42%,rgba(5,4,5,.93) 67%,#050405 100%)!important}
 body[data-page="home"] .story-about::before{background-size:auto 65%!important;background-position:50% 14%!important;background-repeat:no-repeat!important;opacity:.78!important}
 body[data-page="home"] .story-sourcing::before{background-size:auto 60%!important;background-position:50% 14%!important;background-repeat:no-repeat!important;opacity:.68!important}
 body[data-page="home"] .story-about::before,body[data-page="home"] .story-sourcing::before{-webkit-mask-image:linear-gradient(to bottom,transparent 2%,#000 23%,#000 42%,transparent 72%);mask-image:linear-gradient(to bottom,transparent 2%,#000 23%,#000 42%,transparent 72%)}
 body[data-page="home"] .story-about::after,body[data-page="home"] .story-sourcing::after{background:linear-gradient(180deg,rgba(5,4,5,.48),rgba(5,4,5,.12) 22%,rgba(5,4,5,.66) 45%,rgba(5,4,5,.96) 72%,#050405)!important}
 body[data-page="home"] .watch-duet{background:radial-gradient(ellipse at 50% 29%,#343231 0%,#1e1c1c 38%,#050405 78%)!important}
 body[data-page="home"] .duet-art{inset:0!important;width:100%!important;height:100%!important}
 body[data-page="home"] .duet-watch{top:12%!important;height:37%!important;width:50%!important}
 body[data-page="home"] .duet-orange img,body[data-page="home"] .duet-teal img{width:400%!important;height:140%!important;left:-150%!important;top:-20%!important;object-fit:contain}
 body[data-page="home"] .watch-duet::after{background:linear-gradient(180deg,rgba(5,4,5,.15),transparent 25%,rgba(5,4,5,.26) 43%,rgba(5,4,5,.87) 72%,#050405)!important}
}

/* Use the available mobile height rather than leaving an empty lower third. */
@media(max-width:650px){
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination{top:auto!important;bottom:clamp(104px,16svh,150px)!important}
 body[data-page="home"] .cinema-bottom,body[data-page="home"] .panel-controls{bottom:max(22px,env(safe-area-inset-bottom))!important}
 body[data-page="home"] .story-about .story-destination{bottom:clamp(126px,18svh,165px)!important}
 body[data-page="home"] .editorial-caption{bottom:max(78px,calc(env(safe-area-inset-bottom) + 66px))!important}
 body[data-page="home"] .cinema{background:radial-gradient(ellipse at 65% 80%,#201818 0%,#0F0E0D 40%,#050405 100%)!important}
 body[data-page="home"] .home-story:not(.watch-duet){background:radial-gradient(ellipse at 65% 80%,#201818 0%,#0F0E0D 40%,#050405 100%)!important}
 body[data-page="home"] .watch-duet{background:radial-gradient(ellipse at 50% 30%,#343130 0%,#1e1b1b 48%,#0F0E0D 100%)!important}
 body[data-page="home"] .hero-sequence::after{background:linear-gradient(180deg,rgba(5,4,5,.35),rgba(5,4,5,.08) 22%,rgba(5,4,5,.57) 42%,rgba(5,4,5,.77) 72%,rgba(5,4,5,.82))!important}
 body[data-page="home"] .story-about::after,body[data-page="home"] .story-sourcing::after{background:linear-gradient(180deg,rgba(5,4,5,.45),rgba(5,4,5,.12) 22%,rgba(5,4,5,.64) 49%,rgba(5,4,5,.82) 100%)!important}
 body[data-page="home"] .watch-duet::after{background:linear-gradient(180deg,rgba(5,4,5,.15),transparent 25%,rgba(5,4,5,.28) 45%,rgba(5,4,5,.72) 100%)!important}
}
@media(max-width:650px) and (max-height:720px){
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination{top:auto!important;bottom:96px!important}
 body[data-page="home"] .story-about .story-destination{bottom:120px!important}
}

/* Concise editorial text, aligned like the mobile reference. */
@media(max-width:650px){
 body[data-page="home"] .cinema-copy h1,body[data-page="home"] .story-copy h2,body[data-page="home"] .watch-duet .story-copy h2{max-width:100%!important;font-size:clamp(21px,6vw,26px)!important;line-height:1.14!important;font-weight:500!important;letter-spacing:-.025em!important;margin-bottom:13px!important}
 body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.5!important;max-width:33ch!important}
 body[data-page="home"] .cinema-copy .eyebrow,body[data-page="home"] .story-copy .eyebrow{margin-bottom:16px!important}
 html[lang="ar"] body[data-page="home"] .cinema-copy h1,html[lang="ar"] body[data-page="home"] .story-copy h2{font-family:Tahoma,Arial,sans-serif!important;line-height:1.4!important;letter-spacing:0!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.7!important}
}
@media(max-width:650px) and (max-height:720px){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(20px,5.7vw,23px)!important}body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{font-size:13px!important}}

/* A unified champagne-and-bronze editorial treatment. */
body[data-page="home"] .cinema-copy h1,body[data-page="home"] .cinema-copy h1 em,body[data-page="home"] .story-copy h2{color:#B9937C!important}
body[data-page="home"] .cinema-copy>p:not(.eyebrow),body[data-page="home"] .story-copy>p{color:#B9937C!important}
body[data-page="home"] .cinema-actions a:first-child,body[data-page="home"] .story-link{background:#B9937C!important;color:#050405!important}
@media(max-width:650px){
 header{height:76px!important;background:linear-gradient(180deg,rgba(5,4,5,.64),transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 header>.logo{top:12px!important;height:48px!important;gap:2px!important}
 header>.logo .brand-symbol{width:19px!important;height:19px!important}
 #menu{top:23px!important;left:7%!important}
 .header-tools{left:auto!important;right:7%!important;top:23px!important;width:auto!important;transform:none!important}
 .header-tools .nav-inquiry{display:none!important}
 #header-search{font-size:0!important;width:25px;height:25px;position:relative}
 #header-search::before{content:'';position:absolute;width:12px;height:12px;border:1.4px solid #B9937C;border-radius:50%;left:2px;top:2px}
 #header-search::after{content:'';position:absolute;width:8px;height:1.4px;background:#B9937C;transform:rotate(45deg);left:14px;top:16px}
 .drawer-utilities{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #4A443C;padding:22px 0;color:#B9937C}
 .drawer-utilities .language-picker{position:relative}
 .drawer-utilities #language-toggle{color:#B9937C;background:none;border:0;padding:10px 0;font:11px Arial,sans-serif;letter-spacing:1px}
 .drawer-utilities #language-options{left:0;top:auto;bottom:100%;min-width:140px;background:#201818;padding:12px}
 .drawer-utilities #language-options button{display:block;width:100%;text-align:start;background:none;border:0;padding:10px;color:#B9937C}
 .drawer-utilities .header-cart{color:#B9937C!important;min-height:44px;min-width:44px;justify-content:center}
 body[data-page="home"] .hero-frame:first-child{background-size:cover!important;background-position:52% center!important;opacity:.57!important}
 body[data-page="home"] .hero-sequence::after{background:linear-gradient(180deg,rgba(5,4,5,.20),rgba(5,4,5,.28) 28%,rgba(5,4,5,.60) 58%,rgba(5,4,5,.78) 100%),linear-gradient(90deg,rgba(27,25,23,.16),transparent)!important}
 body[data-page="home"] .story-about::before,body[data-page="home"] .story-sourcing::before{background-size:cover!important;background-position:50% center!important;opacity:.48!important;-webkit-mask-image:none!important;mask-image:none!important}
 body[data-page="home"] .story-about::after,body[data-page="home"] .story-sourcing::after{background:linear-gradient(180deg,rgba(5,4,5,.25),rgba(5,4,5,.25) 25%,rgba(5,4,5,.64) 65%,rgba(5,4,5,.79))!important}
 body[data-page="home"] .watch-duet{background:radial-gradient(ellipse at 50% 30%,#3c3532,#201818 55%,#100c0c)!important}
 body[data-page="home"] .duet-watch img{filter:saturate(.8) brightness(.83)}
 body[data-page="home"] .cinema-editorial,body[data-page="home"] .home-story .story-destination{left:7%!important;right:7%!important}
}