.product-opening{min-width:0;margin:32px 0 42px}.product-image{min-width:0;margin:0}.product-image img{aspect-ratio:8/5;object-fit:contain;width:100%;height:auto;display:block}.product-image figcaption{color:var(--design-muted,#a6bac8);margin-top:10px;font-size:12px;line-height:1.6}.product-role{letter-spacing:.07em;color:var(--design-accent,#ef82a1);font-size:12px;margin:0 0 16px!important}.product-summary{text-align:left;min-width:0;margin:0}.product-summary>div{border-top:1px solid var(--design-line,#aac0cf30);padding:16px 0}.product-summary dt{color:var(--design-accent,#ef82a1);margin-bottom:8px;font-size:12px;line-height:1.6}.product-summary dd{color:var(--design-ink,#d4dfe6);margin:0;font-size:16px;font-weight:400;line-height:1.75}.product-summary dd span{display:block}.product-summary dd span+span{margin-top:5px}.product-no-wrap{white-space:nowrap;font-style:normal}.product-opening--editorial{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:5%;display:grid}.design-editorial .design-chapter:has(.product-opening) .design-chapter-heading h2{grid-column:1/-1;max-width:1000px}.product-opening--editorial .product-image{border-bottom:1px solid var(--design-line);padding-bottom:14px}.product-opening--archive{border:1px solid var(--design-line);background:#101e29;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);align-items:center;gap:4%;padding:20px;display:grid}.product-opening--archive .product-image figcaption{align-items:center;gap:12px;display:flex}.product-opening--archive .product-image figcaption:before{content:"";background:var(--design-accent);width:18px;height:1px;display:block}.design-archive .archive-slide:has(img[src*=products-v])>img{filter:brightness(.85)}.product-phone{width:fit-content;color:var(--design-accent,#ef82a1);margin:14px 0 18px;font-size:18px;line-height:1.6;display:block}.cinematic-resume .product-opening--cinematic{isolation:isolate;margin:28px 0 42px;position:relative}.product-opening--cinematic .product-image figcaption{text-align:right}.product-opening--cinematic .product-opening-copy{width:34%;position:absolute;top:50%;left:3.5%;transform:translateY(-55%)}.product-opening--cinematic.product-opening--dekai .product-opening-copy{width:auto;margin-top:22px;position:static;transform:none}.product-opening--cinematic.product-opening--xiyue .product-opening-copy{width:24%}.product-opening--cinematic .product-summary dd{font-size:clamp(14px,1.15vw,17px)}.cinematic-resume .product-chapter-heading{margin-bottom:24px}.cinematic-resume .product-chapter-heading h2{letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(32px,3.1vw,52px);font-weight:500;line-height:1.3}.cinematic-resume .product-chapter-heading h2 span{color:#9db8ca}.cinematic-resume .product-xiyue-intro{padding-top:78px}.cinematic-resume .product-xiyue-intro .section-kicker{margin-bottom:30px}.cinematic-resume .ai-context:has(.product-summary){border:0}@media (min-width:1001px){.product-opening--cinematic.product-opening--dekai .product-summary{grid-template-columns:1fr 1fr;gap:32px;display:grid}}:is(.design-editorial .design-ai-context:has(.product-summary),.design-archive .design-ai-context:has(.product-summary)){min-width:0}@media (max-width:1000px){.product-opening--editorial,.product-opening--archive{grid-template-columns:1fr;gap:24px}.product-opening--cinematic .product-opening-copy{width:auto;margin-top:22px;position:static;transform:none}.product-opening--cinematic.product-opening--xiyue .product-opening-copy{width:auto}.product-opening--cinematic .product-summary{grid-template-columns:1fr 1fr;gap:24px;display:grid}}@media (max-width:540px){.product-opening{margin:24px 0 30px}.product-opening--archive{gap:18px;padding:12px}.product-opening--editorial{gap:18px}.product-opening--cinematic .product-summary{display:block}.product-summary>div{padding:12px 0}.product-summary dd,.product-opening--cinematic .product-summary dd{font-size:15px;line-height:1.7}.product-role{margin-bottom:12px!important}.design-editorial .design-chapter .design-chapter-heading h2,.design-archive .design-chapter .design-chapter-heading h2,.cinematic-resume .product-chapter-heading h2{overflow-wrap:anywhere}.design-editorial .design-chapter :is(.design-phase-summary,.design-action>p,.design-stages article>p:last-child,.case-detail),.design-archive .design-chapter :is(.design-phase-summary,.design-action>p,.design-stages article>p:last-child,.case-detail),.cinematic-resume :is(.phase-summary,.phase-action,.chapter-stages article>p:last-child,.mimai-stages article>p:last-child,.case-detail){font-size:15px;line-height:1.7}.cinematic-resume .product-xiyue-intro{padding-top:60px}}
