.archive-detail-page{--mincho:var(--font-wenjin-p0), var(--font-wenjin-p2), var(--font-wenjin-p3), serif;--sans:var(--font-noto-regular), sans-serif;--sans-medium:var(--font-noto-medium), sans-serif;font-synthesis:none}.archive-detail-page .back{font:400 12px/1.6 var(--sans);margin-bottom:28px;display:inline-block}.archive-detail-page #archive-hero h1{font:400 clamp(42px, 5vw, 72px)/1.2 var(--mincho);letter-spacing:0}.archive-detail-page #archive-hero h2,.archive-detail-page #archive-hero .patent-hero-en{font:400 clamp(30px, 3.6vw, 52px)/1.2 var(--canela);letter-spacing:-.02em}.archive-detail-page>article>section,.archive-detail-page .archive-editorial>section,.liuli-selected,.copper-product-designs{margin-bottom:0;padding-top:60px;padding-bottom:60px}.archive-detail-page .copper-evolution>.project-section-heading,.archive-detail-page .copper-public>.project-section-heading,.archive-detail-page .copper-works>.project-section-heading{width:min(1180px,100% - 88px);margin-inline:auto}.archive-detail-page .project-section-heading{text-align:left;grid-template-columns:30px minmax(0,1fr);column-gap:18px;margin:0 0 32px;display:grid}.archive-detail-page .project-section-heading .section-number{grid-area:1/1/3;padding-top:10px}.archive-detail-page .copper-numbers .project-section-heading{align-items:start;row-gap:0}.archive-detail-page .project-section-heading h2{font:400 clamp(28px, 3.1vw, 44px)/1.3 var(--mincho);letter-spacing:0;grid-column:2;margin:0}.archive-detail-page .project-section-heading>p{font:400 clamp(25px, 2.8vw, 39px)/1.25 var(--canela);letter-spacing:-.02em;color:var(--text-primary);grid-column:2;margin:5px 0 0}.section-number{color:var(--accent);opacity:.75;font:400 10px/1.5 var(--mono);letter-spacing:.07em}.project-text-section,.project-role-section,.project-progress-section{border-bottom:1px solid var(--line);width:min(1180px,100% - 88px);margin:0 auto;padding:60px 0}.project-reading{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.project-reading p,.project-role-grid p{font:400 16px/1.85 var(--sans);color:var(--text-body);margin:0 0 16px}.project-reading .body-translation p,.project-role-grid .body-translation{color:var(--text-secondary);font-size:14px;line-height:1.8}.project-role-section{background:color-mix(in srgb, var(--accent-light) 28%, transparent);padding:44px}.project-role-heading-row{grid-template-columns:minmax(260px,.76fr) minmax(300px,1.24fr);align-items:start;gap:48px;display:grid}.project-role-heading-row>.project-section-heading{margin-bottom:32px}.project-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.project-role-grid article+article{border-left:1px solid var(--accent);padding-left:32px}.project-role-grid h3{font:400 clamp(21px, 2vw, 28px)/1.4 var(--mincho);margin:20px 0 6px}.project-role-grid h4{font:400 20px/1.4 var(--canela);margin:0 0 18px}.project-role-label{margin:5px 0 30px;font-size:14px}.project-role-label span{color:var(--text-secondary);font-size:12px;display:block}.project-footnote{font:400 12px/1.7 var(--sans);color:var(--text-secondary);margin:24px 0 0}.project-footnote span{display:block}.project-progress-section{border-bottom:0;padding-top:32px;padding-bottom:32px}.archive-detail-page .project-progress-section .project-section-heading{margin-bottom:20px}.archive-detail-page .project-progress-section .project-section-heading h2{font-size:22px}.archive-detail-page .project-progress-section .project-section-heading>p{font-size:21px}.project-progress-section ol{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin:0;padding:16px 0;list-style:none;display:flex}.project-progress-section li{font:400 13px/1.7 var(--sans);flex:1;align-items:center;gap:14px;display:flex}.project-progress-section li:not(:last-child):after{content:"→";color:var(--accent);margin-left:auto}.archive-detail-page .continue-editorial>header h2{font:400 36px/1.3 var(--mincho);margin:0}.continue-title-en{font:400 32px/1.3 var(--canela);margin:6px 0 0}.archive-detail-page .project-metadata{border-bottom:0;padding-bottom:0}.archive-detail-page .project-metadata .archive-metadata-grid{border-bottom:1px solid var(--line);padding-bottom:8px}.archive-detail-page .body-translation{color:var(--text-secondary)}.archive-detail-page .story-editorial:has(>.story-side-media:only-child){justify-content:flex-end;padding-block:36px;display:flex}.archive-detail-page .story-editorial>.story-side-media:only-child{width:min(42%,540px)}.project-card .project-meta{font:400 12px/1.7 var(--sans)}.project-rule{font:400 10px/1.5 var(--mono)}.project-card-rencai-color-archive .project-cover-image{aspect-ratio:2560/1465}.project-card-rencai-color-archive .project-cover-image img,.copper-cover-cell img{object-fit:contain}.archive-filter button{color:var(--text-secondary);font:400 12px/1.5 var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:8px 0}.archive-filter button[aria-pressed=true]{color:var(--accent-dark);border-bottom-color:var(--accent)}.archive-filter button:focus-visible,.guide-row a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.guide-row{grid-template-columns:32px 1.15fr 1fr .8fr;align-items:center;gap:24px;min-height:148px;padding:24px 0;display:grid}.guide-row b{font:400 10px/1.5 var(--mono);color:var(--accent)}.guide-row .practice-record{gap:9px;display:grid}.guide-row .practice-record a{font:400 13px/1.7 var(--sans)}.guide-row .practice-record a>span{margin-left:8px;font-size:16px}.ai-index-hero.index-hero{padding-left:0;padding-right:0}.copper-evolution-note{font-size:13px}.archive-fruit-party .detail-hero-v21,.archive-copper-workshop .copper-hero{background:0 0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:48px;width:min(1180px,100% - 88px);height:auto;min-height:0;margin:auto;padding:48px 0 60px;display:grid}.archive-fruit-party .detail-hero-copy,.archive-copper-workshop .copper-hero-copy{width:100%;min-height:0;padding:0;display:block}.archive-fruit-party .detail-meta-line{margin:0 0 28px}.archive-fruit-party .detail-title-stack{margin-top:0}.archive-fruit-party .detail-title-stack>p,.archive-copper-workshop .copper-hero-copy>p{font-size:16px;line-height:1.8}.archive-fruit-party .detail-title-stack>.translation,.archive-copper-workshop .copper-hero-copy>.translation{color:var(--text-secondary);margin-top:16px;font-size:14px}.archive-fruit-party .detail-hero-media,.archive-copper-workshop .copper-hero-image{width:100%;height:auto;min-height:0}.archive-fruit-party .detail-hero-fruit-cover .fruit-cover-collage{aspect-ratio:8/5;width:100%}.archive-fruit-party .detail-hero-media .media-asset-frame{aspect-ratio:8/5;height:auto}.archive-fruit-party .detail-hero-media img,.archive-copper-workshop .copper-hero-image img{object-fit:contain}.archive-copper-workshop .copper-hero-image{aspect-ratio:3/2;background:0 0}.archive-copper-workshop .copper-hero-copy .back{margin-bottom:28px}.archive-fruit-party .archive-editorial>section{width:min(1180px,100% - 88px);margin-inline:auto;padding-inline:0}.archive-fruit-party .statement-v21 blockquote{max-width:900px;font-size:clamp(24px,3vw,40px)}.archive-fruit-party .editorial-sequence{gap:48px}.archive-fruit-party .gallery-layout>header,.archive-fruit-party .gallery-media{width:100%;max-width:none}.archive-fruit-party .gallery-media{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;display:grid}.archive-fruit-party .gallery-media .editorial-media{width:100%;margin:0}.archive-fruit-party .gallery-media .media-asset-frame{aspect-ratio:4/3;min-height:0}.archive-fruit-party .gallery-media img{object-fit:contain}.archive-fruit-party .gallery-group-fruit-objects .gallery-media{grid-template-columns:repeat(6,minmax(0,1fr))}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:nth-child(n){grid-column:span 2;margin:0}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:nth-last-child(-n+2){grid-column:span 3}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:first-child{grid-area:span 2/span 4}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:first-child .media-asset-frame{aspect-ratio:1}.archive-fruit-party .gallery-group-fruit-exhibition .gallery-media{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-fruit-party .gallery-group-fruit-exhibition .media-asset-frame{aspect-ratio:3/2}.archive-fruit-party .material-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.archive-fruit-party .material-sample.is-featured{grid-row:auto}.archive-fruit-party .material-sample .media-asset-frame{aspect-ratio:4/3}.archive-fruit-party .material-sample img{object-fit:contain}.archive-fruit-party .materials-editorial-section>header{max-width:none}.fruit-catalog-browser{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.fruit-catalog-preview{position:sticky;top:90px}.fruit-catalog-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;display:grid}.fruit-catalog-thumbnails button{color:var(--text-secondary);cursor:pointer;font:400 12px/1.5 var(--sans);background:0 0;border:1px solid #0000;padding:4px}.fruit-catalog-thumbnails button[aria-pressed=true]{border-color:var(--accent);color:var(--text-primary)}.fruit-catalog-thumbnails button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fruit-catalog-thumbnails img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;margin-bottom:6px;display:block}@media (max-width:767px){.archive-fruit-party .detail-hero-v21,.archive-copper-workshop .copper-hero{grid-template-columns:1fr;gap:28px;width:calc(100% - 44px);padding:34px 0}.archive-fruit-party .archive-editorial>section,.archive-detail-page .copper-evolution>.project-section-heading,.archive-detail-page .copper-public>.project-section-heading,.archive-detail-page .copper-works>.project-section-heading{width:calc(100% - 44px)}.archive-fruit-party .gallery-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.archive-fruit-party .gallery-group-fruit-objects .gallery-media{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:nth-child(n){grid-column:span 1}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:first-child{grid-area:auto/span 2}.archive-fruit-party .gallery-group-fruit-objects .editorial-media:first-child .media-asset-frame{aspect-ratio:3/2}.archive-fruit-party .material-sequence,.fruit-catalog-browser{grid-template-columns:1fr;gap:24px}.fruit-catalog-preview{position:static}.archive-detail-page>article>section,.archive-detail-page .archive-editorial>section,.liuli-selected,.copper-product-designs{padding-top:34px;padding-bottom:34px}.copper-evolution>.project-section-heading,.copper-public>.project-section-heading,.copper-works>.project-section-heading,.gallery-editorial-section>.project-section-heading{width:calc(100% - 44px)}.project-text-section,.project-role-section,.project-progress-section{width:calc(100% - 44px);padding:34px 0}.project-role-section{padding:28px 18px}.project-role-heading-row{display:block}.project-reading,.project-role-grid{grid-template-columns:1fr;gap:24px}.project-role-grid article+article{border-top:1px solid var(--line);border-left:0;padding-top:20px;padding-left:0}.archive-detail-page .project-section-heading{grid-template-columns:22px minmax(0,1fr);gap:4px 12px;margin-bottom:25px}.archive-detail-page .project-section-heading h2{font-size:28px}.archive-detail-page .project-section-heading>p{font-size:26px}.project-progress-section ol{flex-wrap:wrap;gap:12px}.project-progress-section li{flex:40%;font-size:12px}.archive-detail-page .body-translation,.archive-detail-page .translation,.archive-detail-page .is-translation,.archive-detail-page .cloud-heading-intro-en,.archive-detail-page .cloud-process-surface-translation,.archive-detail-page .patent-record-translation,.archive-detail-page .patent-hero-translation{display:none}.archive-detail-page .story-editorial>.story-side-media:only-child{width:75%}.guide-row{grid-template-columns:22px minmax(0,1fr);gap:12px;padding:24px 0}.guide-row .practice-description,.guide-row .practice-record{grid-column:2}.guide-row .practice-name h3{overflow-wrap:anywhere;font-size:25px}.archive-filter{flex-wrap:wrap;gap:20px}.index-hero h1{overflow-wrap:anywhere}}
