/* Still compositions, clear labels, and a light indication of reading progress. */
.cinema .cinema-opening{padding:76px 0 64px;overflow:hidden;background:#f5f3ed}
.cinema .opening-top{text-align:center;position:relative}
.cinema .opening-top .cinema-intro{justify-content:center;margin-bottom:26px}
.cinema .opening-top h1{font-size:clamp(62px,7.3vw,118px);max-width:1320px;margin:0 auto;line-height:1.01;letter-spacing:-.025em;color:#28332d}
.cinema .opening-top h1 span{display:block}
.cinema .opening-top .hero-actions{justify-content:center;margin-top:34px}
.catalogue-stage{width:min(1180px,92%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:24px;margin:25px auto 42px}
.catalogue-object{display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:none;padding:0;cursor:pointer;color:#435648;font:14px/1.5 SaddlBody,sans-serif}
.product-cutout{display:block;width:210px;max-width:100%;aspect-ratio:1/2;background-image:url('assets/8185555df89632.png');background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(0deg,transparent,#000 10%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in}
.product-cutout.bottle{background-position:0 0}.product-cutout.apparel{background-position:50% 0}.product-cutout.skincare{background-position:100% 0}
.product-caption{border-bottom:1px solid transparent;padding-bottom:5px;transition:border-color .2s}
.catalogue-object[aria-pressed=true] .product-caption{border-color:#ae4c32}
.cinema .opening-foot{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;border-top:1px solid #c9c9bd;padding-top:30px}
.cinema .opening-foot p{font-size:16px;line-height:1.8;max-width:650px}.cinema .opening-foot p:last-child{color:#596759}
.cinema .offering-grid article:before{content:none!important;display:none!important}
.cinema .decision-story{padding:90px 0 0;background:#26352e;color:#f5f3ed;border-radius:24px 24px 0 0}
.cinema .decision-story .story-grid{display:none!important}
.cinema .decision-story #product-journey{display:block!important;padding:30px 0 45px}
.cinema .decision-story .journey-heading{display:none}
.cinema .decision-story .journey-choice{margin-top:38px}
.cinema .decision-story .product-switch button{padding:16px 22px;min-height:88px}
.cinema .decision-story .product-switch .merch{width:38px;height:62px;flex:none;background-color:#e3e7dc;mix-blend-mode:normal}
.cinema .decision-story .journey-step{position:relative;grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);gap:35px;padding:44px 0;border-color:#627266;scroll-margin-top:120px}
.cinema .decision-story .journey-step:before{content:'';position:absolute;top:-1px;left:0;width:80px;height:2px;background:#d69a79;transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}
.cinema .decision-story .journey-step.is-current:before{transform:scaleX(1)}
.cinema .decision-story .journey-step-label{font-size:13px;color:#d4dfd5}
.cinema .decision-story .journey-step-label>span{font-size:32px;color:#e7b494}
.cinema .decision-story .journey-copy h3{font-size:clamp(30px,3vw,48px);line-height:1.12;color:#f5f3ed;max-width:500px}
.cinema .decision-story .journey-copy p{font-size:16px;line-height:1.8;color:#d4dfd5}
.cinema .decision-story .journey-exhibit{background:#f5f3ed;color:#28332d;padding:26px;border:0;border-radius:4px}
.cinema .decision-story .journey-exhibit :is(h3,h4,p,span,dt,dd,b,strong,li,small){color:#28332d}
.cinema .decision-story .journey-exhibit .small-label{color:#536457;font-size:12px}
.cinema .decision-story .journey-evidence{padding:10px 0 36px;color:#d4dfd5}
.cinema .decision-story .journey-evidence a{color:#e8bf9e}
.cinema.os .film-section{padding:75px 0 95px}
.cinema.os .film-section .cinema-film{width:100%;margin:0;border:0;border-radius:8px;box-shadow:none;transform:none}
.cinema.os .film-section iframe{display:block;width:100%;aspect-ratio:16/9;max-height:none;border:0}
/* Crop only the screenshot surround; the official badge artwork is unchanged. */
.credential-badge{mix-blend-mode:multiply}
.credential-badge img{width:210px;height:auto;clip-path:inset(8.5% 6% 8.5% round 14%)}
.api-connections{gap:22px}
.api-connections a{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;text-decoration:none}
.api-connections .supplied-api-logo{display:block;flex:none;object-fit:contain;height:auto;max-height:none}
.api-connections .amazon-api-logo{width:44px;mix-blend-mode:multiply}
.api-connections .noon-api-logo{width:82px;border-radius:2px}
.cinema.os .module-map{height:300px;position:relative;padding:0;display:block}.module-map svg{position:absolute;inset:25px 0 0;width:100%;height:200px}.module-map path{fill:none;stroke:#91ab93;stroke-width:1.5}.module-map circle{fill:#e8b795}.module-node{position:absolute;z-index:2;width:43%;padding:18px;border:1px solid #78927e;background:#26352e;color:#f5f3ed}.module-node span{font-size:12px;letter-spacing:.04em;display:block;color:#cedbcc;margin-bottom:8px}.module-node strong{font-size:16px;line-height:1.4;display:block;font-weight:500}.node-a{left:0;top:10px}.node-b{right:0;top:10px}.node-c{left:20%;bottom:20px;width:60%;border-color:#d6ae8f}
.cinema.services #cycle .cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.cinema.services #cycle .cycle article{position:relative;min-height:0;padding:30px 0 0;border-top:1px solid #6f8a74}
.cinema.services #cycle .cycle article:before{content:'';position:absolute;top:-1px;left:0;height:2px;width:60px;background:#e7b494;transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}
.cinema.services #cycle .cycle article.is-current:before{transform:scaleX(1)}
.cinema.services #cycle .cycle article>span{font-size:12px;color:#d4dfd5}
.cinema.services #cycle .cycle h3{font-size:34px;line-height:1.12;color:#f5f3ed;margin:22px 0 18px}
.cinema.services #cycle .cycle p{font-size:16px;line-height:1.7;color:#d4dfd5}
.cinema.services .loop{margin-top:40px;padding-top:24px;border-top:1px solid #6f8a74;color:#d4dfd5;font-size:16px}
.cinema.services .example{margin-top:35px}
@media(hover:hover){.catalogue-object:hover .product-caption{border-color:#ae4c32}}
@media(max-width:1000px){.cinema .opening-top h1{font-size:clamp(56px,8.4vw,88px)}.catalogue-stage{gap:10px}.product-cutout{width:180px}.cinema .opening-foot{gap:36px}.cinema .decision-story .journey-step{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);gap:22px}.cinema .decision-story .journey-exhibit{padding:20px}.cinema.services #cycle .cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}}
@media(max-width:760px){.cinema .cinema-opening{padding-top:45px}.cinema .opening-top h1{font-size:clamp(44px,10vw,68px)}.cinema .opening-top h1 span{display:inline}.cinema .opening-top .hero-actions{gap:18px}.catalogue-stage{width:94%;margin:30px auto;gap:6px}.product-cutout{width:150px}.catalogue-object{font-size:12px;gap:8px}.product-caption{min-height:42px;max-width:115px}.cinema .opening-foot{display:block}.cinema .opening-foot p{margin-bottom:20px}.cinema .decision-story{padding-top:60px}.cinema .decision-story .journey-step{grid-template-columns:1fr;gap:20px;padding:30px 0}.cinema .decision-story .journey-step-label{flex-direction:row;align-items:center;gap:12px}.cinema .decision-story .journey-copy h3{font-size:34px}.cinema .decision-story .product-switch button{padding:12px;min-height:70px}.cinema .decision-story .product-switch .merch{width:30px;height:48px}.cinema.os .film-section{padding:45px 0}.api-connections a{flex-wrap:wrap;gap:8px}.credential-badge img{width:150px}.cinema.services #cycle .cycle{grid-template-columns:1fr;gap:26px}.cinema.services #cycle .cycle article{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.cinema .journey-step:before,.cinema.services #cycle .cycle article:before{transition:none}.product-caption{transition:none}}
/* A manually scrollable directory. Partnership status remains separate. */
.cinema.os .os-hero{grid-template-columns:minmax(0,1fr) 380px;gap:48px}
.os-credentials{min-width:0;padding-left:28px;gap:26px}
.integration-browser{min-width:0;width:100%}
.integration-tabs{display:flex;gap:18px;border-bottom:1px solid #c9c9bd;margin-bottom:18px}
.integration-tabs button{position:relative;flex:1;border:0;background:none;padding:10px 0 14px;text-align:left;color:#536457;font:500 13px/1.4 SaddlBody,sans-serif;cursor:pointer}
.integration-tabs button[aria-selected=true]{color:#28332d}
.integration-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ae4c32}
.integration-panel[hidden]{display:none!important}
.integration-track{display:flex;gap:12px;list-style:none;margin:0;padding:0 24px 10px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#819582 transparent}
.integration-card{flex:0 0 145px;min-height:170px;padding:18px 14px;background:#ecece3;border:1px solid #d6d8cb;border-radius:4px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start}
.integration-logo{height:54px;display:flex;align-items:center;margin-bottom:14px}
.integration-logo img{display:block;width:42px;height:42px;object-fit:contain}
.integration-logo img.amazon{mix-blend-mode:multiply}
.integration-logo img.noon{width:82px;height:38px}
.integration-card strong{font-size:14px;line-height:1.45;font-weight:600;color:#28332d}
.integration-card>span{font-size:12px;color:#536457;margin-top:3px}
.integration-card small{margin-top:auto;padding-top:10px;font-size:12px;color:#536457}
.integration-scroll-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#536457}
.integration-scroll-controls>div{display:flex;gap:8px}
.integration-scroll-controls button{width:34px;height:34px;padding:0;background:none;border:1px solid #abb5a4;border-radius:50%;font-size:18px;color:#28332d;cursor:pointer}
.integration-scroll-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:1100px){.cinema.os .os-hero{grid-template-columns:1fr;gap:36px}.os-credentials{padding-left:0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;border-left:0;border-top:1px solid #c9c9bd;padding-top:25px}.integration-browser{max-width:540px}.integration-tabs button{flex:initial}.integration-track{padding-right:24px}}
@media(max-width:600px){.os-credentials{grid-template-columns:1fr;gap:20px}.credential-badge img{width:165px}.integration-tabs button{font-size:14px;flex:1}.integration-card{flex-basis:145px}.integration-browser{max-width:100%}}

/* Integrations span the hero below the copy and partner credential. */
.cinema.os .os-hero>.integration-browser{grid-column:1/-1;width:100%;max-width:none;margin-top:8px;padding-top:28px;border-top:1px solid #c9c9bd}
.cinema.os .os-hero>.integration-browser .integration-tabs{justify-content:flex-start;gap:30px;margin-bottom:22px;border-bottom:0}
.cinema.os .os-hero>.integration-browser .integration-tabs button{flex:none;font-size:14px}
.cinema.os .os-hero>.integration-browser .integration-track{gap:18px;padding-bottom:12px}
.cinema.os .os-hero>.integration-browser .integration-card{flex-basis:240px;min-height:142px;padding:22px;display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px;align-content:center;align-items:center}
.cinema.os .os-hero>.integration-browser .integration-logo{grid-row:1/4;height:auto;margin:0}
.cinema.os .os-hero>.integration-browser .integration-logo img.noon{width:72px}
.cinema.os .os-hero>.integration-browser .integration-card strong{font-size:15px}
.cinema.os .os-hero>.integration-browser .integration-card small{padding-top:5px;margin-top:0}
.cinema.os .os-hero>.os-credentials{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0}
@media(max-width:1100px){.cinema.os .os-hero>.os-credentials{align-items:flex-start}.cinema.os .os-hero>.integration-browser{margin-top:0}}
@media(max-width:600px){.cinema.os .os-hero>.integration-browser .integration-tabs{gap:24px}.cinema.os .os-hero>.integration-browser .integration-card{flex-basis:230px;min-height:132px;padding:18px}.cinema.os .os-hero>.integration-browser{padding-top:20px}}

.integration-logo img.noon-minutes{width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply}

.integration-logo img.walmart{width:44px;height:50px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1) brightness(.6) contrast(12)}

/* A quiet frame around the supplied partner credential. */
.os-credentials .credential-badge{display:flex;align-items:center;justify-content:center;width:230px;max-width:100%;padding:10px;background:#f5f3ed;border:1px solid #819582;border-radius:20px;box-shadow:0 4px 14px rgba(40,51,45,.05);mix-blend-mode:normal}
.os-credentials .credential-badge img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media(max-width:600px){.os-credentials .credential-badge{width:185px;padding:8px;border-radius:16px}}


/* One photographic scene; scroll reveals its connected operating signals. */
.cinema .cinema-opening{overflow:clip}
.catalogue-scroll{margin:55px 0 45px;position:relative}
.catalogue-sticky{width:100%;padding:20px 0}
.scene-heading,.scene-footer{width:min(1260px,92%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:28px}
.cinema .scene-heading h2{font:500 clamp(30px,3vw,48px)/1.04 SaddlDisplay,sans-serif;letter-spacing:-.02em;margin:0}
.scene-heading h2 em{font-style:normal;color:#637967}
.cinema .scene-heading p{font:14px/1.6 SaddlBody,sans-serif;margin:0;color:#435648;text-align:right}
.scene-heading p span{display:block;font-size:12px;color:#657263}
.scene-camera{position:relative;width:min(1260px,94%);margin:12px auto 6px;transform-origin:50% 48%;container-type:inline-size}
.scene-photo{position:relative;aspect-ratio:1491/1055}
.scene-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.scene-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.scene-lines path{fill:none;stroke:#c36543;stroke-width:2;vector-effect:non-scaling-stroke}
.scene-lines circle{fill:#c36543}
.scene-pins{display:none}
.scene-labels{position:absolute;inset:0;pointer-events:none}
.scene-label{position:absolute;width:18%;padding:1.1% 1.2%;background:rgba(250,248,242,.96);border:1px solid #d4cdbf;box-shadow:0 2px 0 #c9c0ae;line-height:1.3;color:#28332d;font:clamp(14px,1.45cqw,22px)/1.3 SaddlBody,sans-serif;transform-origin:center;text-align:left;pointer-events:auto;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.scene-label:hover{border-color:#bc452f;box-shadow:0 4px 14px rgba(188,69,47,.18)}
.scene-label-tag{display:none}
.scene-label b{display:block;font-weight:750;margin-bottom:4px}
.scene-label span{display:block}
.label-advertising{left:1.4%;top:11%;rotate:-5deg}
.label-inventory{left:12%;top:51%;rotate:-5deg}
.label-pricing{left:43%;top:11%;rotate:-5deg}
.label-listings{right:3%;top:4%;rotate:-3deg}
.label-economics{right:8%;top:73%;width:20%;rotate:-5deg}
.cinema .scene-footer p{font:14px/1.6 SaddlBody,sans-serif;color:#596759;margin:0}
.scene-footer strong{color:#28332d;font-weight:500}
.scene-footer a{font-size:14px;text-decoration:none;border-bottom:1px solid #bc452f;padding-bottom:5px}
.scene-footer a span{margin-left:15px}
.scene-progress{height:1px;background:#c9c9bd;flex:1;max-width:180px;overflow:hidden}
.scene-progress span{display:block;height:100%;background:#bc452f;transform-origin:left}
@media(min-width:901px) and (min-height:680px) and (prefers-reduced-motion:no-preference){
.catalogue-scroll.has-scroll-scene{height:190svh}
.has-scroll-scene .catalogue-sticky{position:sticky;top:88px;height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center;padding:16px 0}
.has-scroll-scene .scene-camera{width:min(1260px,calc(141.3svh - 325px),94vw)}
.has-scroll-scene .scene-heading,.has-scroll-scene .scene-footer{flex-shrink:0}
}
@media(max-width:900px),(max-height:679px){
.catalogue-scroll{margin-top:32px;margin-bottom:36px}
.scene-heading{align-items:flex-start}
.scene-heading p{max-width:none}
.scene-camera{width:100%;margin-top:20px}
.scene-photo{border-radius:8px;overflow:hidden;background:#faf8f2;box-shadow:0 4px 16px rgba(40,51,45,.08)}
.scene-lines{display:none}
.scene-pins{display:block;position:absolute;inset:0;pointer-events:auto}
.scene-pin{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;background:rgba(250,248,242,.96);border:1px solid #c9c9bd;border-radius:999px;font:600 11px/1.2 SaddlBody,sans-serif;color:#28332d;box-shadow:0 2px 8px rgba(40,51,45,.18);cursor:pointer;transition:all .2s ease;z-index:5}
.scene-pin.is-left{transform:translate(calc(-100% + 14px),-50%);flex-direction:row-reverse;padding:3px 4px 3px 9px}
.pin-dot{position:relative;width:16px;height:16px;border-radius:50%;background:#bc452f;display:inline-block;flex:none}
.pin-dot::before{content:'';position:absolute;inset:4px;border-radius:50%;background:#faf8f2}
.pin-dot i{position:absolute;inset:-3px;border-radius:50%;border:1.5px solid #bc452f;opacity:0}
.scene-pin.is-active{background:#28372f;border-color:#28372f;color:#faf8f2;box-shadow:0 4px 14px rgba(40,51,45,.3);transform:translate(-50%,-50%) scale(1.06)}
.scene-pin.is-left.is-active{transform:translate(calc(-100% + 14px),-50%) scale(1.06)}
.scene-pin.is-active .pin-dot{background:#e7a07d}
.scene-pin.is-active .pin-dot::before{background:#28372f}
.scene-pin.is-active .pin-dot i{opacity:1;animation:pinPulse 2s infinite ease-out}
.scene-labels{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;pointer-events:auto}
.scene-label{position:static;rotate:none;width:auto;padding:14px 16px;font-size:14px;background:#faf8f2;border:1px solid #d4cdbf;border-radius:8px;box-shadow:0 2px 8px rgba(40,51,45,.05);transition:border-color .2s,box-shadow .2s,background .2s}
.scene-label.label-economics{grid-column:1/-1}
.scene-label.is-active{border-color:#bc452f;background:#fff;box-shadow:0 4px 14px rgba(188,69,47,.15)}
.scene-label-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#bc452f;margin-bottom:6px}
.scene-tag-dot{width:6px;height:6px;border-radius:50%;background:#bc452f}
.scene-label b{display:none}
.scene-label span{font-size:15px;font-weight:600;color:#28332d;line-height:1.35}
.scene-footer{align-items:flex-start;flex-direction:column;gap:12px}
.scene-progress{display:none}
.scene-footer a{max-width:none}
.cinema .scene-heading h2{font-size:clamp(28px,5vw,36px)}
}
@media(max-width:600px){
.scene-labels{grid-template-columns:1fr;gap:10px}
.scene-label.label-economics{grid-column:auto}
.scene-heading{display:block}
.cinema .scene-heading p{text-align:left;max-width:none;margin-top:14px}
.scene-footer a{display:inline-block;margin-top:10px}
}
@keyframes pinPulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.2);opacity:0}}

/* Restore the fixed decision workspace as the narrative scrolls alongside it. */
.cinema .decision-story{padding-bottom:55px}
.cinema .decision-story .story-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:clamp(32px,5vw,85px);align-items:start;margin-top:45px}
.cinema .decision-story #product-journey{display:none!important}
.cinema .decision-story .stage-sticky{position:sticky;top:112px;min-width:0;padding-bottom:28px}
.cinema .decision-story .stage-nav{border-color:#708477;gap:0}
.cinema .decision-story .stage-nav button{font-size:14px;color:#d4dfd5;white-space:normal;padding:15px 8px}
.cinema .decision-story .stage-nav button[aria-selected=true]{color:#fff;border-color:#e7a07d}
.cinema .decision-story .stage-nav button:hover{color:#fff;background:#34483c}
.cinema .decision-story .decision-console{height:min(650px,calc(100svh - 220px));min-height:420px;display:flex;flex-direction:column;background:#faf9f5;color:#28332d;border:1px solid #c9c9bd;border-radius:6px}
.cinema .decision-story .decision-head{flex:none;color:#536457;padding:20px 25px;font-size:12px}
.cinema .decision-story #decision-panels{flex:1;min-height:0}
.cinema .decision-story .decision-console .panel{padding:28px;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;color:#28332d}
.cinema .decision-story .decision-console .panel[hidden]{display:none}
.cinema .decision-story .decision-console h3{font-size:clamp(30px,2.8vw,42px);color:#28332d;line-height:1.12}
.cinema .decision-story .decision-console :is(p,li,span,small,div){color:#536457}
.cinema .decision-story .decision-console :is(b,strong){color:#28332d}
.cinema .decision-story .decision-console .panel>p{font-size:16px;line-height:1.7;color:#536457}
.cinema .decision-story .decision-metrics{margin-top:28px}
.cinema .decision-story .decision-metrics strong{font-size:44px;color:#28332d}
.cinema .decision-story .decision-metrics :is(small,span){font-size:14px}
.cinema .decision-story .decision-callout{font-size:14px;line-height:1.6}
.cinema .decision-story .decision-callout b{color:#a43c28}
.cinema .decision-story .considerations,.cinema .decision-story .action-line{font-size:16px;line-height:1.6}
.cinema .decision-story .action-line small,.cinema .decision-story .review-grid small{font-size:14px}
.cinema .decision-story .stage-bottom{font-size:12px;color:#d4dfd5;margin-top:16px}
.cinema .decision-story .chapters{display:block;padding-bottom:10svh}
.cinema .decision-story .chapter{position:relative;min-height:78svh;padding:50px 0;opacity:1;scroll-margin-top:120px}
.cinema .decision-story .chapter:last-child{min-height:80svh}
.cinema .decision-story .chapter-number{font-size:14px;color:#d4dfd5;margin-bottom:32px}
.cinema .decision-story .chapter-number b{color:#edb395;border-color:#8ba18e}
.cinema .decision-story .chapter h3{font-size:clamp(34px,3.5vw,56px);max-width:17ch;line-height:1.12;color:#f5f3ed}
.cinema .decision-story .chapter p{font-size:17px;line-height:1.8;color:#d4dfd5;max-width:38ch;margin-top:28px}
.cinema .decision-story .context-list span{color:#d4dfd5;border-color:#708477;font-size:14px}
.cinema .decision-story .chapter:before{content:'';position:absolute;left:0;top:28px;width:52px;height:2px;background:#e7a07d;transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}
.cinema .decision-story .chapter.active:before{transform:scaleX(1)}
.cinema .decision-story .mobile-explainer{display:none}
@media(max-width:760px){
.cinema .decision-story .story-grid{display:block!important;margin-top:25px}.cinema .decision-story .stage-sticky{position:static;padding-bottom:0}.cinema .decision-story .chapters{display:none}.cinema .decision-story .decision-console{height:auto;min-height:430px}.cinema .decision-story .decision-console .panel{height:auto;padding:22px}.cinema .decision-story .stage-nav{overflow-x:auto}.cinema .decision-story .stage-nav button{flex:1 0 96px;font-size:14px;padding:14px 6px}.cinema .decision-story .mobile-explainer{display:block}.cinema .decision-story .mobile-explainer h3{color:#f5f3ed;font-size:32px}.cinema .decision-story .mobile-explainer p{color:#d4dfd5;font-size:16px;line-height:1.7}.cinema .decision-story .decision-head{padding:18px;font-size:12px}.cinema .decision-story .decision-metrics strong{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.cinema .decision-story .chapter:before{transition:none}}

@media(prefers-reduced-motion:reduce){.cinema .decision-story .story-grid{display:none!important}.cinema .decision-story #product-journey{display:block!important}}

/* Product portraits make each story a destination, with one clear selection. */
.cinema .decision-story .journey-products{gap:20px;align-items:stretch}
.cinema .decision-story .journey-products button{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:236px;padding:25px 26px 28px;border:0;border-radius:12px;background:#ece9df;color:#28332d;text-align:left;box-shadow:none;transition:transform .22s cubic-bezier(.23,1,.32,1),background .22s!important}
.cinema .decision-story .journey-products .product-story-apparel{background:#e2e7e5}
.cinema .decision-story .journey-products .product-story-skincare{background:#ede9df}
.cinema .decision-story .journey-products button:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:5px;background:#bc5d3f;transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}
.cinema .decision-story .journey-products button[aria-pressed=true]{background:#f7f4eb;border:0;box-shadow:none}
.cinema .decision-story .journey-products button[aria-pressed=true]:after{transform:scaleX(1)}
.cinema .decision-story .journey-products .merch{position:absolute;z-index:-1;right:0;top:12px;width:125px;height:220px;aspect-ratio:auto;background-color:transparent;mix-blend-mode:multiply;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.cinema .decision-story .journey-products .product-story-state{display:flex;align-items:center;gap:10px;width:100%;position:relative;z-index:1;font-size:12px;line-height:1.5;color:#536457}
.cinema .decision-story .journey-products .state-selected{display:none;color:#94422e}
.cinema .decision-story .journey-products [aria-pressed=true] .state-selected{display:inline}
.cinema .decision-story .journey-products [aria-pressed=true] .state-rest{display:none}
.cinema .decision-story .journey-products .story-arrow{font:24px/1 SaddlBody,sans-serif;margin-left:auto;color:#536457}
.cinema .decision-story .journey-products .product-story-copy{position:relative;z-index:1;display:block;max-width:65%;padding-top:65px}
.cinema .decision-story .journey-products strong{font:500 clamp(32px,3vw,46px)/1.05 SaddlDisplay,sans-serif;letter-spacing:-.015em;color:#28332d;display:block}
.cinema .decision-story .journey-products small{font:14px/1.5 SaddlBody,sans-serif;color:#435648;display:block;margin-top:12px;max-width:18ch}
.cinema .decision-story .journey-products button:focus-visible{outline:2px solid #efb491;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.cinema .decision-story .journey-products button:hover{transform:translateY(-4px);background:#f7f4eb}.cinema .decision-story .journey-products button:hover .merch{transform:translateY(-5px)}}
@media(max-width:1100px) and (min-width:761px){.cinema .decision-story .journey-products button{padding:20px;min-height:222px}.cinema .decision-story .journey-products .merch{width:100px;height:185px;right:-7px;top:31px}.cinema .decision-story .journey-products small{font-size:14px}.cinema .decision-story .journey-products strong{font-size:34px}.cinema .decision-story .journey-products .product-story-copy{max-width:67%}}
@media(max-width:760px){.cinema .decision-story .journey-products{grid-template-columns:1fr;gap:14px}.cinema .decision-story .journey-products button{min-height:180px;padding:22px 24px}.cinema .decision-story .journey-products .merch{width:105px;height:185px;right:40px;top:0}.cinema .decision-story .journey-products .product-story-copy{max-width:62%;padding-top:22px}.cinema .decision-story .journey-products strong{font-size:36px}.cinema .decision-story .journey-products small{font-size:14px;max-width:none;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.cinema .decision-story .journey-products button,.cinema .decision-story .journey-products button:after,.cinema .decision-story .journey-products .merch{transition:none!important;transform:none!important}}
.cinema .decision-story .journey-products button[aria-pressed] small{color:#435648}

/* One shared product image for every bottle instance, including dynamic selections. */
.cinema .merch.bottle,.cinema .product-cutout.bottle{background-image:url('assets/forme-bottle-cutout.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat;background-color:transparent!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important;filter:none!important}
.cinema .decision-story #chapter-context span{background:#e4eadc;color:#28332d;border:1px solid #b7c5b2;font-size:14px;line-height:1.5;padding:8px 12px}