/* Four chapters: photograph, quiet collection, photograph, quiet brand. */
body[data-page="home"] .story-collection,body[data-page="home"] .story-about{background:#201818!important}
body[data-page="home"] .story-collection::before,body[data-page="home"] .story-about::before,body[data-page="home"] .story-collection::after,body[data-page="home"] .story-about::after{display:none!important}
.maison-index{position:absolute;inset:20% 7% auto;display:grid;grid-template-columns:1fr 1fr;gap:0 8%;max-width:1050px;z-index:1}
.maison-index span{padding:22px 0;border-top:1px solid #B9937C40;font:400 clamp(22px,3vw,42px)/1.2 Georgia,serif;color:#B9937C}
.about-brand-seal{position:absolute;top:23%;left:7%;width:100px!important;height:100px!important;background-color:#B9937C!important;opacity:.6}
body[data-page="home"] .story-about{background:radial-gradient(ellipse at 85% 20%,#302321,#201818 68%)!important}
body[data-page="home"] .story-sourcing::before{background-image:url('assets/hero-celestial.webp')!important;background-position:72% 45%!important;filter:saturate(.7)!important;opacity:.65!important}
body[data-page="home"] .story-collection .story-destination,body[data-page="home"] .story-about .story-destination{position:absolute;left:7%;right:7%;bottom:18%;max-width:850px!important}
body[data-page="home"] .story-link{background:transparent!important;color:#B9937C!important;border:0!important;border-bottom:1px solid #B9937C!important;border-radius:0!important;padding:0 0 12px!important}
body[data-page="home"] .story-collection .section-pause,body[data-page="home"] .story-about .section-pause{visibility:hidden}
.drawer-utilities #header-search{color:#B9937C;background:none;border:0;padding:10px 0;font:11px Arial,sans-serif;letter-spacing:1px}
@media(max-width:650px){
 header{height:78px!important}
 header>.logo{left:46%!important;width:139px!important}
 header>.logo .brand-wordmark{font-size:11px!important;letter-spacing:1.8px!important}
 .header-tools{top:22px!important;right:5%!important;left:auto!important;gap:0!important}
 .header-tools .language-picker{display:block!important}
 .header-tools #language-toggle{font-size:9px!important;letter-spacing:.3px;min-height:34px;color:#B9937C!important}
 .header-tools #language-options{left:auto!important;right:0!important;top:38px!important;min-width:125px;background:#201818;padding:12px}
 #menu{left:5%!important}
 body[data-page="home"] .maison-index{inset:21% 7% auto;grid-template-columns:1fr;gap:0}
 .maison-index span{font-size:clamp(24px,7vw,31px);padding:13px 0}
 body[data-page="home"] .story-collection .story-destination{bottom:108px!important}
 body[data-page="home"] .story-about .story-destination{bottom:108px!important}
 .about-brand-seal{top:25%;left:7%;width:76px!important;height:76px!important}
 body[data-page="home"] .story-sourcing::before{background-size:cover!important;background-position:60% center!important;opacity:.55!important}
 body[data-page="home"] .story-sourcing::after{background:linear-gradient(180deg,#05040522,#05040533 30%,#050405bb 70%,#050405cc)!important}
 body[data-page="home"] .cinema-copy h1,body[data-page="home"] .story-copy h2{font-size:clamp(23px,6.4vw,28px)!important}
}
@media(max-width:650px) and (max-height:720px){.maison-index span{padding:9px 0;font-size:24px}.about-brand-seal{top:22%}body[data-page="home"] .story-collection .story-destination,body[data-page="home"] .story-about .story-destination{bottom:96px!important}body[data-page="home"] .cinema-copy h1,body[data-page="home"] .story-copy h2{font-size:22px!important}}

/* Hybrid editorial: moving cover, real watch portraits, quiet type panels. */
.split-watch{position:absolute;inset:0 48% 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#61544c,#211b18 70%);z-index:0}
.split-watch img{position:absolute;width:430%;max-width:none;height:140%;object-fit:contain;left:-165%;top:-20%;animation:portrait-drift 16s ease-in-out infinite alternate;transform-origin:center}
.teal-scene{background:radial-gradient(ellipse at 50% 45%,#555c5a,#192021 75%)}
body[data-page="home"] .story-collection,body[data-page="home"] .story-about{background:#1d1b1a!important}
body[data-page="home"] .story-collection .story-destination,body[data-page="home"] .story-about .story-destination{left:59%!important;right:6%!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);max-width:530px!important}
body[data-page="home"] .story-collection .story-copy h2,body[data-page="home"] .story-about .story-copy h2{font-family:Georgia,serif!important;text-transform:none!important;font-weight:400!important;line-height:1.06!important;font-size:clamp(38px,4vw,68px)!important;letter-spacing:-.045em!important}
body[data-page="home"] .story-collection .story-copy>p,body[data-page="home"] .story-about .story-copy>p{font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1.8!important;max-width:34ch!important}
body[data-page="home"] .story-about{background:#f2eee7!important}
body[data-page="home"] .story-about .story-copy h2{color:#201818!important}
body[data-page="home"] .story-about .story-copy>p{color:#655850!important}
body[data-page="home"] .story-about .story-link,body[data-page="home"] .story-about .eyebrow{color:#736866!important}
body[data-page="home"] .story-about .panel-controls{color:#736866!important}
.motion-paused .split-watch img{animation-play-state:paused}
@keyframes portrait-drift{from{transform:scale(.97) translateY(4px) rotate(-1deg)}to{transform:scale(1.04) translateY(-6px) rotate(1deg)}}
@media(max-width:650px){
 .split-watch{inset:0 0 48% 0!important}
 .split-watch img{width:330%;height:160%;left:-115%;top:-30%}
 body[data-page="home"] .story-collection .story-destination,body[data-page="home"] .story-about .story-destination{left:7%!important;right:7%!important;top:58%!important;bottom:auto!important;transform:none!important}
 body[data-page="home"] .story-collection .story-copy h2,body[data-page="home"] .story-about .story-copy h2{font-size:clamp(30px,9vw,40px)!important;max-width:16ch!important;margin-bottom:16px!important}
 body[data-page="home"] .story-collection .story-copy>p,body[data-page="home"] .story-about .story-copy>p{font-size:13px!important;line-height:1.6!important}
 body[data-page="home"] .story-collection .story-link,body[data-page="home"] .story-about .story-link{margin-top:20px!important;font-size:9px!important}
}
@media(max-width:650px) and (max-height:720px){body[data-page="home"] .story-collection .story-destination,body[data-page="home"] .story-about .story-destination{top:56%!important}.split-watch{bottom:49%!important}body[data-page="home"] .story-collection .story-copy h2,body[data-page="home"] .story-about .story-copy h2{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.split-watch img{animation:none}}