/* The Colour Edit carousel inside the home hero (#ritual): hero copy on top, carousel below (scoped ce-) */
@font-face{font-family:'CE Inter Light';font-style:normal;font-weight:200;font-display:swap;src:url('inter-200.woff2') format('woff2')}
.campaign-scene.ce-scene .ce-hero{position:relative;color:#1c1c1c;font-family:Arial,Helvetica,sans-serif;overflow:hidden;width:100%}
.ce-hero *{box-sizing:border-box}.ce-hero button,.ce-hero a{-webkit-tap-highlight-color:transparent}.ce-hero a{color:inherit;text-decoration:none}.ce-hero button{font:inherit;color:inherit;cursor:pointer}.ce-hero button:focus-visible,.ce-hero a:focus-visible,.ce-hero .ce-gallery:focus-visible{outline:2px solid #812846;outline-offset:4px}.ce-hero button svg{pointer-events:none}.ce-hero button[hidden],.ce-hero svg[hidden]{display:none!important}
.ce-hero .ce-gallery{height:600px;height:calc(100vh - 74px - 215px);height:calc(100svh - 74px - 215px);min-height:460px;max-height:820px;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.ce-hero .ce-gallery.is-dragging{cursor:grabbing}
.ce-hero .ce-gallery canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0;opacity:0;transition:opacity .35s}.ce-hero .ce-gallery.is-ready canvas{opacity:1}
.ce-hero .ce-fallback{position:absolute;width:52%;height:84%;top:30px;left:24%;border-radius:18px;overflow:hidden;margin:0}.ce-hero .ce-fallback img{width:100%;height:100%;object-fit:cover;display:block}.ce-hero .ce-gallery.is-ready .ce-fallback{visibility:hidden}
.ce-hero .ce-title{position:absolute;left:0;right:0;top:70%;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center;pointer-events:none;z-index:2;color:#fff;font-size:44px}
.ce-hero .ce-title .ce-t1{font-family:'CE Inter Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1em;font-weight:200;letter-spacing:-.035em;line-height:1;white-space:nowrap;margin:0;text-transform:none;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.18)}
.ce-hero .ce-title .ce-t2{font-family:Arial,Helvetica,sans-serif;font-size:max(8px,.2em);font-weight:400;letter-spacing:.32em;text-transform:uppercase;margin:.95em 0 0;color:rgba(255,255,255,.92);white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.2)}
.ce-hero .ce-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:6px 22px 0;height:52px}
.ce-hero .ce-nav{display:flex;gap:18px;align-items:center}
.ce-hero .ce-arrow{width:40px;height:40px;padding:9px;border:0;background:none;border-radius:50%;transition:background .2s}.ce-hero .ce-arrow:hover{background:#dddde0}.ce-hero .ce-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ce-hero .ce-count{font-size:12px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#1c1c1c;min-width:58px;text-align:center}.ce-hero .ce-div{margin:0 6px;color:#1c1c1c}
.ce-hero .ce-play{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #1c1c1c;border-radius:50%;background:none;margin-left:6px}
.ce-hero .ce-play svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.ce-hero .ce-picker{display:flex;justify-content:center;align-items:center;gap:6px;padding:4px 0 20px}
.ce-hero .ce-dot{width:22px;height:22px;border:1px solid transparent;border-radius:50%;padding:0;background:none;display:flex;align-items:center;justify-content:center}
.ce-hero .ce-dot::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--shade);transition:transform .2s}
.ce-hero .ce-dot[aria-pressed=true]::after{transform:scale(1.25)}.ce-hero .ce-dot[aria-pressed=true]{border-color:#9a9a9d}
.ce-hero .ce-next{border-top:1px solid #c5c5c7;margin:0 22px;display:flex;justify-content:center;align-items:center;min-height:68px}
.ce-hero .ce-next a{font-size:12px;letter-spacing:.02em;padding:10px 0 7px;border-bottom:1px solid #1c1c1c;display:inline-flex;align-items:center;gap:16px}
.ce-hero .ce-next a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
.ce-hero .ce-sr{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0}
/* hero layout: desktop = copy left, carousel right; mobile = copy on top, carousel below */
@media(min-width:701px){
.campaign-scene.ce-scene{display:grid;grid-template-columns:minmax(0,41%) minmax(0,59%);grid-template-rows:1fr auto;height:auto;min-height:0;align-items:center;background:transparent;overflow:hidden}
.campaign-scene.ce-scene>.scene-copy{position:relative;left:auto;right:auto;top:auto;inset:auto;width:auto;max-width:640px;padding:20px 2vw 20px 5vw;grid-column:1;grid-row:1}
html[lang=ar] .campaign-scene.ce-scene>.scene-copy{inset:auto;padding:20px 5vw 20px 2vw}
.campaign-scene.ce-scene>.ce-hero{grid-column:2;grid-row:1;padding-top:18px}
.campaign-scene.ce-scene>.scene-footer{position:relative;left:auto;right:auto;bottom:auto;inset:auto;grid-column:1/-1;grid-row:2;padding:6px 0 24px;margin:0 5vw;display:flex;justify-content:center;align-items:center;gap:30px;width:auto}
}
@media(max-width:700px){
.campaign-scene.ce-scene{background:transparent}
.campaign-scene.ce-scene>.scene-copy{padding-top:26px}
.campaign-scene.ce-scene>.scene-copy>.eyebrow{display:none}
.campaign-scene.ce-scene .scene-title{font-size:clamp(30px,8.7vw,40px);max-width:none}
html[lang=ru] .campaign-scene.ce-scene .scene-title{font-size:clamp(28px,8vw,36px);max-width:none}
html[lang=ar] .campaign-scene.ce-scene .scene-title{font-size:clamp(30px,8.7vw,38px);max-width:none}
.campaign-scene.ce-scene .scene-intro{font-size:13px;line-height:1.7;max-width:none;margin-top:16px}
html[lang=ar] .campaign-scene.ce-scene .scene-intro{font-size:13px;max-width:none}
.campaign-scene.ce-scene .scene-actions{margin-top:20px;gap:22px;flex-direction:row;flex-wrap:nowrap;align-items:center}
.campaign-scene.ce-scene .scene-actions .button{font-size:9.5px;min-height:40px;padding:10px 14px;gap:14px;white-space:nowrap}
.campaign-scene.ce-scene .scene-actions .text-link{font-size:10.5px;white-space:nowrap}
.campaign-scene.ce-scene>.ce-hero{order:2;margin-top:22px}
.ce-hero .ce-gallery{height:104vw;min-height:360px;max-height:520px}
.ce-hero .ce-controls{margin-top:4px;height:48px}
.ce-hero .ce-next{margin:0 22px}
}
html[lang=ar] .ce-hero .ce-next a{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.ce-hero *{transition:none!important}}