/* Editorial film cover: source pixels stay still; the graphic transition moves. */
.couture-edition .hero-scroll{height:140svh;background:#e8e6de}
.couture-edition .hero-stage{--hero-panel:158px;--mx:0;--my:0;height:calc(100svh - var(--header));min-height:560px;background:#090c10;isolation:isolate;overflow:hidden}
.hero-stage>.hero-cover,.hero-stage>.hero-reel{position:absolute;inset:0 0 var(--hero-panel);width:100%;height:calc(100% - var(--hero-panel));max-width:none;transform:none!important;filter:none!important}
.hero-stage .hero-world{position:static;width:100%;height:100%;max-width:none;transform:none!important;filter:none!important;object-fit:cover;object-position:center;opacity:1;background:#090c10;will-change:auto}
.hero-stage>.hero-reel{z-index:1;overflow:hidden;will-change:auto}
.hero-stage>.hero-reel:after{display:none}
.hero-stage #hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none;opacity:0;transition:opacity .15s linear;background:#090c10}
.hero-stage[data-hero-framing=full] .hero-world,.hero-stage[data-hero-framing=full] #hero-video{object-fit:contain}
.hero-view-actions{display:flex;align-items:center;gap:27px}
.hero-framing{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid #fff8;border-radius:0;background:none;color:inherit;font-size:10px;letter-spacing:1px;cursor:pointer}
.hero-framing i{font-size:20px;font-style:normal;color:#d4fc73}
.hero-framing:focus-visible{outline:2px solid #d4fc73;outline-offset:5px}
.hero-stage #hero-video[data-ready=true]{opacity:1}
.hero-stage>.hero-shade{position:absolute;inset:0 0 var(--hero-panel);z-index:2;background:linear-gradient(180deg,#090c104d,transparent 24%,transparent 78%,#090c105e);pointer-events:none}
.hero-stage>.hero-kicker{position:absolute;z-index:4;top:22px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:8px;letter-spacing:1.5px;mix-blend-mode:difference}
.hero-stage .hero-scene-note{position:absolute;z-index:4;left:4%;right:auto;top:67px;bottom:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#fff;mix-blend-mode:difference;pointer-events:none}
.hero-stage .hero-scene-note>.mono{font-size:7px;letter-spacing:1.5px}.hero-stage #scene-name{font-size:19px;letter-spacing:3px}.hero-stage #scene-caption{font-size:7px;letter-spacing:1px}
.hero-stage>.hero-bottom{position:absolute;z-index:4;left:4%;right:4%;bottom:calc(var(--hero-panel) + 22px);display:flex;justify-content:space-between;align-items:center;color:#f3f2eb}
.hero-scroll-link,.hero-film{display:inline-flex;gap:26px;align-items:center;font-size:10px;letter-spacing:1px;border-bottom:1px solid #fff8;padding:10px 0;background:none;color:inherit;border-radius:0}
.hero-scroll-link>span,.hero-film>span{font-size:25px;line-height:1;color:#d4fc73}.hero-film{font:8px 'Courier New',monospace;letter-spacing:1px}
.hero-title-panel{position:absolute;z-index:5;bottom:0;left:0;right:0;height:var(--hero-panel);background:#e8e6de;color:#101719;border-top:1px solid #10171955;display:flex;align-items:center;justify-content:space-between;padding:20px 4%;gap:32px}
.hero-stage .hero-titles{position:relative;inset:auto;z-index:auto;transform:none!important;width:auto;flex:1;min-width:0;pointer-events:none;will-change:auto}
.hero-stage .hero-titles h1{position:static;margin:0;display:flex;align-items:baseline;gap:.08em;font:900 clamp(62px,8.2vw,140px)/.82 Arial,sans-serif;letter-spacing:-.075em;color:#101719;white-space:nowrap}
.hero-word{display:inline-block}.hero-word-alt{display:inline-block;font:italic 1.25em/.8 var(--serif,Georgia,serif);letter-spacing:-.095em;font-weight:400}
.hero-stage .hero-cn{position:static;display:block;border:0;padding:0;margin-top:13px;font-size:8px;letter-spacing:3px;writing-mode:horizontal-tb;color:#405052}
.hero-stage .scene-selector{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:clamp(270px,29vw,420px);flex:0 0 auto;padding:0;background:none;border:0;color:#101719;backdrop-filter:none}
.hero-stage .scene-selector-label{grid-column:1/-1;display:block;margin:0 0 12px;font-size:7px;letter-spacing:1.4px;color:#506063}
.hero-stage .scene-selector button{position:relative;min-width:0;min-height:49px;padding:10px 12px;display:flex;align-items:center;gap:9px;font-size:13px;color:#536063;background:none;border:0;border-top:1px solid #10171955;border-bottom:1px solid #10171955;border-radius:0;text-align:left;backdrop-filter:none;transition:color .2s,background .2s}
.hero-stage .scene-selector button+button{border-left:1px solid #10171933}.hero-stage .scene-selector button>span{font:9px 'Courier New',monospace;opacity:.7}.hero-stage .scene-selector button>b{font-weight:400}.hero-stage .scene-selector button>i{font:17px Arial,sans-serif;font-style:normal;margin-left:auto;opacity:0}
.hero-stage .scene-selector button[aria-pressed=true]{background:#14363f;color:#f0f0e7}.hero-stage .scene-selector button[aria-pressed=true]>i{opacity:1;color:#d4fc73}
.hero-stage .scene-selector button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#d4fc73;transform:scaleX(var(--scene-progress,0));transform-origin:left;transition:transform .2s linear}
.hero-stage .scene-selector button:hover{background:#ced8d3;color:#10242c}.hero-stage .scene-selector button:focus-visible{outline:2px solid #245d76;outline-offset:3px;z-index:1}
.hero-stage>.scene-shutters{position:absolute;inset:0 0 var(--hero-panel);z-index:3;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);overflow:hidden;pointer-events:none;perspective:1000px}
.hero-stage>.scene-shutters>span{position:relative;min-width:0;min-height:0;background-color:#0b141a;background-repeat:no-repeat;opacity:0;transform:translate3d(0,-105%,0);transform-origin:center;transition:transform .42s cubic-bezier(.72,0,.2,1),opacity .09s linear;transition-delay:calc(var(--order)*15ms);border-right:1px solid #e8e6de66;border-bottom:1px solid #e8e6de66;will-change:transform,opacity}
.hero-stage.is-switching>.scene-shutters>span{opacity:1;transform:translate3d(0,0,0);transition-duration:.34s,.06s;transition-delay:calc(var(--order)*14ms)}
.hero-stage.is-switching>.hero-bottom,.hero-stage.is-switching .hero-scene-note{opacity:.3;transition:opacity .2s}
.hero-stage.media-blocked:after{content:'点击造型开始播放';position:absolute;right:4%;top:68px;bottom:auto;z-index:4;color:#fff;font-size:9px;letter-spacing:1px;padding:8px;background:#10242cab;pointer-events:none}
@media(min-width:1700px){.couture-edition .hero-stage{--hero-panel:190px}.hero-stage .hero-titles h1{font-size:145px}}
@media(max-width:900px) and (min-width:601px){.hero-stage .hero-titles h1{font-size:7.8vw}.hero-stage .scene-selector{width:285px}.hero-stage .scene-selector button{padding:10px 9px;font-size:11px}.hero-stage .scene-selector button>i{display:none}}
@media(max-width:600px){
 .couture-edition .hero-scroll{height:125svh}.couture-edition .hero-stage{--hero-panel:164px;min-height:540px}
 .hero-stage .hero-world,.hero-stage #hero-video{object-fit:contain}
 .hero-framing{display:none}
 .hero-title-panel{display:block;padding:17px 20px 14px}.hero-stage .hero-titles{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.hero-stage .hero-titles h1{font-size:clamp(47px,13vw,75px);letter-spacing:-.085em}.hero-stage .hero-cn{font-size:6px;letter-spacing:1px;margin:0;max-width:65px;line-height:1.7}
 .hero-stage .scene-selector{width:100%;margin-top:14px}.hero-stage .scene-selector-label{margin-bottom:6px;font-size:6px;letter-spacing:1px}.hero-stage .scene-selector button{min-height:40px;padding:7px 11px;font-size:11px;gap:10px}.hero-stage .scene-selector button>span{font-size:8px}.hero-stage .scene-selector button>i{font-size:16px}
 .hero-stage>.hero-kicker{top:17px;left:20px;right:20px;font-size:6px;letter-spacing:1px}.hero-stage>.hero-kicker>span:last-child{max-width:110px;text-align:right}
 .hero-stage .hero-scene-note{top:53px;left:20px;gap:6px}.hero-stage .hero-scene-note>.mono{font-size:6px}.hero-stage #scene-name{font-size:16px;letter-spacing:2px}.hero-stage #scene-caption{max-width:180px;font-size:6px}
 .hero-stage>.hero-bottom{left:20px;right:20px;bottom:calc(var(--hero-panel) + 14px)}.hero-scroll-link{font-size:9px;gap:18px;padding:7px 0}.hero-film{font-size:7px;gap:14px;padding:7px 0}.hero-scroll-link>span,.hero-film>span{font-size:22px}
 .hero-stage>.scene-shutters{grid-template-columns:repeat(4,1fr)}.hero-stage.media-blocked:after{right:20px;top:54px;font-size:8px}
}
@media(max-height:600px) and (min-width:601px){.couture-edition .hero-stage{--hero-panel:120px;min-height:390px}.hero-stage .hero-titles h1{font-size:7vw}.hero-title-panel{padding-top:14px;padding-bottom:14px}.hero-stage>.hero-kicker{top:15px}.hero-stage .hero-scene-note{top:47px;gap:4px}.hero-stage #scene-name{font-size:15px}.hero-stage #scene-caption{display:none}.hero-stage>.hero-bottom{bottom:calc(var(--hero-panel) + 12px)}}
body[data-motion=off] .hero-stage>.scene-shutters{display:none}body[data-motion=off] .hero-stage #hero-video{display:none}
body.couture-edition[data-motion=off] .hero-scroll{height:auto}
@media(prefers-reduced-motion:reduce){.hero-stage>.scene-shutters>span,.hero-stage #hero-video,.hero-stage .scene-selector button{transition:none}}
@media(max-width:760px) and (orientation:portrait){.hero-stage .hero-world,.hero-stage #hero-video{object-fit:contain}.hero-framing{display:none}}
