/* Massia Collection / Editorial Motion Chapters v3.0
   Every selector is namespaced: no controller, basket or rack dependencies.
   Images are editorial concepts, not literal SKU/price claims. */
.m-cinema{--v3-ivory:#f1ede5;--v3-ink:#201b1b;--v3-wine:#542934;--v3-brass:#d4ad79;--v3-dim:#bfb0ab}
.m-cinema .m-v3-chapter,.m-cinema .m-v3-focus{position:relative;isolation:isolate;contain:layout style;z-index:6}
.m-cinema .m-v3-chapter{height:235svh}
.m-cinema .m-v3-stage,.m-cinema .m-v3-focus__stage{position:sticky;top:0;width:100%;height:100svh;min-height:560px;overflow:hidden;isolation:isolate}
.m-cinema .m-v3-picture,.m-cinema .m-v3-picture img{width:100%;height:100%;display:block}
.m-cinema .m-v3-picture img{object-fit:cover;user-select:none;pointer-events:none}
.m-cinema .m-v3-index{font:600 11px/1.6 var(--m-display,Arial),sans-serif;letter-spacing:.31em;direction:ltr;text-transform:uppercase;margin:0 0 20px}
.m-cinema .m-v3-link{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;gap:32px;border:1px solid currentColor;padding:0 19px;font-size:13px;font-weight:700;text-decoration:none;color:inherit;transition:background-color .22s,color .22s;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.m-cinema .m-v3-link:hover,.m-cinema .m-v3-link:focus-visible{background:var(--v3-brass);color:#1c1717}
.m-cinema .m-v3-link span{font-size:18px}
.m-cinema .m-v3-vertical{position:absolute;left:24px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);letter-spacing:.35em;font:10px var(--m-display,Arial),sans-serif;opacity:.42;z-index:9}
/* Story 06 — activewear: split lighting / travelling cut / optical-kinetic type. */
.m-cinema .m-v3-motion .m-v3-stage{background:radial-gradient(ellipse at 23% 55%,#51434a 0,#261b23 45%,#0f1013 94%);color:#fff4e9}
.m-cinema .m-v3-motion__grid{position:absolute;inset:0;z-index:1;opacity:.65;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#bfaab010 calc(12.5% - 1px),#bfaab010 12.5%),linear-gradient(180deg,transparent 50%,#937c8b17 50.05%,transparent 50.1%)}
.m-cinema .m-v3-motion__slash{position:absolute;z-index:3;width:31vw;height:160svh;top:-25vh;left:38%;transform:rotate(19deg);background:linear-gradient(90deg,transparent,#b46e7970 48%,#efd3c73b 52%,transparent);filter:blur(9px);mix-blend-mode:screen;pointer-events:none;opacity:.38}
.m-cinema .m-v3-motion__figure{position:absolute;z-index:2;left:3%;top:0;bottom:0;width:59%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 87%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 93%);mask-composite:intersect}
.m-cinema .m-v3-motion__figure img{object-position:50% 35%;filter:saturate(.74) contrast(1.04)}
.m-cinema .m-v3-motion__copy{position:absolute;z-index:5;top:22%;right:7%;width:37%;direction:rtl;text-align:right}
.m-cinema .m-v3-motion__copy .m-v3-index{color:#cca6ad}
.m-cinema .m-v3-motion__eyebrow{font-size:10px;color:#d8b5b0;letter-spacing:.28em;font-family:var(--m-display,Arial)}
.m-cinema .m-v3-motion__copy h2{font:900 clamp(57px,7vw,131px)/.82 var(--m-display,Arial),sans-serif;letter-spacing:-.035em;margin:22px 0 20px;text-align:left;direction:ltr;transform-origin:right}
.m-cinema .m-v3-motion__copy h2 em{font-style:normal;color:var(--v3-brass)}
.m-cinema .m-v3-motion__copy>p:not(.m-v3-index){color:#dbc8c4;font-size:15px;line-height:2.1;max-width:34ch;margin:10px 0 25px}
.m-cinema .m-v3-motion__meter{position:absolute;z-index:8;left:6%;bottom:42px;right:7%;display:flex;flex-direction:row;align-items:center;gap:20px;direction:ltr;font:10px var(--m-display,Arial);letter-spacing:.1em;color:#e9d2c5}
.m-cinema .m-v3-motion__meter>i{height:2px;background:#98828177;flex:1;display:block;position:relative}
.m-cinema .m-v3-motion__meter>i>b{display:block;background:#dbad89;height:2px;width:100%;transform-origin:left;transform:scaleX(0)}
/* Story 07 — knit: quiet editorial, warm light, soft-masked image & drifting type. */
.m-cinema .m-v3-knit .m-v3-stage{background:#d7c5b5;color:#402b2a}
.m-cinema .m-v3-knit__glow{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,#fffbf2 0%,#eee1d1 39%,#c5ac9c 100%);opacity:.95}
.m-cinema .m-v3-knit__large{position:absolute;top:6%;right:-2%;font:900 clamp(115px,19vw,310px)/1 var(--m-display,Arial);letter-spacing:-.08em;white-space:nowrap;color:#79594d14;pointer-events:none;z-index:1}
.m-cinema .m-v3-knit__figure{position:absolute;left:2%;top:8%;bottom:0;width:55%;z-index:2;overflow:hidden;clip-path:inset(0 0 0 0 round 45% 45% 0 0)}
.m-cinema .m-v3-knit__figure img{object-position:50% 23%;filter:saturate(.78)}
.m-cinema .m-v3-knit__veil{position:absolute;z-index:4;top:-20%;left:45%;width:23vw;height:140%;background:linear-gradient(90deg,transparent,#eee0d1b0 45%,#fffaf0b0 52%,transparent);transform:rotate(-12deg);filter:blur(22px);pointer-events:none}
.m-cinema .m-v3-knit__copy{position:absolute;z-index:5;right:7%;top:26%;width:40%}
.m-cinema .m-v3-knit__copy .m-v3-index{color:#82574f}
.m-cinema .m-v3-knit__copy h2{font:400 clamp(44px,5.4vw,89px)/1.3 var(--m-font,serif);margin:0 0 16px;letter-spacing:-.04em}
.m-cinema .m-v3-knit__copy h2 em{font-style:normal;color:#8b6555}
.m-cinema .m-v3-knit__copy>p:not(.m-v3-index){font-size:15px;line-height:2.1;max-width:34ch;color:#66514c;margin:18px 0 30px}
.m-cinema .m-v3-knit__rule{display:block;width:50px;height:2px;background:#976c5b;margin:10px 0 36px}
.m-cinema .m-v3-knit__foot{position:absolute;right:7%;bottom:42px;font:11px var(--m-display,Arial);letter-spacing:.3em;color:#73594d;direction:ltr}
/* Story 08 — bag: focal-product cabinet, orbit and a floating optical detail window. */
.m-cinema .m-v3-bag .m-v3-stage{background:radial-gradient(ellipse at 40% 60%,#8b6c5b 0%,#352b29 48%,#181515 94%);color:#f5eee2}
.m-cinema .m-v3-bag__rings{position:absolute;left:-12%;top:-26%;width:80vw;aspect-ratio:1;opacity:.21;pointer-events:none;z-index:1}
.m-cinema .m-v3-bag__rings i{position:absolute;border:1px solid #d4ad7999;border-radius:50%;inset:var(--ringInset,0)}
.m-cinema .m-v3-bag__rings i:nth-child(2){--ringInset:8%}.m-cinema .m-v3-bag__rings i:nth-child(3){--ringInset:17%}
.m-cinema .m-v3-bag__figure{position:absolute;left:8%;top:8%;height:83%;width:48%;z-index:3;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%);box-shadow:25px 28px 70px #0e090951}
.m-cinema .m-v3-bag__figure img{object-position:50% 45%;filter:saturate(.84)}
.m-cinema .m-v3-bag__loupe{position:absolute;left:40%;top:52%;width:clamp(140px,17vw,260px);aspect-ratio:1;z-index:5;background:#dbc8b8;padding:7px;border:1px solid #d4b59970;box-shadow:0 18px 38px #0008;transform:rotate(-7deg);overflow:hidden}
.m-cinema .m-v3-bag__crop{width:100%;height:calc(100% - 22px);background:#e2d1bd url('/media/massia-cinema/signature-bag-1122.webp') no-repeat 51% 57%;background-size:290% auto}
.m-cinema .m-v3-bag__loupe>span{display:block;text-align:center;font:10px var(--m-display,Arial);color:#452e2a;letter-spacing:.1em;direction:ltr}
.m-cinema .m-v3-bag__copy{position:absolute;right:7%;top:22%;width:38%;z-index:6}
.m-cinema .m-v3-bag__copy .m-v3-index{color:#e0bd9c}
.m-cinema .m-v3-bag__copy h2{font:900 clamp(52px,6.8vw,110px)/.91 var(--m-display,Arial);letter-spacing:-.06em;text-align:left;direction:ltr;margin:12px 0 26px}
.m-cinema .m-v3-bag__copy h2 em{font-style:normal;color:var(--v3-brass)}
.m-cinema .m-v3-bag__copy>p:not(.m-v3-index){font-size:15px;line-height:2.1;max-width:35ch;color:#e1d0c6;margin:0 0 26px}
.m-cinema .m-v3-bag__stamp{position:absolute;left:7%;bottom:35px;z-index:8;font:900 clamp(50px,8vw,120px)/1 var(--m-display,Arial);color:#d4ad793d;direction:ltr}
/* Story 09 — jogger: street track, rapid typographic parallax (but scroll-scrubbed). */
.m-cinema .m-v3-jogger .m-v3-stage{background:linear-gradient(115deg,#e6d4bd 0%,#cfb9a1 65%,#a88878 100%);color:#35232b}
.m-cinema .m-v3-jogger__ghost{position:absolute;left:-5%;top:4%;white-space:nowrap;font:900 clamp(110px,18vw,320px)/1 var(--m-display,Arial);letter-spacing:-.09em;color:#64373a12;pointer-events:none;z-index:1}
.m-cinema .m-v3-jogger__rails{position:absolute;inset:0;z-index:2;pointer-events:none;transform:skewX(-17deg)}
.m-cinema .m-v3-jogger__rails i{display:block;position:absolute;left:-20%;right:-20%;height:1px;background:#7a565224;top:calc(15% + var(--jogline,0%))}
.m-cinema .m-v3-jogger__rails i:nth-child(2){--jogline:23%}.m-cinema .m-v3-jogger__rails i:nth-child(3){--jogline:46%}.m-cinema .m-v3-jogger__rails i:nth-child(4){--jogline:69%}
.m-cinema .m-v3-jogger__figure{position:absolute;left:8%;top:4%;bottom:0;width:51%;z-index:3;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 95%,94% 100%,0 100%)}
.m-cinema .m-v3-jogger__figure img{object-position:50% 27%;filter:saturate(.82)}
.m-cinema .m-v3-jogger__copy{position:absolute;z-index:5;top:24%;right:7%;width:38%}
.m-cinema .m-v3-jogger__copy h2{font:900 clamp(65px,7vw,126px)/.83 var(--m-display,Arial);letter-spacing:-.06em;text-align:left;direction:ltr;margin:18px 0 27px}
.m-cinema .m-v3-jogger__copy h2 span{font-size:.39em;display:block;letter-spacing:-.025em;margin-top:16px;color:#9b5b5b}
.m-cinema .m-v3-jogger__copy>p:not(.m-v3-index){font-size:15px;line-height:2;max-width:34ch;margin:0 0 28px}
.m-cinema .m-v3-jogger__foot{position:absolute;bottom:35px;right:7%;font:11px var(--m-display,Arial);letter-spacing:.26em;z-index:8}
/* Story 10 — 7-beat camera: overview, six SKU classes. Content/figure are
   separate layers, so the focus never interpolates a bitmap *of the UI*. */
.m-cinema .m-v3-focus{height:800svh;background:#f3eee7;color:#392627;z-index:9}
.m-cinema .m-v3-focus__stage{background:radial-gradient(ellipse at 48% 47%,#f9f6f1 0%,#e9dcd0 56%,#cebaa8 120%)}
.m-cinema .m-v3-focus__backdrop{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#9b7d7923 calc(20% - 1px),#9b7d7923 20%);z-index:0}
.m-cinema .m-v3-focus__backdrop>span{position:absolute;top:calc(var(--m-head,70px) + 34px);left:6%;font:11px var(--m-display,Arial);letter-spacing:.28em;color:#765759}
.m-cinema .m-v3-focus__backdrop i{position:absolute;width:50vw;height:50vw;max-width:690px;max-height:690px;left:9%;top:18%;border:1px solid #ab8b8755;border-radius:50%}
.m-cinema .m-v3-focus__backdrop i:nth-of-type(2){left:17%;top:28%;width:34vw;height:34vw}
.m-cinema .m-v3-focus__figure{position:absolute;left:36%;top:52%;width:min(44vw,570px);aspect-ratio:1086/1448;transform:translate(-50%,-50%);z-index:2;pointer-events:none;will-change:transform}
.m-cinema .m-v3-focus__figure .m-v3-picture{display:block;width:100%;height:100%}
.m-cinema .m-v3-focus__figure img{display:block;width:100%;height:100%;object-fit:fill;will-change:transform;backface-visibility:hidden}
.m-cinema .m-v3-focus__intro{position:absolute;z-index:7;right:7%;top:24%;width:41%;pointer-events:none;text-align:right;transform-origin:right center}
.m-cinema .m-v3-focus__intro .m-v3-index{color:#8b5558}
.m-cinema .m-v3-focus__intro h2{font:900 clamp(50px,6.3vw,116px)/.85 var(--m-display,Arial);letter-spacing:-.055em;text-align:left;direction:ltr;margin:16px 0 26px}
.m-cinema .m-v3-focus__intro h2 em{font-style:normal;color:#a16b69}
.m-cinema .m-v3-focus__intro p{max-width:35ch;font-size:15px;line-height:2.1;margin:0 0 19px}
.m-cinema .m-v3-focus__hint{color:#8d605d;font-size:12px;display:inline-flex;gap:13px;align-items:center}
.m-cinema .m-v3-focus__hint b{font-size:24px}
.m-cinema .m-v3-focus__copy{position:absolute;right:7%;top:50%;width:36%;max-width:510px;z-index:7;pointer-events:none}
.m-cinema .m-v3-focus__card{position:absolute;left:0;right:0;top:0;transform:translate3d(0,44px,0) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:visibility 0s linear .1s}
.m-cinema .m-v3-focus__card.is-active{visibility:visible;pointer-events:auto;transition:none}
.m-cinema .m-v3-focus__serial{display:block;color:#8b565b;letter-spacing:.24em;font:600 12px var(--m-display,Arial);direction:ltr;text-align:right;margin-bottom:18px}
.m-cinema .m-v3-focus__eyebrow{font:600 12px var(--m-display,Arial);letter-spacing:.3em;color:#8c6866;margin:0 0 5px;direction:ltr;text-align:right}
.m-cinema .m-v3-focus__card h3{font:800 clamp(48px,6.1vw,98px)/1.24 var(--m-font,serif);margin:0 0 5px;color:#4c2932}
.m-cinema .m-v3-focus__card strong{display:block;font-size:19px;font-weight:500;color:#9b5b61;margin-bottom:16px}
.m-cinema .m-v3-focus__card>p:not(.m-v3-focus__eyebrow){font-size:15px;line-height:2.15;max-width:33ch;color:#614b49;margin:0 0 25px}
.m-cinema .m-v3-focus__card .m-v3-link{background:#502e36;color:#fdf7ec;pointer-events:auto;border-color:#502e36}
.m-cinema .m-v3-focus__marker{position:absolute;left:33%;top:53%;z-index:6;display:flex;align-items:center;gap:16px;pointer-events:none;transform:translate(-50%,-50%);opacity:0}
.m-cinema .m-v3-focus__marker>i{display:block;width:74px;height:74px;border:1px solid #9e6b6eaa;border-radius:50%;position:relative;box-shadow:0 0 0 8px #d9aa9b1a,inset 0 0 0 1px #fff7}
.m-cinema .m-v3-focus__marker>i:before,.m-cinema .m-v3-focus__marker>i:after{content:'';position:absolute;background:#7d4c50}
.m-cinema .m-v3-focus__marker>i:before{height:1px;width:120px;left:-23px;top:50%}
.m-cinema .m-v3-focus__marker>i:after{width:1px;height:120px;top:-23px;left:50%}
.m-cinema .m-v3-focus__marker>span{font:10px var(--m-display,Arial);letter-spacing:.2em;direction:ltr;white-space:nowrap;background:#f9f2e8b8;padding:10px 13px}
.m-cinema .m-v3-focus__nav{display:flex;flex-direction:column;position:absolute;z-index:10;left:3.5%;top:50%;transform:translateY(-50%);gap:9px}
.m-cinema .m-v3-focus__nav button{border:1px solid #845e5c70;color:#755153;background:#f7f1e8ab;width:42px;height:42px;cursor:pointer;border-radius:0;font:600 11px var(--m-display,Arial)}
.m-cinema .m-v3-focus__nav button[aria-pressed=true]{background:#542d39;color:#fff6ec;border-color:#542d39}
.m-cinema .m-v3-focus__nav button:focus-visible{outline:3px solid #b8876e;outline-offset:2px}
.m-cinema .m-v3-focus__foot{position:absolute;left:6%;right:7%;bottom:28px;z-index:9;display:flex;align-items:center;gap:22px;justify-content:space-between;color:#775a57;font:11px var(--m-display,Arial);letter-spacing:.06em}
.m-cinema .m-v3-focus__foot>i{height:2px;max-width:290px;flex:1;background:#ad92865b;position:relative}
.m-cinema .m-v3-focus__foot>i:before{content:'';position:absolute;inset:0;background:#814751;transform:scaleX(var(--focus-p,0));transform-origin:right}
/* Responsive layout: keep product and copy in distinct vertical zones on phones. */
@media(max-width:1100px) and (min-width:701px){
 .m-cinema .m-v3-motion__copy{right:5%;width:44%}.m-cinema .m-v3-motion__figure{left:0;width:61%}
 .m-cinema .m-v3-knit__figure{left:0;width:59%}.m-cinema .m-v3-knit__copy{right:5%;width:43%}
 .m-cinema .m-v3-bag__copy{right:5%;width:43%}.m-cinema .m-v3-bag__figure{left:2%;width:53%}
 .m-cinema .m-v3-jogger__copy{right:5%;width:43%}.m-cinema .m-v3-jogger__figure{left:2%;width:55%}
 .m-cinema .m-v3-focus__intro{right:5%;width:44%}.m-cinema .m-v3-focus__copy{right:4%;width:42%}
}
@media(max-width:700px){
 .m-cinema .m-v3-stage,.m-cinema .m-v3-focus__stage{min-height:0;height:100svh}
 .m-cinema .m-v3-index{font-size:10px;margin-bottom:10px;letter-spacing:.16em}
 .m-cinema .m-v3-chapter{height:210svh}
 .m-cinema .m-v3-motion__figure{left:-11%;top:42%;height:60%;width:122%;bottom:auto;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent)}
 .m-cinema .m-v3-motion__figure img{object-position:50% 15%}
 .m-cinema .m-v3-motion__copy{top:calc(var(--m-head,60px) + 33px);right:6%;left:6%;width:auto}
 .m-cinema .m-v3-motion__copy h2{font-size:clamp(52px,14.5vw,85px);line-height:.82;text-align:right;margin:6px 0 12px}
 .m-cinema .m-v3-motion__copy>p:not(.m-v3-index){font-size:12px;line-height:1.7;max-width:33ch;margin:0 0 12px}
 .m-cinema .m-v3-motion__eyebrow{font-size:9px}.m-cinema .m-v3-motion__meter{left:6%;right:6%;bottom:21px;gap:9px;font-size:9px}
 .m-cinema .m-v3-vertical{display:none}
 .m-cinema .m-v3-knit__large{font-size:30vw;top:35%;right:-3%;letter-spacing:-.1em}
 .m-cinema .m-v3-knit__figure{left:1%;top:38%;bottom:0;width:98%;clip-path:inset(0 0 0 0 round 47% 47% 0 0)}
 .m-cinema .m-v3-knit__figure img{object-position:50% 11%}
 .m-cinema .m-v3-knit__copy{top:calc(var(--m-head,60px) + 26px);right:6%;left:7%;width:auto}
 .m-cinema .m-v3-knit__copy h2{font-size:clamp(31px,10.1vw,58px);line-height:1.22}
 .m-cinema .m-v3-knit__copy>p:not(.m-v3-index){font-size:12px;line-height:1.6;margin:8px 0 12px}
 .m-cinema .m-v3-knit__rule{margin:4px 0 12px}
 .m-cinema .m-v3-knit__foot{font-size:8px;right:6%;bottom:15px;color:#ffe}
 .m-cinema .m-v3-bag__figure{left:-2%;top:41%;height:58%;width:98%}
 .m-cinema .m-v3-bag__figure img{object-position:50% 21%}
 .m-cinema .m-v3-bag__copy{top:calc(var(--m-head,60px) + 38px);right:6%;left:6%;width:auto}
 .m-cinema .m-v3-bag__copy h2{font-size:clamp(52px,12vw,80px);margin:5px 0 12px}
 .m-cinema .m-v3-bag__copy>p:not(.m-v3-index){font-size:12px;line-height:1.7;max-width:34ch;margin:0 0 14px}
 .m-cinema .m-v3-bag__loupe{width:clamp(100px,31vw,160px);left:6%;top:62%}
 .m-cinema .m-v3-bag__stamp{font-size:50px;bottom:8px}
 .m-cinema .m-v3-jogger__figure{left:-6%;width:107%;top:42%;height:58%;bottom:auto}
 .m-cinema .m-v3-jogger__figure img{object-position:50% 16%}
 .m-cinema .m-v3-jogger__ghost{font-size:25vw;top:44%;left:-5%}
 .m-cinema .m-v3-jogger__copy{top:calc(var(--m-head,60px) + 36px);right:6%;left:6%;width:auto}
 .m-cinema .m-v3-jogger__copy h2{font-size:clamp(57px,14vw,92px);margin:7px 0 12px;line-height:.83}
 .m-cinema .m-v3-jogger__copy>p:not(.m-v3-index){font-size:12px;line-height:1.7;max-width:35ch;margin:0 0 12px}
 .m-cinema .m-v3-jogger__copy h2 span{margin-top:7px}
 .m-cinema .m-v3-jogger__foot{bottom:14px;right:6%;font-size:9px}
 .m-cinema .m-v3-link{min-height:35px;padding:0 12px;font-size:11px;gap:19px}
 .m-cinema .m-v3-focus{height:760svh}
 .m-cinema .m-v3-focus__figure{left:50%;top:64%;width:min(89vw,430px)}
 .m-cinema .m-v3-focus__intro{right:6%;left:6%;top:calc(var(--m-head,60px) + 25px);width:auto}
 .m-cinema .m-v3-focus__intro h2{font-size:clamp(51px,13.2vw,80px);line-height:.81;margin:6px 0 13px;text-align:right}
 .m-cinema .m-v3-focus__intro p{max-width:43ch;font-size:12px;line-height:1.7;margin:0 0 5px}
 .m-cinema .m-v3-focus__hint{font-size:11px}
 .m-cinema .m-v3-focus__copy{right:5%;left:5%;width:auto;max-width:none;top:calc(var(--m-head,60px) + 23px)}
 .m-cinema .m-v3-focus__card{background:linear-gradient(180deg,#f8f2e9f7,#f4ece4e0 86%,transparent);padding:9px 10px 13px}
 .m-cinema .m-v3-focus__serial{margin:0 0 5px;font-size:10px}
 .m-cinema .m-v3-focus__eyebrow{font-size:10px;letter-spacing:.17em;margin:0}
 .m-cinema .m-v3-focus__card h3{font-size:clamp(36px,10vw,56px);line-height:1.2;margin:0}
 .m-cinema .m-v3-focus__card strong{font-size:12px;margin:2px 0}
 .m-cinema .m-v3-focus__card>p:not(.m-v3-focus__eyebrow){font-size:11px;line-height:1.6;margin:0 0 7px;max-width:50ch}
 .m-cinema .m-v3-focus__card .m-v3-link{min-height:30px;font-size:10px}
 .m-cinema .m-v3-focus__marker>i{width:47px;height:47px;box-shadow:0 0 0 6px #c9948655}
 .m-cinema .m-v3-focus__marker>i:before{width:78px;left:-16px}
 .m-cinema .m-v3-focus__marker>i:after{height:78px;top:-16px}
 .m-cinema .m-v3-focus__marker>span{display:none}
 .m-cinema .m-v3-focus__nav{left:50%;top:auto;bottom:54px;transform:translateX(-50%);flex-direction:row;gap:7px}
 .m-cinema .m-v3-focus__nav button{height:34px;width:34px;font-size:10px}
 .m-cinema .m-v3-focus__foot{left:5%;right:5%;bottom:13px;gap:10px;font-size:8px}
 .m-cinema .m-v3-focus__foot>i{max-width:65px}
 .m-cinema .m-v3-focus__backdrop>span{display:none}
 .m-cinema .m-v3-focus__backdrop i{width:120vw;height:120vw;top:40%;left:-12%}
 .m-cinema .m-v3-focus__backdrop i:nth-of-type(2){width:80vw;height:80vw;top:50%;left:7%}
}
@media(max-width:370px){
 .m-cinema .m-v3-motion__copy h2{font-size:46px}.m-cinema .m-v3-bag__copy h2{font-size:48px}
 .m-cinema .m-v3-focus__intro h2{font-size:44px}.m-cinema .m-v3-focus__card h3{font-size:34px}
 .m-cinema .m-v3-focus__foot>span:first-child{display:none}
}
/* Motion accessibility: no forced camera; all details become readable list. */
@media(prefers-reduced-motion:reduce){
 .m-cinema .m-v3-chapter{height:auto;min-height:100svh}
 .m-cinema .m-v3-chapter .m-v3-stage{position:relative;min-height:100svh}
 .m-cinema .m-v3-focus{height:auto}
 .m-cinema .m-v3-focus__stage{height:auto;min-height:120svh;position:relative;display:flex;flex-direction:column;padding-bottom:75px}
 .m-cinema .m-v3-focus__figure{position:relative;left:auto;top:auto;width:min(80vw,440px);margin:180px auto 0;transform:none!important;order:1}
 .m-cinema .m-v3-focus__figure img{transform:none!important}
 .m-cinema .m-v3-focus__intro{position:relative;top:auto;right:auto;width:auto;margin:90px 7% 0;opacity:1!important;transform:none!important;order:0}
 .m-cinema .m-v3-focus__copy{position:relative;top:auto;right:auto;width:auto;max-width:none;margin:25px 7% 0;order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;pointer-events:auto}
 .m-cinema .m-v3-focus__card{position:relative;opacity:1!important;visibility:visible!important;transform:none!important;background:#fffbf4b8;padding:22px;pointer-events:auto}
 .m-cinema .m-v3-focus__marker,.m-cinema .m-v3-focus__nav{display:none!important}
 .m-cinema .m-v3-focus__foot{bottom:22px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .m-cinema .m-v3-focus__copy{grid-template-columns:1fr;right:auto;left:auto}
 .m-cinema .m-v3-focus__figure{width:min(75vw,320px);margin:12px auto 0}
 .m-cinema .m-v3-focus__intro{margin-top:95px}
}
@media print{
 .m-cinema .m-v3-chapter{height:auto;break-inside:avoid}
 .m-cinema .m-v3-chapter .m-v3-stage{position:relative;height:650px}
 .m-cinema .m-v3-focus{height:auto}
 .m-cinema .m-v3-focus__stage{position:relative;min-height:750px}
 .m-cinema .m-v3-focus__nav{display:none}
}
/* Visual QA correction / preserve the face below the fixed masthead in desktop
   portrait chapters even at the mid-scroll zoom. */
@media(min-width:701px){
 .m-cinema .m-v3-motion__figure{top:var(--m-head,70px);bottom:0}
 .m-cinema .m-v3-knit__figure{top:var(--m-head,70px);bottom:0}
 .m-cinema .m-v3-bag__figure{top:calc(var(--m-head,70px) + 8px);height:calc(86% - var(--m-head,70px))}
 .m-cinema .m-v3-jogger__figure{top:var(--m-head,70px);bottom:0}
 .m-cinema .m-v3-motion__figure img,.m-cinema .m-v3-knit__figure img,.m-cinema .m-v3-bag__figure img,.m-cinema .m-v3-jogger__figure img{object-position:50% 0%;transform-origin:50% 0%}
}
/* Camera detail crop coordinates: bottom-right quadrant contains the handbag. */
.m-cinema .m-v3-bag__crop{background-position:61% 48%;background-size:270% auto}
/* QA 03 — the handbag detail is now a real image-backed inset, not a URL
   in CSS that disappears in restricted preview contexts. */
.m-cinema .m-v3-bag__crop{position:relative;background:#bca38c;overflow:hidden}
.m-cinema .m-v3-bag__crop img{width:100%;height:100%;display:block;object-fit:cover;object-position:60% 47%;transform:scale(2.1);transform-origin:62% 49%}
@media(max-width:700px){
 .m-cinema .m-v3-motion__figure{top:49%;height:51%}
 .m-cinema .m-v3-bag__loupe{top:67%;left:3%}
}
/* Polish: no collision between chapter intro text and full-length model on phones. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .m-cinema .m-v3-focus__figure{top:67%}
}