/* Homepage art direction. All content remains readable before motion initializes. */
.cn-home .cn-hero { background:#151515; }
.cn-home .cn-hero-media { display:block; background:#151515; }
.cn-home .cn-hero-panel { position:absolute; }
.cn-home .cn-hero-panel[data-cn-panel="centre"] { inset:0; z-index:0; }
.cn-home .cn-hero-panel[data-cn-panel="centre"] img { object-position:50% 47%; }
.cn-hero-reel-slide { position:absolute; inset:0; overflow:hidden; opacity:0; }
.cn-home[data-cn-reel-state="running"] .cn-hero-reel-slide { will-change:opacity; }
.cn-hero-reel-slide[data-cn-reel-slide="rick"] { z-index:1; }
.cn-hero-reel-slide[data-cn-reel-slide="ducks"] { z-index:2; }
.cn-hero-reel-slide img { width:100%; height:100%; object-fit:cover; }
.cn-hero-reel-slide[data-cn-reel-slide="rick"] img { object-position:center 48%; }
.cn-hero-reel-slide[data-cn-reel-slide="ducks"] img { object-position:center 50%; }
.cn-home .cn-hero-panel[data-cn-panel="left"] { left:5%; top:31%; width:20%; height:43%; z-index:1; border:6px solid #fff; rotate:-7deg; box-shadow:0 24px 48px #0008; }
.cn-home .cn-hero-panel[data-cn-panel="right"] { right:5%; top:33%; width:17%; height:46%; z-index:1; border:6px solid #fff; rotate:7deg; box-shadow:0 24px 48px #0008; }
.cn-home .cn-hero::after { background:linear-gradient(180deg,#0008 0%,#0001 35%,#0002 54%,#000b 100%); }
.cn-home .cn-hero h1 { position:relative; z-index:2; margin-top:3%; }
.cn-home .cn-hero-topline,.cn-home .cn-hero-bottom,.cn-home .cn-hero-caption { position:relative; z-index:2; }
.cn-home .cn-hero-bottom { position:absolute; }
.cn-home .cn-hero-caption { position:absolute; }
.cn-home .cn-ticker { padding:18px 0; }
.cn-home .cn-ticker>div { font-size:42px; }
.cn-home .cn-product-grid { grid-template-columns:1.12fr .86fr 1.1fr .92fr; gap:24px; align-items:start; }
.cn-home .cn-product:nth-child(even) { margin-top:68px; }
.cn-home .cn-product:nth-child(1) .cn-product-image,.cn-home .cn-product:nth-child(3) .cn-product-image { aspect-ratio:3/4.4; }
.cn-home .cn-product:nth-child(2) .cn-product-image,.cn-home .cn-product:nth-child(4) .cn-product-image { aspect-ratio:3/3.4; }

.cn-editorial { position:relative; min-height:760px; height:90svh; overflow:hidden; isolation:isolate; background:#2727e9; color:#fff; }
.cn-motion-desktop .cn-editorial-stage { height:calc(var(--cn-editorial-height) + 85svh); }
.cn-motion-desktop .cn-editorial { position:sticky; top:0; }
.cn-editorial-media { position:absolute; inset:0; z-index:-1; }
.cn-editorial-photo { position:absolute; overflow:hidden; background:#101010; box-shadow:0 28px 60px #10107585; }
.cn-editorial-photo img { width:100%; height:100%; object-fit:cover; }
.cn-editorial-photo-left { left:5%; top:10%; width:31%; height:69%; rotate:-6deg; }
.cn-editorial-photo-left img { object-position:center 55%; }
.cn-editorial-photo-right { right:5%; top:7%; width:27%; height:73%; rotate:6deg; }
.cn-editorial-photo-right img { object-position:center 50%; }
.cn-editorial-content { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:52px 5% 84px; }
.cn-editorial .cn-eyebrow { align-self:center; margin:0; padding:9px 12px; background:#e3ff53; color:#161616; }
.cn-editorial h2 { font:800 180px/.77 CN Display,Impact,sans-serif; text-align:center; text-shadow:0 8px 28px #0006; }
.cn-editorial h2 span { display:block; }
.cn-editorial h2 span:last-child { color:#e3ff53; }
.cn-editorial-bottom { display:flex; align-items:end; justify-content:space-between; gap:30px; font-size:18px; font-weight:700; }
.cn-editorial-bottom .cn-text-link { color:#fff; border-color:#fff; white-space:nowrap; }
.cn-editorial-strip { position:absolute; left:0; right:0; bottom:0; overflow:hidden; background:#e3ff53; color:#161616; white-space:nowrap; padding:7px 0; font:800 30px/1 CN Display,Impact,sans-serif; }
.cn-editorial-strip span { display:block; width:max-content; }
.cn-motion-ready .cn-editorial[data-cn-ambient-active="true"] .cn-editorial-photo { will-change:transform; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-product-image { animation:cn-product-float 3.8s ease-in-out infinite alternate; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-product:nth-child(even) .cn-product-image { animation-delay:-1.9s; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-editorial-photo img { animation:cn-editorial-photo 4s ease-in-out infinite alternate; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-editorial-photo-right img { animation-delay:-2s; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-editorial h2 span { animation:cn-editorial-word 2.8s ease-in-out infinite alternate; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-editorial h2 span:last-child { animation-delay:-1.4s; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-editorial-strip span { animation:cn-editorial-rail 6s linear infinite; }
.cn-home:not([data-cn-ambient-engine="native"]) [data-cn-ambient-loop="product"] { animation:cn-product-drift 5s ease-in-out infinite alternate; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-qatar-image img { animation:cn-qatar-drift 6.2s ease-in-out infinite alternate; }
.cn-home:not([data-cn-ambient-engine="native"]) .cn-story-image img { animation:cn-studio-drift 5.8s ease-in-out infinite alternate; }
@keyframes cn-product-float { from { translate:0 14px; rotate:-1.5deg; } to { translate:0 -18px; rotate:1.5deg; } }
@keyframes cn-editorial-photo { from { translate:-35px 25px; scale:1.18; } to { translate:38px -28px; scale:1.32; } }
@keyframes cn-editorial-word { from { translate:-28px; } to { translate:32px; } }
@keyframes cn-editorial-rail { to { translate:-360px; } }
@keyframes cn-product-drift { from { translate:-8px 10px; scale:1.08; rotate:-.5deg; } to { translate:8px -10px; scale:1.14; rotate:.5deg; } }
@keyframes cn-qatar-drift { from { translate:-12px 9px; scale:1.06; rotate:-.5deg; } to { translate:16px -10px; scale:1.14; rotate:.5deg; } }
@keyframes cn-studio-drift { from { translate:-15px 10px; scale:1.08; rotate:-.8deg; } to { translate:18px -12px; scale:1.16; rotate:.8deg; } }

@media(max-width:1100px) {
    .cn-home .cn-hero-panel[data-cn-panel="left"] { left:3%; width:22%; }
    .cn-home .cn-hero-panel[data-cn-panel="right"] { right:3%; width:19%; }
    .cn-editorial { min-height:660px; }
    .cn-editorial h2 { font-size:138px; }
}
@media(max-width:950px) {
    .cn-home .cn-hero-panel[data-cn-panel="right"] { display:none; }
    .cn-home .cn-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cn-home .cn-product:nth-child(even) { margin-top:34px; }
    .cn-editorial h2 { font-size:110px; }
}
@media(max-width:700px) {
    .cn-home .cn-hero-panel[data-cn-panel="left"],.cn-home .cn-hero-panel[data-cn-panel="right"] { display:none; }
    .cn-home .cn-hero h1 { margin-top:7%; }
    .cn-home .cn-hero-media .cn-hero-centre { object-position:49% 50%; }
    .cn-home .cn-ticker>div { font-size:30px; }
    .cn-home .cn-product-grid { gap:18px 12px; }
    .cn-home .cn-product:nth-child(even) { margin-top:24px; }
    .cn-editorial { min-height:620px; height:78svh; }
    .cn-editorial-photo-left { left:-12%; top:16%; width:59%; height:57%; }
    .cn-editorial-photo-right { right:-12%; top:13%; width:57%; height:60%; }
    .cn-editorial-content { padding:28px 20px 69px; }
    .cn-editorial h2 { font-size:86px; }
    .cn-editorial-bottom { align-items:start; flex-direction:column; gap:14px; font-size:14px; }
    .cn-editorial-strip { font-size:24px; }
}
@media(max-width:380px) { .cn-editorial h2 { font-size:72px; } }
@media(prefers-reduced-motion:reduce) { .cn-motion-ready .cn-editorial-photo { will-change:auto; } .cn-home .cn-editorial *,.cn-home .cn-product-image { animation:none!important; } }