/* 图文模块 1. One grid; media and copy share row 1, captions occupy row 2. */
.media-text-1{--mt1-accent:#09859C;--mt1-height:600px;--mt1-mobile-height:440px;margin:0;padding:0 0 84px}
.mt1-divider{display:flex;align-items:center;gap:22px;border-top:1px solid #CFDFE3;padding-top:25px;margin-bottom:42px}
.mt1-divider>span{font-size:39.1px;line-height:1;letter-spacing:-.05em;color:var(--mt1-accent)}
.mt1-divider>p{font-size:14px;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:#555}
.mt1-layout{display:grid;grid-template-columns:1.12fr 1fr;column-gap:7%;row-gap:14px;align-items:center}
.mt1-layout>*{min-width:0}.mt1-stage{grid-column:1;grid-row:1;align-self:stretch;position:relative;min-height:var(--mt1-height);background:#EFFBFC;overflow:hidden}
.mt1-copy{grid-column:2;grid-row:1}.mt1-copy h2{font-size:clamp(39.1px,4.14vw,57.5px);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:0 0 25px}
.mt1-copy>p{font-size:17.25px;line-height:1.85;color:#666}.mt1-copy>p+p{margin-top:18px}
.mt1-caption{grid-column:1;grid-row:2;display:flex;align-items:start;gap:20px;color:#707570;font-size:14px;line-height:1.6}
.mt1-caption p{flex:1}.mt1-count{white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}
.mt1-stats{display:grid;grid-template-columns:repeat(var(--mt1-stat-count),minmax(0,1fr));gap:24px;margin-top:30px}
.mt1-stat{display:flex;flex-direction:column;min-width:0}.mt1-stat strong{font-size:clamp(42.55px,4.6vw,62.1px);font-weight:400;letter-spacing:-.065em;line-height:1.1;color:var(--mt1-accent)}
.mt1-stat span{font-size:15px;line-height:1.55;color:#707570;margin-top:10px}
.mt1-tactics{display:grid;gap:18px;margin-top:28px}.mt1-tactics>div+div{border-top:1px solid #e1e5e1;padding-top:18px}.mt1-tactics h3{font-size:21.85px;line-height:1.3;font-weight:450;letter-spacing:-.025em;margin:0 0 7px}.mt1-tactics p{font-size:16.1px;line-height:1.75;color:#666}
.mt1-image .mt1-stage>a{position:absolute;inset:24px;display:block}.mt1-image .mt1-stage img{width:100%;height:100%;object-fit:contain}.mt1-image .mt1-stage>img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
.mt1-image .mt1-stage a:hover .photo-zoom,.mt1-image .mt1-stage a:focus-visible .photo-zoom{opacity:1}
.mt1-video .mt1-stage video{position:absolute;left:50%;top:24px;transform:translateX(-50%);height:calc(100% - 48px);width:auto;max-width:calc(100% - 48px);aspect-ratio:592/1280;object-fit:contain;border-radius:12px;background:#EFFBFC}
.mt1-track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mt1-track::-webkit-scrollbar{display:none}
.mt1-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;height:100%;padding:24px;display:flex;align-items:center;justify-content:center}.mt1-slide img{width:100%;height:100%;object-fit:contain}
.mt1-buttons{position:absolute;inset:0;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.mt1-buttons button{width:72px;border:0;border-radius:0;background:linear-gradient(90deg,rgba(16,29,25,.25),transparent);box-shadow:none;color:#fff;opacity:0;pointer-events:auto;transition:opacity .3s ease,background .3s;display:flex;align-items:center;justify-content:center}
.mt1-buttons .mt1-next{background:linear-gradient(270deg,rgba(16,29,25,.25),transparent)}.mt1-buttons button span{font-size:36.8px;line-height:1;transform:translateX(-8px);transition:transform .35s cubic-bezier(.22,.61,.36,1);text-shadow:0 1px 5px #0004}.mt1-buttons .mt1-next span{transform:translateX(8px)}
.mt1-stage:hover .mt1-buttons button,.mt1-stage:has(:focus-visible) .mt1-buttons button{opacity:1}.mt1-stage:hover .mt1-buttons span,.mt1-stage:has(:focus-visible) .mt1-buttons span{transform:translateX(0)}
.mt1-buttons button:hover{background:linear-gradient(90deg,rgba(16,29,25,.4),transparent)}.mt1-buttons .mt1-next:hover{background:linear-gradient(270deg,rgba(16,29,25,.4),transparent)}.mt1-buttons button:focus-visible{outline:2px solid var(--mt1-accent);outline-offset:-3px}
.mt1-progress{display:none;grid-column:1;grid-row:3;height:2px;background:#D8F1F5;overflow:hidden}.mt1-progress span{display:block;height:100%;background:var(--mt1-accent);transition:transform .25s}
@media(max-width:900px){.mt1-stage{min-height:530px}.mt1-copy h2{font-size:41.4px}.mt1-stats{gap:16px}.mt1-stat strong{font-size:42.55px}}
@media(max-width:600px){.media-text-1{padding-bottom:56px}.mt1-divider{padding-top:22px;margin-bottom:28px;gap:18px}.mt1-divider>span{font-size:34.5px}.mt1-divider>p{font-size:14px;letter-spacing:.04em}.mt1-layout{grid-template-columns:minmax(0,1fr);row-gap:14px}.mt1-copy{grid-column:1;grid-row:1;margin-bottom:14px}.mt1-stage{grid-column:1;grid-row:2;height:var(--mt1-mobile-height);min-height:0}.mt1-caption{grid-row:3;gap:14px}.mt1-progress{display:block;grid-row:4}.mt1-copy h2{font-size:43.7px;margin-bottom:22px}.mt1-copy>p{font-size:16.1px;line-height:1.8}.mt1-stats{gap:16px;margin-top:26px}.mt1-stat strong{font-size:43.7px}.mt1-stat span{font-size:15px;line-height:1.55}.mt1-tactics h3{font-size:23px}.mt1-buttons{display:none}.mt1-slide{padding:16px}.mt1-image .mt1-stage>a{inset:16px}.mt1-image .mt1-stage>img{inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.mt1-buttons button,.mt1-buttons button span,.mt1-progress span{transition:none}}

/* Shared blue Tiffany palette and optional two-image / mirrored compositions. */
.media-text-1{--mt1-bright:#35C3D7;--mt1-tint:#EFFBFC}
.mt1-progress span{background:var(--mt1-bright)}
.mt1-reverse .mt1-stage,.mt1-reverse .mt1-caption{grid-column:2}.mt1-reverse .mt1-copy{grid-column:1}
.mt1-pair-items{position:absolute;inset:35px 24px;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:20px}
.mt1-pair-items a{display:block;position:relative;height:calc(100% - 40px);min-width:0}.mt1-pair-items a:first-child{transform:translateY(20px)}.mt1-pair-items a:last-child{transform:translateY(-20px)}
.mt1-pair-items img{width:100%;height:100%;object-fit:contain}.mt1-pair-items a:hover .photo-zoom,.mt1-pair-items a:focus-visible .photo-zoom{opacity:1}
@media(max-width:600px){.mt1-reverse .mt1-stage,.mt1-reverse .mt1-copy,.mt1-reverse .mt1-caption{grid-column:1}.mt1-pair-items{inset:24px 16px;gap:12px}}