:root{--product-ink:#27242b;--product-dark:#211f24;--product-paper:#f8f6f2;--product-lilac:#d9cfeb;--product-violet:#7052a4;--product-line:rgba(39,36,43,.18)}
.product-signal{min-height:420px;overflow:hidden;display:grid;align-content:center;gap:42px;background:#f8f6f2}.product-signal__track{width:max-content;display:flex;gap:.45em;white-space:nowrap;color:#d9541c;font:650 clamp(72px,10vw,154px)/.82 PPNeueMontreal,Arial,sans-serif;letter-spacing:-.07em;will-change:transform}.product-signal>p{max-width:560px;margin-left:52vw;padding:0 28px;color:#75676f;font-size:18px;line-height:1.4}@media(max-width:730px){.product-signal{min-height:330px;gap:30px}.product-signal__track{font-size:68px}.product-signal>p{margin-left:0;padding:0 22px}}
.product-story-page{margin:0;color:var(--product-ink);background:var(--product-paper);font-family:PPNeueMontreal,Arial,sans-serif}.product-story-page .site-header{position:fixed}.product-story{overflow:hidden}.product-hero{position:relative;min-height:calc(100vh - 120px);margin:120px 40px 0;overflow:hidden;display:grid;align-items:end;border-radius:24px 24px 24px 0;color:#fff;background:var(--product-dark);isolation:isolate}.product-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78);z-index:-3}.product-hero__wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,10,11,.86),rgba(46,16,22,.5) 52%,rgba(33,12,13,.35));z-index:-2}.product-hero__copy{max-width:1040px;padding:76px}.product-hero__copy>p,.product-intro>p,.product-heading>p,.product-shop>div>p,.product-final p{font:500 13px/1.2 SimplonMono,monospace;letter-spacing:.11em;text-transform:uppercase}.product-hero h1{margin-top:26px;font-size:clamp(70px,8vw,138px);line-height:.84;letter-spacing:-.07em;font-weight:720}.product-hero h1 em,.product-intro h2 em,.product-heading h2 em,.product-shop h2 em{color:#cfb5ff;font-weight:inherit}.product-hero__copy>span{display:block;max-width:610px;margin-top:34px;font-size:22px;line-height:1.35}.product-hero__copy>div{display:flex;gap:10px;margin-top:38px}.product-hero a,.product-shop a,.product-final a{min-height:60px;display:inline-flex;align-items:center;padding:0 26px;border:1px solid rgba(255,255,255,.4);border-radius:31px;color:#fff;background:rgba(34,14,15,.22);backdrop-filter:blur(12px)}.product-hero a:first-child{color:var(--product-ink);background:var(--product-paper)}
.product-intro,.product-steps,.product-toolkit,.product-shop{padding:150px max(40px,calc((100vw - 1540px)/2))}.product-intro h2,.product-heading h2,.product-shop h2{max-width:1280px;margin-top:26px;font-size:clamp(56px,6.6vw,116px);line-height:.9;letter-spacing:-.065em;font-weight:440}.product-intro>div{margin-top:90px;display:grid;grid-template-columns:.55fr 1.45fr;gap:34px;align-items:end}.product-intro>div>p{max-width:430px;font-size:22px;line-height:1.42;color:#75676f}.product-intro figure{height:min(61vw,750px);overflow:hidden;border-radius:32px 32px 32px 0;background:#eadff7}.product-intro img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.product-intro figure:hover img{transform:scale(1.025)}
.product-steps{color:#fff;background:var(--product-dark)}.product-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:44px;align-items:end}.product-heading>p{grid-column:1/-1}.product-heading>span{max-width:430px;padding-bottom:8px;font-size:20px;line-height:1.42;color:rgba(255,255,255,.64)}.product-steps__grid{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-steps article{min-height:440px;display:flex;flex-direction:column;padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:24px 24px 24px 0;background:rgba(255,255,255,.06)}.product-steps article span{font:500 12px/1 SimplonMono,monospace;color:#cfb5ff}.product-steps h3{margin-top:auto;font-size:38px;line-height:.95;letter-spacing:-.05em;font-weight:450}.product-steps article p{margin-top:22px;font-size:17px;line-height:1.45;color:rgba(255,255,255,.62)}
.product-toolkit{background:var(--product-paper)}.product-heading--light>span{color:#75676f}.product-toolkit__grid{margin-top:82px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-tile{position:relative;min-height:520px;overflow:hidden;display:flex;flex-direction:column;padding:34px;border:1px solid var(--product-line);border-radius:28px 28px 28px 0;color:var(--product-ink);background:#efe5da;isolation:isolate;transition:transform .4s cubic-bezier(.16,1,.3,1)}.product-tile:nth-child(3n+2){background:#e2d6f2}.product-tile:nth-child(3n){background:#e3edd1}.product-tile--wide{grid-column:span 2}.product-tile:hover{transform:translateY(-8px)}.product-tile img{position:absolute;right:-3%;bottom:-8%;width:min(58%,310px);height:auto;filter:drop-shadow(0 30px 35px rgba(48,26,38,.2));z-index:-1}.product-tile small{font:500 11px/1.2 SimplonMono,monospace;letter-spacing:.1em;text-transform:uppercase}.product-tile h3{max-width:68%;margin-top:28px;font-size:48px;line-height:.92;letter-spacing:-.055em;font-weight:450}.product-tile p{max-width:54%;margin-top:22px;font-size:17px;line-height:1.42}.product-tile>span{width:max-content;min-height:50px;margin-top:auto;display:flex;align-items:center;padding:0 20px;border:1px solid var(--product-line);border-radius:26px;background:rgba(255,255,255,.32)}
.product-shop{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#fff;background:#6a352e}.product-shop>div,.product-shop figure{min-height:720px;border-radius:32px 32px 32px 0}.product-shop>div{display:flex;flex-direction:column;padding:52px;background:rgba(27,12,11,.3)}.product-shop h2{font-size:clamp(58px,5.4vw,94px)}.product-shop>div>span{max-width:580px;margin-top:30px;font-size:20px;line-height:1.42;color:rgba(255,255,255,.68)}.product-shop a{width:max-content;margin-top:auto}.product-shop figure{overflow:hidden}.product-shop figure img{width:100%;height:100%;object-fit:cover}
.product-final{position:relative;min-height:86vh;display:grid;place-items:center;overflow:hidden;color:#fff;background:var(--product-dark);isolation:isolate}.product-final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.product-final>div{position:absolute;inset:0;background:rgba(34,13,14,.74);z-index:-2}.product-final>section{max-width:1100px;padding:90px 24px;text-align:center}.product-final h2{margin-top:28px;font-size:clamp(68px,8vw,140px);line-height:.84;letter-spacing:-.07em}.product-final a{margin-top:42px;color:var(--product-ink);background:var(--product-paper)}.product-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.product-reveal.is-visible{opacity:1;transform:none}
@media(max-width:730px){.product-hero{min-height:690px;margin:80px 16px 0}.product-hero__copy{padding:42px 22px}.product-hero h1{font-size:54px}.product-hero__copy>span{font-size:18px}.product-hero__copy>div{display:grid}.product-hero a{justify-content:center}.product-intro,.product-steps,.product-toolkit,.product-shop{padding:92px 18px}.product-intro h2,.product-heading h2,.product-shop h2{font-size:clamp(52px,14vw,72px)}.product-intro>div,.product-heading,.product-steps__grid,.product-toolkit__grid,.product-shop{grid-template-columns:1fr}.product-intro>div{margin-top:54px}.product-intro figure{height:520px;order:-1}.product-heading>span{margin-top:26px}.product-steps__grid,.product-toolkit__grid{margin-top:52px}.product-steps article{min-height:330px}.product-tile,.product-tile--wide{min-height:500px;grid-column:auto}.product-tile h3{max-width:82%;font-size:44px}.product-tile p{max-width:72%}.product-shop>div,.product-shop figure{min-height:580px}.product-shop>div{padding:34px 28px}.product-shop figure{order:-1}.product-final{min-height:760px}.product-final h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){.product-reveal,.product-intro img,.product-tile{opacity:1!important;transform:none!important;transition:none!important}}

/* Cleo Autopilot product-page geometry. */
.product-hero{min-height:100vh;margin:0;border-radius:0;align-items:center}.product-hero__copy{padding:140px 32px 60px}.product-hero h1{max-width:760px;font-size:clamp(54px,5vw,82px);line-height:1.02;font-weight:300}.product-intro{min-height:612px;padding:220px 32px}.product-intro>h2{max-width:676px;margin:-22px 0 0 auto;font-size:clamp(48px,4.2vw,72px)}.product-intro>div{display:none}.product-highlight,.product-statement{height:900px;padding:8px;overflow:hidden;position:relative;background:#fff}.product-highlight video,.product-statement>img{width:100%;height:100%;object-fit:cover;border-radius:40px 40px 40px 0}.product-steps{min-height:452px;padding:72px 32px;color:var(--product-ink);background:#fff}.product-steps .product-heading h2{font-size:48px}.product-steps__grid{margin-top:48px;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.product-steps__grid article{min-width:25%;min-height:240px;border:0;border-left:1px solid var(--product-line);border-radius:0;color:var(--product-ink);background:transparent;scroll-snap-align:start}.product-steps article p{color:#75676f}.product-statement>div{position:absolute;left:64px;top:115px;max-width:580px;color:#fff}.product-statement p,.product-feature__copy>p,.product-qr p{font:500 12px/1.2 SimplonMono,monospace;letter-spacing:.1em;text-transform:uppercase}.product-statement h2{margin-top:24px;font-size:44px;line-height:1.05;font-weight:400}.product-feature{min-height:900px;padding:8px;display:grid;grid-template-columns:.39fr .61fr;gap:0;background:#fff}.product-feature__copy{padding:315px 70px 80px 101px}.product-feature__copy h2{margin-top:18px;font-size:58px;line-height:.95;font-weight:400}.product-feature__copy>div{max-width:350px;margin-top:22px;font-size:18px;line-height:1.45;color:#75676f}.product-feature__copy>a{min-height:60px;margin-top:30px;display:inline-flex;align-items:center;padding:0 24px;border-radius:30px;color:#fff;background:var(--product-ink)}.product-feature__media{position:relative;overflow:hidden;border-radius:40px 40px 40px 0;background:#ac9b98}.product-feature__media>img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.product-feature__tabs{position:absolute;left:50%;top:37px;z-index:2;width:min(620px,calc(100% - 48px));min-height:57px;padding:8px;display:flex;justify-content:center;border-radius:29px;background:rgba(255,255,255,.28);backdrop-filter:blur(16px);transform:translateX(-50%)}.product-feature__tabs button{min-height:41px;flex:1;border:0;border-radius:22px;color:#fff;background:transparent;font-size:13px}.product-feature__tabs button[aria-selected="true"]{color:var(--product-ink);background:rgba(255,255,255,.78)}.product-toolkit{padding-block:140px}.product-toolkit__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.product-tile,.product-tile--wide{min-width:calc((100% - 48px)/4);grid-column:auto;scroll-snap-align:start}.product-shop{padding-block:100px}.product-immersive{height:900px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-immersive article{position:relative;overflow:hidden;border-radius:40px 40px 40px 0;color:#fff}.product-immersive img{width:100%;height:100%;object-fit:cover}.product-immersive article::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(27,12,11,.86))}.product-immersive article>div{position:absolute;left:40px;right:40px;bottom:40px;z-index:1;max-width:380px}.product-immersive h3{font-size:30px}.product-immersive p{margin-top:12px;line-height:1.4}.product-center{min-height:417px;display:grid;place-items:center;padding:70px 24px;text-align:center}.product-center h2{max-width:860px;font-size:42px;line-height:1.08;font-weight:300}.product-center em{color:var(--product-violet)}.product-qr{min-height:653px;padding:160px 32px 220px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.product-qr>div{justify-self:end;width:500px}.product-qr h2{margin-top:22px;font-size:52px;line-height:.98;font-weight:350}.product-qr a{min-height:60px;margin-top:30px;display:inline-flex;align-items:center;padding:0 24px;border-radius:30px;color:#fff;background:var(--product-ink)}.product-qr figure{display:grid;justify-items:center}.product-qr img{width:240px}.product-qr figcaption{margin-top:14px;font:500 12px/1 SimplonMono,monospace;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:730px){.product-hero{min-height:100svh;margin:0}.product-hero__copy{padding:120px 16px 40px}.product-hero h1{font-size:32px;line-height:1.125}.product-hero__copy>span{font-size:17px}.product-intro{min-height:663px;padding:145px 16px}.product-intro>h2{margin:80px 0 0;font-size:32px;line-height:1.125}.product-highlight,.product-statement{height:515px}.product-highlight video,.product-statement>img{border-radius:32px 32px 32px 0}.product-steps{min-height:489px;padding:72px 16px}.product-steps .product-heading h2{font-size:32px}.product-steps__grid{margin-inline:-16px;padding-left:16px}.product-steps__grid article{min-width:289px;min-height:270px}.product-statement>div{left:40px;right:24px;top:72px}.product-statement h2{font-size:28px}.product-feature{min-height:688px;display:flex;flex-direction:column}.product-feature__media{height:337px;order:-1;border-radius:32px 32px 32px 0}.product-feature__tabs{display:none}.product-feature__copy{padding:40px 24px;text-align:center}.product-feature__copy h2{font-size:42px}.product-feature__copy>div{margin-inline:auto}.product-toolkit{padding-block:92px}.product-toolkit__grid{margin-inline:-18px;padding-left:18px}.product-tile,.product-tile--wide{min-width:calc(100vw - 60px)}.product-shop{padding-block:72px}.product-immersive{height:1021px;grid-template-columns:1fr}.product-immersive article{height:499px;border-radius:32px 32px 32px 0}.product-immersive article>div{left:26px;right:26px;bottom:26px}.product-center{min-height:360px}.product-center h2{font-size:32px}.product-qr{min-height:575px;padding:90px 16px;grid-template-columns:1fr;text-align:center}.product-qr>div{justify-self:center;width:auto}.product-qr h2{font-size:42px}.product-qr figure{margin-top:42px}.product-qr img{width:195px}}

/* Cleo product stories use continuous full-radius media and product cards. */
.product-signal__track{color:#c94d1f}.product-intro figure,.product-highlight video,.product-statement>img,.product-feature__media,.product-tile,.product-shop>div,.product-shop figure,.product-immersive article{border-radius:32px}.product-tile{background:#eeeae5}.product-tile:nth-child(3n+2),.product-tile:nth-child(3n){background:#eeeae5}.product-tile--wide{background:#f1eef4}.product-tile>span{background:rgba(255,255,255,.66)}
@media(max-width:730px){.product-hero>video{object-position:72% center}.product-highlight video,.product-statement>img,.product-feature__media,.product-tile,.product-shop>div,.product-shop figure,.product-immersive article{border-radius:28px}}

/* One neutral GrahaGuru palette; the product family no longer flips between brown and purple. */
.product-signal__track{color:var(--product-violet)}
.product-hero__wash{background:linear-gradient(90deg,rgba(28,26,31,.88),rgba(40,36,45,.52) 52%,rgba(31,29,34,.34))}
.product-shop{background:#302d33}.product-shop>div{background:rgba(24,22,27,.34)}
.product-final>div{background:rgba(31,29,34,.74)}
.product-reveal{opacity:1;transform:none}
.product-toolkit__controls{margin-top:46px;display:flex;align-items:center;justify-content:space-between}
.product-toolkit__controls p{font:500 12px/1 SimplonMono,monospace;letter-spacing:.1em;text-transform:uppercase}
.product-toolkit__controls>div{display:flex;gap:10px}.product-toolkit__controls button{width:50px;height:50px;border:1px solid var(--product-line);border-radius:50%;background:transparent;cursor:pointer}.product-toolkit__controls button:hover,.product-toolkit__controls button:focus-visible{color:#fff;background:var(--product-ink);outline:none}
.product-toolkit__grid{margin-top:24px}
@media(max-width:730px){.product-feature__tabs{top:12px;width:calc(100% - 24px);min-height:50px;padding:5px;display:flex;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.product-feature__tabs button{min-width:max-content;padding-inline:15px;color:#fff}.product-feature__media{height:390px}.product-toolkit__controls{margin-top:34px}.product-toolkit__controls button{width:46px;height:46px}}

/* Editorial stills use the same full-bleed crop as the optional motion media. */
.product-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78);z-index:-3}
@media(max-width:730px){.product-hero>img{object-position:72% center}}