/* V3: open chapters. The preserved V2 base supplies hero, navigation and detail UI. */
@font-face{font-family:"Miditech V3 Sans";src:url('noto-sans-v3.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Miditech V3 Serif";src:url('noto-serif-v3.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--v3-ink:#080b10;--v3-navy:#0a1735;--v3-paper:#f0ebe6;--v3-lime:#d9f99d;--v3-orange:#ff6940;--v3-x:clamp(32px,4.45vw,72px);--sans:Arial,"Miditech V3 Sans","Microsoft YaHei",sans-serif}
body{background:var(--v3-ink)}
html{scroll-padding-top:0}
.programme{background:var(--v3-paper);color:var(--v3-ink);padding:0;scroll-margin-top:104px}
.programme-intro{padding:92px var(--v3-x) 38px;max-width:1488px;margin:auto}
.programme-intro .section-top{margin:0 0 42px}
.programme-title{display:grid;grid-template-columns:8fr 4fr;gap:38px;align-items:end}
.programme-title h2{font:900 clamp(64px,7.3vw,110px)/1.08 "Miditech V3 Sans","Microsoft YaHei",sans-serif;letter-spacing:-.065em;margin:0}
.programme-title h2 em{display:block;font:italic .66em/1 Georgia,serif;letter-spacing:-.055em;margin-top:8px}
.programme-title>p{font-size:16px;line-height:1.75;max-width:300px;margin:0 0 7px}
.programme .toolbar{display:block;border:0;padding:34px 0 0;margin:0;background:transparent;position:static}
.programme .filters{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;max-width:none}
.programme .filters button{min-height:44px;padding:11px 15px;font-size:14px;line-height:1.3;white-space:nowrap;border:1px solid #080b102b;border-radius:24px;margin:0;background:transparent;color:inherit}
.programme .filters button.active{background:var(--v3-ink);color:var(--v3-paper);border-color:var(--v3-ink)}
.programme .filters sup{font-size:10px;vertical-align:baseline;margin-left:5px;font-weight:400;opacity:.7}
.programme .filter-tools{display:flex;justify-content:space-between;align-items:center;border:0;margin-top:18px;gap:16px;min-height:44px}
.programme #reset{margin:0;padding:10px 0;min-height:44px;background:transparent;border:0;color:inherit;font-size:12px}
.programme #resultCount{margin:0;font-size:12px;line-height:1.5}
.programme #archiveGrid{display:block;margin:0;gap:0;padding:0}
.programme .empty{padding:50px var(--v3-x)}
.world{padding:76px var(--v3-x) 88px;scroll-margin-top:104px;--world-bg:var(--v3-ink);--world-fg:var(--v3-paper);--world-muted:#b7bcc6;--world-line:#f0ebe638;--world-accent:var(--v3-lime);background:var(--world-bg);color:var(--world-fg)}
.world.palette-navy{--world-bg:var(--v3-navy)}
.world.palette-paper{--world-bg:var(--v3-paper);--world-fg:var(--v3-ink);--world-muted:#535b67;--world-line:#080b1030;--world-accent:#bb3d16}
.world-inner{max-width:1344px;margin:auto}
.world-meta{display:flex;justify-content:space-between;gap:24px;font:10px/1.5 Arial,sans-serif;letter-spacing:.09em;align-items:baseline}
.world-meta>span:first-child{color:var(--world-accent)}
.world-heading{display:grid;grid-template-columns:8fr 4fr;gap:40px;align-items:end;margin:48px 0 38px}
.world-client{display:block;font-size:13px;line-height:1.6;letter-spacing:.05em;white-space:nowrap}
.world-heading h2{font:900 clamp(86px,11.7vw,176px)/.94 Arial,"Microsoft YaHei",sans-serif;letter-spacing:-.075em;margin:12px 0 0 -5px;overflow-wrap:anywhere}
.world-automotive .world-heading h2{white-space:nowrap}
.world-heading>p{margin:0 0 6px;padding-left:18px;border-left:1px solid var(--world-line);font-size:20px;line-height:1.65}
.world-stage{margin:0;width:100%;min-width:0}
.stage-open{position:relative;display:block;aspect-ratio:16/9;width:100%;padding:0;overflow:hidden;background:#080b10;border:0;border-radius:0;color:var(--v3-paper);cursor:pointer;text-align:left}
.stage-open>video,.stage-open>img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .18s}
.world-stage-slot .stage-open>video,.world-stage-slot .stage-open>img{animation:world-stage-in .18s ease-out}@keyframes world-stage-in{from{opacity:.3}to{opacity:1}}
.stage-open:focus-visible{outline:3px solid var(--v3-orange);outline-offset:5px}
.stage-action{position:absolute;bottom:22px;right:22px;display:flex;gap:14px;align-items:center;color:#fff;font-size:12px;line-height:1.4;text-shadow:0 1px 6px #000;background:#080b1080;border-radius:40px;padding:6px 6px 6px 20px;backdrop-filter:blur(6px)}
.stage-action b{width:48px;height:48px;border:1px solid #ffffff75;border-radius:50%;display:grid;place-items:center;font:400 26px/1 Arial;transition:transform .16s}
.stage-open:hover .stage-action b{transform:rotate(45deg);background:var(--v3-lime);color:var(--v3-ink);text-shadow:none}
.world-stage figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}
.world-stage figcaption small{display:block;font-size:10px;line-height:1.5;letter-spacing:.07em;color:var(--world-muted);margin-bottom:5px}
.world-stage figcaption strong{display:block;font-size:22px;line-height:1.45;font-weight:600}
.stage-duration{font-size:11px;white-space:nowrap;color:var(--world-muted)}
.world-stage-portrait{max-width:360px;margin:0 auto}
.world-stage-portrait .stage-open{aspect-ratio:9/16;max-height:640px}
.world-stage-portrait .stage-action{bottom:14px;right:14px;padding-left:12px}
.world-films{display:grid;grid-template-columns:repeat(var(--film-columns),minmax(0,1fr));gap:20px;margin-top:30px}
.world-film{position:relative;text-align:left;background:none;color:inherit;border:0;border-top:1px solid var(--world-line);padding:17px 18px 15px 0;min-height:104px;cursor:pointer}
.world-film.active{border-top:2px solid var(--world-accent);color:var(--world-accent);padding-top:16px}
.world-film>small{display:block;font:10px/1.5 Arial;color:var(--world-muted)}
.world-film>span{display:block;font-size:16px;line-height:1.55;font-weight:600;margin-top:8px}
.world-film>i{font-style:normal;position:absolute;right:0;bottom:18px;font-size:12px}
.world-film:focus-visible{outline:3px solid var(--v3-orange);outline-offset:4px}
.world-editorial-grid{display:grid;grid-template-columns:4fr 8fr;gap:28px 48px;align-items:start;margin-top:60px}
.world-editorial-title{grid-column:1;grid-row:1}
.world-editorial-title h2{font:900 clamp(46px,5.35vw,80px)/1.13 "Miditech V3 Sans","Microsoft YaHei",sans-serif;letter-spacing:-.065em;margin:20px 0 26px;overflow-wrap:break-word}
.world-editorial-title>p{font-size:14px;line-height:1.8;color:var(--world-muted);max-width:300px;margin:0}
.world-editorial-title h2 em{font-family:"Miditech V3 Serif",Georgia,serif;font-weight:800;font-size:.73em;display:inline-block;transform:skewX(-6deg);font-style:normal;letter-spacing:-.065em}
.world-editorial-grid>.world-stage-slot{grid-column:2;grid-row:1 / span 2}
.world-editorial-grid>.world-films{grid-column:1;grid-row:2;display:block;margin:0}
.world-editorial-grid .world-film{display:grid;grid-template-columns:54px 1fr 16px;gap:10px;align-items:center;width:100%;min-height:58px;padding:12px 0}
.world-editorial-grid .world-film>small>span{display:none}
.world-editorial-grid .world-film>span{font-size:14px;margin:0;line-height:1.55}
.world-editorial-grid .world-film>i{position:static}
.world-wide-story .world-editorial-grid{grid-template-columns:8fr 4fr}
.world-wide-story .world-editorial-title{grid-column:2}
.world-wide-story .world-stage-slot{grid-column:1}
.world-wide-story .world-films{grid-column:2}
.world-wide-story .world-editorial-title h2{font-size:clamp(46px,4.5vw,68px)}
.world-immersive .world-heading{grid-template-columns:8fr 4fr}
.world-immersive .world-heading h2{font-size:clamp(96px,15vw,200px)}
.world-duo .world-heading h2{font-family:"Miditech V3 Sans","Microsoft YaHei",sans-serif;font-size:clamp(48px,5.7vw,84px);line-height:1.12;letter-spacing:-.065em}
.world-duo .world-heading>p{font-size:15px}
.world-duo-grid{display:grid;grid-template-columns:7fr 5fr;column-gap:24px;row-gap:64px;align-items:start}
.world-project:nth-child(even){margin-top:88px}
.world-project:nth-child(odd):last-child{max-width:100%}
.world-project{min-width:0}
.project-label{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin:0 0 14px;font-size:14px;line-height:1.6}
.project-label small{font-size:10px;color:var(--world-muted)}
.world-project-note{font-size:13px;line-height:1.85;color:var(--world-muted);margin:14px 0 0;max-width:42em}
.world-series-link{border:0;background:none;color:inherit;padding:14px 0;display:flex;justify-content:space-between;gap:20px;min-height:44px;font-size:12px;width:100%;text-align:left;cursor:pointer}
.world-duo-grid>.world-project:nth-child(n+3){border-top:1px solid var(--world-line);padding-top:24px}
.other-chapter>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;max-width:1344px;margin:auto;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:1.2}
.other-chapter>summary::-webkit-details-marker{display:none}
.other-chapter>summary small{display:block;font-size:12px;font-weight:400;margin-top:18px;color:var(--world-muted)}
.other-chapter>summary b{font-weight:400}
.other-chapter[open]>summary{margin-bottom:60px}
.other-chapter[open]>summary b{transform:rotate(45deg)}
.other-chapter .world-meta,.other-chapter .world-heading{display:none}
.programme .archive-status{display:flex;gap:24px;align-items:center}
.programme .motion-toggle{font-size:11px;min-height:44px;padding:8px 10px;white-space:nowrap}
.draft-banner{background:var(--v3-lime);color:var(--v3-ink);padding:14px 20px;position:relative;z-index:5;font:13px/1.6 Arial,sans-serif;text-align:center}
.draft-banner a{color:inherit;text-decoration:underline;margin-left:12px}
.site-footer{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:30px var(--v3-x);background:var(--v3-ink);color:var(--v3-paper)}
.site-footer a{color:inherit;font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.site-footer>span{margin-right:auto}
.site-nav .menu-label{display:none}.site-nav nav .menu-toggle{width:44px;min-width:44px;padding:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.broadcast .world.palette-paper{--world-bg:#e8edff;--world-fg:#08163c;--world-muted:#485574;--world-line:#08163c35;--world-accent:#284aca}
body.broadcast .programme{background:#e8edff;color:#08163c}
body.broadcast .world.palette-navy{--world-bg:#08163c;--world-accent:#d9f99d}
@media(min-width:761px) and (max-width:1199px){.world-films{grid-template-columns:repeat(3,minmax(0,1fr))}.world-editorial-grid{gap:24px;grid-template-columns:4fr 8fr}.world-wide-story .world-editorial-grid{grid-template-columns:8fr 4fr}.world-editorial-title h2{font-size:48px}}
@media(max-width:760px){
 .back-to-top{left:14px;right:auto}
 #world-poly .world-editorial-title h2 br:first-of-type{display:none}
 :root{--v3-x:18px}
 .programme,.world{scroll-margin-top:94px}
 .programme-intro{padding-top:54px;padding-bottom:22px}
 .programme-intro .section-top{margin-bottom:30px;font-size:9px;align-items:flex-start}
 .programme-title{display:block}.programme-title h2{font-size:clamp(45px,13vw,66px);line-height:1.15}.programme-title>p{font-size:14px;line-height:1.75;margin-top:24px;max-width:none}
 .programme .archive-status{gap:8px;flex-direction:column;align-items:flex-end}.programme .motion-toggle{font-size:9px;padding:0;min-height:28px}
 .programme .toolbar{padding-top:28px}.programme .filters{gap:7px 6px}.programme .filters button{font-size:12px;min-height:44px;padding:10px 11px}.programme .filters sup{font-size:9px;margin-left:3px}
 .programme .filter-tools{margin-top:14px;gap:10px}.programme #resultCount{font-size:10px}.programme #reset{font-size:11px}
 .world{padding-top:42px;padding-bottom:52px}
 .world-meta{font-size:9px;letter-spacing:.01em;gap:14px}.world-meta>span:last-child{text-align:right}
 .world-heading{display:block;margin:32px 0 26px}.world-client{font-size:11px}
 .world-heading h2{font-size:clamp(72px,22vw,110px);margin:12px 0 0 -3px;line-height:1}
 .world-heading>p{margin-top:24px;padding:0;border:0;font-size:15px;line-height:1.7;max-width:35em}
 .world-immersive .world-heading{display:block}.world-immersive .world-heading h2{font-size:clamp(72px,22vw,110px)}
 .world-stage figcaption{padding-top:12px;gap:14px}.world-stage figcaption small{font-size:9px;margin-bottom:4px}.world-stage figcaption strong{font-size:16px;line-height:1.55}.stage-duration{font-size:10px}
 .stage-action{bottom:10px;right:10px;padding:0;background:#080b1070;border-radius:50%;gap:0}.stage-action>span{display:none}.stage-action b{width:44px;height:44px;font-size:22px}
 .world-films{display:block;margin-top:24px}.world-film{display:grid;grid-template-columns:72px 1fr 16px;gap:10px;align-items:center;width:100%;min-height:58px;padding:12px 0}.world-film.active{padding:11px 0 12px}.world-film>small{font-size:9px}.world-film>span{font-size:14px;margin:0;line-height:1.6}.world-film>i{position:static}
 .world-editorial-grid,.world-wide-story .world-editorial-grid{display:flex;flex-direction:column;gap:26px;margin-top:34px}.world-editorial-title{width:100%}.world-editorial-title h2,.world-wide-story .world-editorial-title h2{font-size:clamp(42px,13.7vw,58px);line-height:1.15;margin:18px 0 22px}.world-editorial-title>p{font-size:13px;line-height:1.8;max-width:none}.world-stage-slot{width:100%}.world-editorial-grid .world-films{width:100%}
 .world-stage-portrait{max-width:min(76vw,320px)}.world-stage-portrait .stage-open{max-height:66svh}
 .world-duo-grid{display:block}.world-duo .world-heading h2{font-size:clamp(42px,12vw,62px);line-height:1.18}.world-duo .world-heading>p{font-size:14px}.world-project:nth-child(even){margin-top:0}.world-project+.world-project{margin-top:38px!important;padding-top:24px;border-top:1px solid var(--world-line)}.world-project-note{font-size:12px;line-height:1.9;margin-top:12px}.project-label{font-size:13px;margin-bottom:12px}
 .other-chapter>summary{font-size:40px}.other-chapter>summary small{font-size:10px;line-height:1.7;margin-top:12px}.other-chapter[open]>summary{margin-bottom:30px}
 .site-footer{gap:8px 24px;padding:22px 18px}.site-footer>span{width:100%;font-size:11px}.site-footer a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.world *{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* V3.2 / STACKED COLLECTIONS + FULL-BLEED MOTION */
.hero video{object-fit:cover}
.stage-open{aspect-ratio:var(--stage-ratio,16/9)}
.stage-open>video,.stage-open>img{object-fit:cover}
.world-stage-video .stage-open{background:#070a0d}
.world-stage-static .stage-open{background:color-mix(in srgb,var(--world-bg) 80%,#000)}
.world-stack{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;align-items:start;padding:18px 6px 24px}
.stack-card{width:100%;position:relative;isolation:isolate;min-width:0;padding:12px 12px 18px;background:var(--world-fg);color:var(--world-bg);box-shadow:0 18px 42px #0003;transform:rotate(-1.2deg);transition:transform .22s ease,box-shadow .22s ease}
.stack-card::before,.stack-card::after{content:"";position:absolute;inset:7px -6px -6px;background:var(--world-fg);border:1px solid color-mix(in srgb,var(--world-bg) 18%,transparent);z-index:-1}
.stack-card::before{transform:rotate(2deg);inset:5px -4px -4px;opacity:.58}.stack-card::after{transform:rotate(-3deg);inset:9px -8px -8px;opacity:.28}
.stack-card-1{transform:rotate(1.4deg);margin-top:26px}.stack-card-2{transform:rotate(-2.1deg);margin-top:8px}.stack-card-3{transform:rotate(1.8deg);margin-top:38px}
.stack-card:hover,.stack-card:focus-within{z-index:2;transform:translateY(-8px) rotate(0);box-shadow:0 25px 54px #0005}
.stack-card .stack-index{display:block;margin:0 0 10px;font:10px/1 Arial,sans-serif;letter-spacing:.1em;color:color-mix(in srgb,var(--world-bg) 58%,transparent)}
.stack-card .world-stage{margin:0}.stack-card .stage-open{border-radius:0}.stack-card .world-stage figcaption{padding:13px 2px 0;gap:10px}.stack-card .world-stage figcaption small{font-size:9px;color:color-mix(in srgb,var(--world-bg) 58%,transparent)}.stack-card .world-stage figcaption strong{font-size:16px;line-height:1.35;color:var(--world-bg)}.stack-card .stage-duration{font-size:9px;color:color-mix(in srgb,var(--world-bg) 58%,transparent)}
.stack-card .stage-action{right:10px;bottom:10px;padding:4px 4px 4px 10px;font-size:10px}.stack-card .stage-action b{width:32px;height:32px;font-size:18px}
.dialog-media{aspect-ratio:var(--dialog-ratio,16/9);height:auto}.dialog-media video,.dialog-media img{object-fit:cover}.dialog-media.portrait-stage{height:auto;aspect-ratio:var(--dialog-ratio,9/16);padding:0;max-height:78svh}
.jump-points{margin:18px 0 8px}.jump-points-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;font-size:13px}.jump-points-head small{color:#777;font-size:11px}.jump-points-list{display:flex;flex-wrap:wrap;gap:8px}.jump-points-list button{min-height:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 11px;border:1px solid #aaa49e;border-radius:2px;background:transparent;text-align:left}.jump-points-list button:hover,.jump-points-list button:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink)}.jump-points-list b{font:10px/1 Arial;opacity:.6}.jump-points-list span{font-size:12px}.jump-points-list small{font:10px/1 Arial;opacity:.65}
@media(max-width:900px){.world-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding-left:3px;padding-right:3px}.stack-card-1,.stack-card-3{margin-top:18px}.stack-card .world-stage figcaption strong{font-size:14px}}
@media(max-width:520px){.world-stack{grid-template-columns:1fr;gap:24px;padding:8px 8px 18px}.stack-card,.stack-card-1,.stack-card-2,.stack-card-3{margin-top:0;transform:rotate(-.8deg)}.stack-card:nth-child(even){transform:rotate(.9deg)}.stack-card .world-stage figcaption strong{font-size:16px}.jump-points-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jump-points-list button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:9px}.jump-points-list button small{margin-top:auto}}

.world-stack{width:100%;clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;align-items:start;margin-top:8px;padding:18px 6px 24px;contain:layout}
.world-stack .stack-card{width:100%;min-width:0}
.world-stack .world-stage{width:100%;margin:0}.world-stack .world-stage-portrait{max-width:none}.world-stack .world-stage-portrait .stage-open{max-height:none}
.world-stack .world-stage figcaption{min-width:0;align-items:flex-end}.world-stack .world-stage figcaption>span:first-child{min-width:0;flex:1 1 auto}.world-stack .world-stage figcaption>span:last-child{flex:0 0 auto}.world-stack .world-stage figcaption strong{overflow-wrap:anywhere}
.world-stack .stage-open{width:100%;max-height:none}.world-stack .stage-open>video,.world-stack .stage-open>img{max-height:none}.world-stack .stage-action{z-index:1}.world-stack .stage-action span{overflow:hidden;text-overflow:ellipsis;max-width:13em;white-space:nowrap}
.world-stack .world-heading{grid-template-columns:minmax(0,6fr) minmax(260px,6fr);align-items:end}.world-stack .world-heading h2{font-size:clamp(52px,7vw,108px);line-height:1.02;letter-spacing:-.065em}.world-stack .world-heading>p{font-size:17px;line-height:1.75;max-width:34em}
@media(max-width:900px){.world-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding-left:3px;padding-right:3px}.stack-card-1,.stack-card-3{margin-top:18px}.stack-card .world-stage figcaption strong{font-size:14px}}
@media(max-width:760px){.world-stack .world-heading{display:block}.world-stack .world-heading h2{font-size:clamp(48px,14vw,76px)}.world-stack .world-heading>p{font-size:14px;max-width:none}}
@media(max-width:520px){.world-stack{grid-template-columns:1fr;gap:24px;padding:8px 8px 18px}.stack-card,.stack-card-1,.stack-card-2,.stack-card-3{margin-top:0;transform:rotate(-.8deg)}.stack-card:nth-child(even){transform:rotate(.9deg)}.stack-card .world-stage figcaption strong{font-size:16px}}

.world-stack-layout .world-heading{grid-template-columns:minmax(0,6fr) minmax(260px,6fr);align-items:end}.world-stack-layout .world-heading h2{font-size:clamp(52px,7vw,108px);line-height:1.02;letter-spacing:-.065em}.world-stack-layout .world-heading>p{font-size:17px;line-height:1.75;max-width:34em}@media(max-width:760px){.world-stack-layout .world-heading{display:block}.world-stack-layout .world-heading h2{font-size:clamp(48px,14vw,76px)}.world-stack-layout .world-heading>p{font-size:14px;max-width:none}}

/* V3.2 / rounded film decks, one card per film */
.v32 .world-stack{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(34px,4.5vw,72px) clamp(16px,2.2vw,32px);align-items:start;padding:28px 0 36px;contain:layout}
.v32 .project-deck{grid-column:span 4;min-width:0;position:relative}
.v32 .project-deck-multi{grid-column:span 8}
.v32 .project-deck-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:22px;padding:0 4px 10px;color:var(--world-muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.v32 .project-deck-head small{font-size:9px;letter-spacing:.08em;white-space:nowrap}
.v32 .deck-cards{display:grid;grid-template-columns:repeat(var(--deck-count),minmax(0,1fr));gap:clamp(12px,1.6vw,24px);align-items:start}
.v32 .project-deck-single .deck-cards{display:block}
.v32 .stack-card{width:100%;position:relative;isolation:isolate;min-width:0;padding:clamp(10px,1vw,16px) clamp(10px,1.2vw,18px) clamp(14px,1.4vw,22px);background:var(--world-fg);color:var(--world-bg);border-radius:clamp(19px,2.2vw,34px);box-shadow:0 18px 42px #0003;transform:rotate(-1.2deg);transition:transform .24s ease,box-shadow .24s ease}
.v32 .project-deck-multi .stack-card:nth-child(1){transform:rotate(-2.2deg);margin-top:0}
.v32 .project-deck-multi .stack-card:nth-child(2){transform:rotate(1.6deg);margin-top:24px}
.v32 .project-deck-multi .stack-card:nth-child(3){transform:rotate(-1.1deg);margin-top:10px}
.v32 .project-deck-multi .stack-card:nth-child(4){transform:rotate(2deg);margin-top:32px}
.v32 .stack-card-single{transform:rotate(-.8deg)}
.v32 .stack-card-single:hover,.v32 .stack-card-single:focus-within,.v32 .stack-card-multi:hover,.v32 .stack-card-multi:focus-within{z-index:2;transform:translateY(-8px) rotate(0);box-shadow:0 25px 54px #0005}
.v32 .stack-card::before,.v32 .stack-card::after{display:none}
.v32 .stack-card .stack-index{display:block;margin:0 0 10px;padding:0 2px;font:10px/1 Arial,sans-serif;letter-spacing:.1em;color:color-mix(in srgb,var(--world-bg) 58%,transparent)}
.v32 .stack-card .world-stage{margin:0;max-width:none}
.v32 .stack-card .stage-open{width:100%;max-height:none;border-radius:clamp(14px,1.7vw,26px);background:#080b10;aspect-ratio:var(--stage-ratio,16/9)}
.v32 .stack-card .stage-open>video,.v32 .stack-card .stage-open>img{width:100%;height:100%;object-fit:cover}
.v32 .stack-card .world-stage-portrait .stage-open{aspect-ratio:var(--stage-ratio,9/16);max-height:none}
.v32 .stack-card .world-stage figcaption{padding:13px 3px 0;gap:10px}
.v32 .stack-card .world-stage figcaption small{font-size:9px;color:color-mix(in srgb,var(--world-bg) 58%,transparent)}
.v32 .stack-card .world-stage figcaption strong{font-size:clamp(14px,1.35vw,18px);line-height:1.35;color:var(--world-bg);overflow-wrap:anywhere}
.v32 .stack-card .stage-duration{font-size:9px;color:color-mix(in srgb,var(--world-bg) 58%,transparent)}
.v32 .stack-card .stage-action{right:12px;bottom:12px;padding:4px 4px 4px 10px;font-size:10px;border-radius:40px}
.v32 .stack-card .stage-action b{width:34px;height:34px;font-size:18px}
.v32 .brands{display:block}
.v32 .brand-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 28px;justify-content:start;align-items:stretch;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-left:0}
.v32 .brand-item{display:flex;justify-content:flex-start;align-items:center;min-height:108px;padding:18px 0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);text-align:left}
.v32 .brand-item img{width:auto;max-width:148px;max-height:50px;filter:grayscale(1) contrast(1.7);opacity:.88;mix-blend-mode:multiply}
.v32 .brand-item[data-brand="taikang"]{justify-content:flex-start;text-align:left}
.v32 .brand-item[data-brand="taikang"] img{max-width:138px;filter:grayscale(1) contrast(1.7);mix-blend-mode:multiply}
.v32 .contact{background:var(--v3-lime);color:var(--v3-ink)}
.v32 .contact h2 em{color:var(--v3-orange);font-style:normal}
.v32 .contact>a{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;background:var(--v3-orange);color:var(--v3-ink);padding:14px 22px;min-height:52px;font-size:16px;font-weight:800;box-shadow:0 12px 26px #080b102b;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.v32 .contact>a:hover,.v32 .contact>a:focus-visible{background:#fff2dc;transform:translateY(-3px);box-shadow:0 16px 34px #080b1040}
.v32 .site-nav nav{align-items:center}
.v32 .site-nav nav .lang-toggle,.v32 .site-nav nav .menu-toggle{height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1100px){.v32 .project-deck{grid-column:span 6}.v32 .project-deck-multi{grid-column:span 12}.v32 .brand-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}}
@media(max-width:760px){.v32 .world-stack{grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 14px;padding:18px 0 26px}.v32 .project-deck{grid-column:span 3}.v32 .project-deck-multi{grid-column:span 6}.v32 .project-deck-head{font-size:10px}.v32 .brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.v32 .brand-item{min-height:88px}.v32 .brand-item img{max-width:128px;max-height:42px}.v32 .contact>a{font-size:14px;padding:13px 18px}}
@media(max-width:520px){.v32 .world-stack{display:block;padding:8px 8px 20px}.v32 .project-deck,.v32 .project-deck-multi{display:block;margin:0 0 34px}.v32 .deck-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v32 .project-deck-single .deck-cards{display:block}.v32 .project-deck-single{margin-bottom:30px}.v32 .project-deck-multi .stack-card:nth-child(2),.v32 .project-deck-multi .stack-card:nth-child(4){margin-top:18px}.v32 .stack-card .world-stage figcaption strong{font-size:14px}.v32 .stack-card .stage-action{right:8px;bottom:8px;padding:0;background:#080b1080}.v32 .stack-card .stage-action>span{display:none}.v32 .brand-item{min-height:82px;padding:12px 0}.v32 .brand-item img{max-width:118px;max-height:38px}}
/* Multi-film decks may overlap a little; single-film cards never do. */
.v32 .project-deck-multi .deck-cards{column-gap:clamp(5px,.8vw,14px);padding-right:10px;overflow:visible}
.v32 .project-deck-multi .stack-card + .stack-card{margin-left:clamp(-22px,-1.35vw,-8px)}
.v32 .project-deck-multi .stack-card:nth-child(2){z-index:2}
.v32 .project-deck-multi .stack-card:nth-child(3){z-index:3}
.v32 .project-deck-multi .stack-card:nth-child(4){z-index:4}
@media(max-width:520px){.v32 .project-deck-multi .deck-cards{column-gap:10px;padding-right:8px}.v32 .project-deck-multi .stack-card + .stack-card{margin-left:-8px}}


/* V3.2.1 / media first, wider decks inspired by the reference rhythm */
.v321 .world-inner{max-width:1488px}
.v321 .world-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(68px,7.5vw,122px) clamp(24px,3.2vw,52px);padding:clamp(34px,4vw,62px) 0 52px}
.v321 .project-deck{grid-column:span 1;min-width:0}
.v321 .project-deck-multi{grid-column:1 / -1}
.v321 .project-deck-head{padding:0 7px 14px;min-height:28px;font-size:11px;letter-spacing:.09em}
.v321 .project-deck-head small{font-size:10px}
.v321 .deck-cards{grid-template-columns:1fr;gap:0;align-items:start}
.v321 .project-deck-multi .deck-cards{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(16px,2.2vw,34px);padding-right:12px;align-items:start}
.v321 .project-deck-multi .stack-card + .stack-card{margin-left:clamp(-18px,-1.2vw,-8px)}
.v321 .stack-card{padding:clamp(9px,.9vw,15px) clamp(9px,1vw,17px) clamp(14px,1.3vw,21px);border-radius:clamp(24px,2.5vw,42px);box-shadow:0 22px 52px #0003}
.v321 .stack-card-single{transform:rotate(-.65deg)}
.v321 .project-deck-single:nth-child(4n+2) .stack-card-single{transform:rotate(.7deg)}
.v321 .project-deck-multi .stack-card:nth-child(1){transform:rotate(-1.8deg);margin-top:0}
.v321 .project-deck-multi .stack-card:nth-child(2){transform:rotate(1.35deg);margin-top:22px}
.v321 .project-deck-multi .stack-card:nth-child(3){transform:rotate(-.85deg);margin-top:8px}
.v321 .project-deck-multi .stack-card:nth-child(4){transform:rotate(1.8deg);margin-top:28px}
.v321 .stack-card .stage-open{border-radius:clamp(18px,2vw,32px)}
.v321 .stack-card .world-stage figcaption{padding:16px 5px 0;gap:14px}
.v321 .stack-card .world-stage figcaption strong{font-size:clamp(16px,1.45vw,21px);line-height:1.3}
.v321 .stack-card .stage-action{right:14px;bottom:14px}
.v321 .stack-card .stage-action span{max-width:16em}
.v321 .project-deck-multi .stack-card .stage-action{opacity:.88}
.v321 .project-deck-multi .stack-card:hover,.v321 .project-deck-multi .stack-card:focus-within{transform:translateY(-10px) rotate(0);box-shadow:0 28px 60px #0005}
.v321 .project-deck-single .stack-card:hover,.v321 .project-deck-single .stack-card:focus-within{transform:translateY(-10px) rotate(0);box-shadow:0 28px 60px #0005}
@media(max-width:980px){
 .v321 .world-stack{grid-template-columns:1fr;gap:62px 0}
 .v321 .project-deck,.v321 .project-deck-multi{grid-column:1/-1}
 .v321 .project-deck-multi .deck-cards{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
}
@media(max-width:600px){
 .v321 .world-stack{display:block;padding:18px 6px 28px}
 .v321 .project-deck,.v321 .project-deck-multi{margin:0 0 54px}
 .v321 .project-deck-multi .deck-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-right:7px}
 .v321 .project-deck-multi .stack-card + .stack-card{margin-left:-8px}
 .v321 .stack-card .world-stage figcaption strong{font-size:15px}
 .v321 .stack-card .stage-action{right:8px;bottom:8px;padding:0;background:#080b1080}
 .v321 .stack-card .stage-action>span{display:none}
}

/* V3.3 / brand-led hierarchy and quiet motion for still images */
.v33 .project-deck-head{align-items:center;min-height:42px;padding:0 8px 16px;letter-spacing:.04em;text-transform:none}
.v33 .deck-brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--world-fg)}
.v33 .deck-brand img{display:block;width:auto;height:auto;max-width:136px;max-height:34px;object-fit:contain;filter:grayscale(.15) contrast(1.25);mix-blend-mode:normal;opacity:.94}
.v33 .palette-ink .deck-brand img,.v33 .palette-navy .deck-brand img{filter:grayscale(.15) contrast(1.25);mix-blend-mode:normal;opacity:.94}
.v33 .palette-paper .deck-brand img{filter:grayscale(1) brightness(.42) contrast(1.55);mix-blend-mode:normal;opacity:.94}
.v33 .deck-brand b{font-size:clamp(18px,1.8vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v33 .project-deck-head small{font-size:10px;letter-spacing:.08em;color:var(--world-muted)}
.v33 .world-stage-static .stage-open,.v33 .detail-still{overflow:hidden}
.v33 .world-stage-static .stage-open>img,.v33 .detail-still img{transform:scale(1.012);transform-origin:center;animation:v33-static-push 11s ease-in-out infinite alternate}
@keyframes v33-static-push{from{transform:scale(1.012)}to{transform:scale(1.032)}}
.v33.motion-off .world-stage-static .stage-open>img,.v33.motion-off .detail-still img{animation:none;transform:scale(1.012)}
.v33 .brand-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(112px,9vw,150px);gap:14px 16px;border:0!important}
.v33 .brand-item{display:grid;place-items:center;min-width:0;min-height:0;height:100%;box-sizing:border-box;padding:18px;border:1px solid color-mix(in srgb,var(--v3-ink) 16%,transparent);border-radius:18px;background:transparent;transition:border-color .2s ease,transform .2s ease}
.v33 .brand-item img{display:block;width:auto;height:auto;max-width:84%;max-height:70%;object-fit:contain;mix-blend-mode:normal;filter:grayscale(1) contrast(1.8);opacity:.9;transition:transform .24s ease,opacity .2s ease}
.v33 .brand-item[data-brand="audi"] img,.v33 .brand-item[data-brand="qiyuan"] img,.v33 .brand-item[data-brand="jianlibao"] img,.v33 .brand-item[data-brand="taikang"] img{filter:grayscale(1) invert(1) contrast(3.2);opacity:.92}
.v33 .brand-item[data-brand="wowo"] img{filter:none;opacity:1}
.v33 .brand-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--v3-ink) 38%,transparent)}
.v33 .brand-item:hover img{transform:scale(1.04)}
.v33 .stack-card .stage-open>video,.v33 .stack-card .stage-open>img{will-change:transform}
@media(max-width:1100px){.v33 .brand-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.v33 .project-deck-head{padding:0 6px 12px}.v33 .deck-brand b{font-size:18px}.v33 .deck-brand img{max-width:112px;max-height:28px}.v33 .brand-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(92px,26vw,118px);gap:10px}.v33 .brand-item{border-radius:14px;padding:14px}.v33 .brand-item img{max-width:84%;max-height:68%}}

/* V3.3 / resource feedback, retry affordances and lighter media work */
.media-status{position:fixed;z-index:30;top:92px;right:32px;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 36px));padding:10px 12px;border:1px solid #ffffff28;border-radius:999px;background:#080b10e8;color:var(--v3-paper);box-shadow:0 12px 28px #0003;backdrop-filter:blur(14px);font:11px/1.3 Arial,sans-serif;letter-spacing:.02em;transition:opacity .2s ease,transform .2s ease}
.media-status[hidden]{display:none!important}
.media-status[data-state="error"]{background:#5f2419;color:#fff5ef;border-color:#ff6940aa}
.media-status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--v3-lime);box-shadow:0 0 0 4px #d9f99d20}
.media-status[data-state="loading"] .media-status-dot{animation:media-status-pulse 1.1s ease-in-out infinite}
.media-status[data-state="error"] .media-status-dot{background:var(--v3-orange);box-shadow:0 0 0 4px #ff694020}
@keyframes media-status-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.media-status button,.media-retry{min-height:34px;padding:7px 11px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:600 11px/1 Arial,sans-serif;white-space:nowrap}
.media-status button:hover,.media-status button:focus-visible,.media-retry:hover,.media-retry:focus-visible{background:var(--v3-paper);color:var(--v3-ink)}
[data-media-root]{position:relative}
.media-status-chip{position:absolute;z-index:2;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:5px 9px;border-radius:999px;background:#080b10b8;color:#fff;font:10px/1.1 Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .18s ease}
.media-status-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v3-lime);animation:media-status-pulse 1.1s ease-in-out infinite}
[data-media-state="loading"] .media-status-chip,[data-media-state="error"] .media-status-chip{opacity:1}
[data-media-state="error"] .media-status-chip{background:#5f2419;color:#fff5ef}
[data-media-state="error"] .media-status-chip::before{background:var(--v3-orange);animation:none}
.media-retry{position:absolute;z-index:3;left:14px;bottom:50px;background:#080b10d9;color:#fff;box-shadow:0 8px 18px #0004}
.media-retry[hidden]{display:none!important}
.world-stage[data-media-state="loading"] .stage-open>img,.world-stage[data-media-state="loading"] .stage-open>video,.method-media-shell[data-media-state="loading"] .method-image>video{background:linear-gradient(110deg,#12161d 8%,#242a33 18%,#12161d 33%);background-size:200% 100%;animation:media-skeleton 1.35s linear infinite}
.world-stage[data-media-state="error"] .stage-open>img,.world-stage[data-media-state="error"] .stage-open>video,.method-media-shell[data-media-state="error"] .method-image>video{filter:grayscale(.35);opacity:.58}
@keyframes media-skeleton{to{background-position:-200% 0}}
.dialog-media[data-media-state="loading"]{background:linear-gradient(110deg,#12161d 8%,#242a33 18%,#12161d 33%);background-size:200% 100%;animation:media-skeleton 1.35s linear infinite}
.dialog-media[data-media-state="error"] video{opacity:.45}
.v33 .method-media-shell{position:relative;min-width:0}
.v33 .method-example:nth-child(even) .method-media-shell{order:2}
.v33 .method-media-shell .media-status-chip{bottom:14px}
.v33 .method-media-shell .media-retry{bottom:50px}
.v33 .world-stack,.v33 .method-example,.v33 .brands,.v33 .contact{content-visibility:auto;contain-intrinsic-size:720px}
.v33 .world-stack .stack-card{content-visibility:auto;contain-intrinsic-size:420px}
.v33 .stack-card .stage-open>video,.v33 .stack-card .stage-open>img{will-change:auto}
@media(max-width:760px){.media-status{top:76px;right:18px;padding:9px 10px;font-size:10px}.media-status button{min-height:32px;padding:6px 9px}.media-status-chip{left:10px;bottom:10px}.media-retry{left:10px;bottom:44px}.v33 .method-example:nth-child(even) .method-media-shell{order:0}}
@media(prefers-reduced-motion:reduce){.media-status[data-state="loading"] .media-status-dot,.media-status-chip::before,.world-stage[data-media-state="loading"] .stage-open>img,.world-stage[data-media-state="loading"] .stage-open>video,.method-media-shell[data-media-state="loading"] .method-image>video,.dialog-media[data-media-state="loading"]{animation:none!important}}

/* Card frame alignment: keep the media corner concentric with the outer card. */
.v32 .stack-card{--card-inset:clamp(12px,1.1vw,18px);--card-radius:clamp(24px,2.5vw,42px);padding:var(--card-inset) var(--card-inset) clamp(14px,1.3vw,21px);border-radius:var(--card-radius)}
.v32 .stack-card .stage-open{border-radius:max(12px,calc(var(--card-radius) - var(--card-inset)))}
.v32 .stack-card .stack-index{position:absolute;top:7px;right:var(--card-inset);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;margin:0;padding:0 7px;border:1px solid color-mix(in srgb,var(--world-bg) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--world-fg) 88%,transparent);color:var(--world-bg);font:10px/1 Arial,sans-serif;letter-spacing:.08em;pointer-events:none}

/* Navigation optical centre and shared contact surface. */
.v33 .site-nav nav{height:44px;align-items:center}
.v33 .site-nav nav>*{align-self:center;margin-block:0}
.v33 .site-nav .lang-toggle,.v33 .site-nav .menu-toggle{height:44px;line-height:0}
.v33 .site-nav .lang-toggle{padding-top:1px}
.v33 .site-nav .menu-icon{display:block;transform:translateY(0)}
.v33 .site-nav .contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1}
.v33 .contact-cta{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none}
.contact-dialog{width:min(620px,calc(100% - 28px));max-height:90svh;border-radius:28px;background:var(--v3-paper);color:var(--v3-ink)}
.contact-dialog-inner{padding:58px clamp(26px,6vw,72px) 68px}
.contact-dialog-kicker{font:10px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#62666c}
.contact-dialog h2{margin:18px 0 12px;font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-.06em}
.contact-dialog-note{max-width:34em;color:#5f6268;font-size:14px;line-height:1.75}
.contact-dialog-actions{display:grid;gap:10px;margin-top:32px}
.contact-dialog-action{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:13px 16px;border:1px solid #080b1030;border-radius:18px;color:inherit;transition:background .18s ease,transform .18s ease}
.contact-dialog-action:hover,.contact-dialog-action:focus-visible{background:var(--v3-lime);transform:translateY(-2px)}
.contact-dialog-action small{font:10px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#6a6e74}
.contact-dialog-action strong{min-width:0;overflow-wrap:anywhere;font-size:17px;line-height:1.4;font-weight:700}
.contact-dialog-action>span{font:20px/1 Arial,sans-serif}
.contact-dialog-name{margin-top:28px;font-size:14px;font-weight:700}
@media(max-width:700px){.v33 .site-nav nav{height:44px}.contact-dialog{border-radius:22px}.contact-dialog-inner{padding:48px 22px 52px}.contact-dialog h2{font-size:42px}.contact-dialog-action{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:12px}.contact-dialog-action strong{font-size:15px}}

/* Keep portrait project cards within one viewport while preserving their native ratio. */
.v33 .world-stage-portrait .stage-open{width:100%;max-width:100%;height:min(64svh,600px);max-height:none;aspect-ratio:var(--stage-ratio,9/16);margin-inline:auto}
.v33 .world-stage-portrait .stage-open>video,.v33 .world-stage-portrait .stage-open>img{object-fit:cover}
@media(max-width:760px){.v33 .world-stage-portrait .stage-open{height:min(64svh,560px)}}


/* V3.3.12 / optical card frame, logo cleanup and safe breathing room */
.v33 .world{overflow:visible}
.v33 .world-stack{padding-left:clamp(24px,2.8vw,48px);padding-right:clamp(24px,2.8vw,48px);overflow:visible}
.v33 .world-stack .stack-card{overflow:visible;padding-bottom:clamp(38px,3.5vw,54px)}
.v33 .stack-card .stack-index{top:auto;right:auto;left:var(--card-inset);bottom:calc(var(--card-inset) / 2);z-index:4;min-width:30px;height:21px;margin:0;padding:0 7px;border:1px solid color-mix(in srgb,var(--world-bg) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--world-fg) 92%,transparent);color:var(--world-bg);font:10px/1 Arial,sans-serif;letter-spacing:.08em;pointer-events:none}
.v33 .brand-item[data-brand="taikang"] img,.v33 .brand-item[data-brand="volvo"] img{filter:none;mix-blend-mode:normal;opacity:1}
.v33 .project-deck[data-project-ref="taikang"] .deck-brand img{filter:none;mix-blend-mode:normal;opacity:1}
.v33 .project-deck[data-project-ref="volvo"] .deck-brand img{filter:invert(1) grayscale(1) contrast(1.3);opacity:.96}
.v33 .world-stage-static .stage-open>img,.v33 .detail-still img{object-position:center;will-change:transform}
@media(max-width:760px){.v33 .world-stack{padding-left:14px;padding-right:14px}.v33 .world-stack .stack-card{padding-bottom:40px}.v33 .stack-card .stack-index{left:var(--card-inset);bottom:calc(var(--card-inset) / 2)}}

/* v3.3.22 / optical logo centering, Chinese method display face, and single-word chapter locks */
.v33 .brand-item{justify-items:center;align-items:center}
.v33 .brand-item img{justify-self:center;align-self:center;margin-inline:auto;object-position:50% 50%}
.v33 .brand-item[data-brand="xiaomi"] img{width:132px;max-width:none;max-height:none}
.v33 .brand-item[data-brand="wowo"] img{width:88px;max-width:none;max-height:none}
.v33 .brand-item[data-brand="xinhuanet"] img{width:126px;max-width:none;max-height:none}
.v33 .method>h2 em{font-family:var(--display-cn-serif);font-style:oblique 8deg;font-weight:800;font-synthesis:none;letter-spacing:-.045em;color:var(--lime);display:inline-block}
.v33 .world-heading h2{overflow-wrap:normal;word-break:keep-all}
.v33 #world-automotive .world-heading,.v33 #world-experiment .world-heading{grid-template-columns:minmax(max-content,8fr) minmax(260px,4fr)}
.v33 #world-automotive .world-heading h2,.v33 #world-experiment .world-heading h2{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
.v33 #world-automotive .world-heading h2{font-size:clamp(66px,8.6vw,128px)}
.v33 #world-experiment .world-heading h2{font-size:clamp(60px,7.8vw,118px)}
@media(max-width:760px){
  .v33 .brand-item[data-brand="xiaomi"] img{width:122px}
  .v33 .brand-item[data-brand="wowo"] img{width:78px}
  .v33 .brand-item[data-brand="xinhuanet"] img{width:116px}
  .v33 #world-automotive .world-heading,.v33 #world-experiment .world-heading{display:block}
  .v33 #world-automotive .world-heading h2{font-size:clamp(42px,13vw,64px)}
  .v33 #world-experiment .world-heading h2{font-size:clamp(38px,12vw,58px)}
}
/* Centre the visible mark, not only the transparent image box.  Xiaomi's
   wordmark has unused SVG space on the right; WOWO's sticker has more visual
   weight on the left.  These small optical corrections keep both marks on
   the same centre line as the other partners at every card width. */
.v33 .brand-item img{--logo-shift:0px;transform:translateX(var(--logo-shift));justify-self:center;align-self:center}
.v33 .brand-item[data-brand="xiaomi"] img{--logo-shift:clamp(25px,2vw,31px)}
.v33 .brand-item[data-brand="wowo"] img{--logo-shift:25px}
.v33 .brand-item[data-brand="xinhuanet"] img{--logo-shift:15px}
.v33 .brand-item:hover img{transform:translateX(var(--logo-shift)) scale(1.04)}
@media(max-width:1000px) and (min-width:761px){
  .v33 #world-automotive .world-heading,.v33 #world-experiment .world-heading{display:block}
  .v33 #world-automotive .world-heading>p,.v33 #world-experiment .world-heading>p{margin-top:24px;padding:0;border:0;max-width:36em}
}
@media(max-width:760px){
  .v33 .brand-item[data-brand="xiaomi"] img{--logo-shift:27px}
  .v33 .brand-item[data-brand="wowo"] img{--logo-shift:25px}
  .v33 .brand-item[data-brand="xinhuanet"] img{--logo-shift:15px}
}



/* V3.3.22 / deterministic italic for the Chinese craft line */
.v33 .method>h2 em{
  font-family:"MIDITECH Noto Serif SC","Songti SC",serif;
  font-style:normal;
  font-synthesis:none;
  display:inline-block;
  transform:skewX(-8deg);
  transform-origin:0 72%;
  letter-spacing:-.045em;
}



/* v3.3.26 / shared Chinese chapter voice and a deliberate hero seal anchor */
.v33 .programme-title h2,
.v33 .method>h2,
.v33 .contact h2{
  font-family:var(--display-cn-sans,"Miditech V3 Sans","Microsoft YaHei",sans-serif);
  font-weight:900;
  font-synthesis:none;
  letter-spacing:-.045em;
  line-height:1.12;
}
.v33 .programme-title h2 em,
.v33 .method>h2 em,
.v33 .contact h2 em{
  display:inline-block;
  margin-top:.04em;
  font-family:var(--display-cn-serif,"Songti SC",serif);
  font-size:1em;
  font-weight:800;
  font-style:normal;
  font-synthesis:none;
  letter-spacing:-.045em;
  line-height:1.03;
  transform:skewX(-8deg);
  transform-origin:0 72%;
}
.v33 .programme-title h2 em{font-size:.68em;color:var(--v3-orange)}
.v33 .method>h2 em{color:var(--v3-lime)}
.v33 .contact h2 em{color:var(--v3-orange)}
.v33 .hero-title .stamp{
  left:auto;
  right:clamp(-18px,1.2vw,18px);
  top:clamp(-64px,-4.6vw,-34px);
  width:clamp(92px,8vw,110px);
  height:clamp(92px,8vw,110px);
  transform:rotate(8deg);
  z-index:2;
}
@media(max-width:900px){
  .v33 .hero-title .stamp{right:clamp(-8px,1vw,8px);top:-68px}
}
@media(max-width:700px){
  .v33 .hero-title .stamp{right:3px;top:-58px;width:73px;height:73px;transform:rotate(8deg)}
  .v33 .programme-title h2,.v33 .method>h2,.v33 .contact h2{line-height:1.15}
}