.material-collection[data-v-179ffbbe]{--ink:#141716;--ink-soft:rgba(20,23,22,0.62);--ink-faint:rgba(20,23,22,0.38);--panel:#101211;--ease:cubic-bezier(0.22,1,0.36,1);width:100%;background:#fff;border-top:1px solid rgba(20,23,22,.1);border-bottom:1px solid rgba(20,23,22,.1);overflow:hidden}.material-inner[data-v-179ffbbe]{width:min(1284px,calc(100% - 48px));margin:0 auto;padding:76px 0 84px;box-sizing:border-box}.section-heading[data-v-179ffbbe]{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:32px;align-items:end;margin:0 0 30px}.heading-copy h2[data-v-179ffbbe]{margin:0;color:var(--ink);font-family:Songti SC,STSong,PingFang SC,serif;font-size:clamp(24px,2vw,33px);font-weight:600;letter-spacing:.05em;line-height:1}.heading-copy span[data-v-179ffbbe]{display:block;margin-top:9px;color:#9ca09e;font-size:9px;font-weight:600;letter-spacing:.28em;line-height:1}.heading-aside[data-v-179ffbbe]{display:flex;flex-direction:column;align-items:flex-end;gap:16px;text-align:right}.heading-aside p[data-v-179ffbbe]{margin:0;max-width:220px;color:var(--ink-soft);line-height:1.7;letter-spacing:.04em}.heading-aside p[data-v-179ffbbe],.view-all[data-v-179ffbbe]{font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:12px}.view-all[data-v-179ffbbe]{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;color:var(--ink);background:transparent;letter-spacing:.1em;cursor:pointer;transition:opacity .3s var(--ease)}.view-all i[data-v-179ffbbe]{font-style:normal;transition:transform .35s var(--ease)}.view-all[data-v-179ffbbe]:hover{opacity:.72}.view-all:hover i[data-v-179ffbbe]{transform:translateX(4px)}.material-rail[data-v-179ffbbe]{display:flex;height:248px;gap:8px}.material-panel[data-v-179ffbbe]{position:relative;flex:1 1 0;min-width:0;height:100%;padding:0;overflow:hidden;border:0;color:#fff;background:var(--panel);text-align:left;cursor:pointer;transition:flex-grow .55s var(--ease),filter .45s var(--ease)}.material-panel[data-v-179ffbbe]:focus-visible{outline:1px solid rgba(20,23,22,.55);outline-offset:2px}.material-panel.is-lead[data-v-179ffbbe]{flex:1.28 1 0}.material-panel.is-active[data-v-179ffbbe]{flex:1.85 1 0}.material-rail:focus-within .material-panel[data-v-179ffbbe]:not(.is-active),.material-rail:hover .material-panel[data-v-179ffbbe]:not(.is-active){filter:brightness(.78) saturate(.85)}.panel-image[data-v-179ffbbe]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:saturate(.78) contrast(1.05) brightness(.9);transform:scale(1.02);transition:transform .75s var(--ease),filter .45s var(--ease)}.material-panel.is-active .panel-image[data-v-179ffbbe],.material-panel:focus-visible .panel-image[data-v-179ffbbe]{filter:saturate(.98) contrast(1.08) brightness(1);transform:scale(1.06)}.panel-veil[data-v-179ffbbe]{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,10,9,.22),transparent 34%),linear-gradient(180deg,transparent 38%,rgba(8,10,9,.82));pointer-events:none}.panel-index[data-v-179ffbbe]{position:absolute;z-index:2;top:50%;right:8px;color:hsla(0,0%,100%,.08);font-family:Songti SC,STSong,serif;font-size:72px;font-weight:600;letter-spacing:-.04em;line-height:1;pointer-events:none;transform:translateY(-54%);transition:color .4s var(--ease),right .45s var(--ease)}.material-panel.is-active .panel-index[data-v-179ffbbe]{right:18px;color:hsla(0,0%,100%,.14)}.panel-copy[data-v-179ffbbe]{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.panel-en[data-v-179ffbbe]{color:hsla(0,0%,100%,.48);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:.28em;line-height:1}.panel-name[data-v-179ffbbe]{margin-top:10px;color:#fff;font-family:Songti SC,STSong,PingFang SC,serif;font-size:22px;font-weight:600;letter-spacing:.1em;line-height:1.1;white-space:nowrap}.panel-tag[data-v-179ffbbe]{margin-top:10px;max-width:0;overflow:hidden;color:hsla(0,0%,100%,.7);font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:11px;letter-spacing:.08em;line-height:1.2;white-space:nowrap;opacity:0;transition:max-width .5s var(--ease),opacity .35s var(--ease) .05s}.material-panel.is-active .panel-tag[data-v-179ffbbe],.material-panel:focus-visible .panel-tag[data-v-179ffbbe]{max-width:160px;opacity:1}.panel-edge[data-v-179ffbbe]{position:absolute;z-index:3;left:0;top:0;bottom:0;width:2px;background:rgba(232,230,225,0);pointer-events:none;transition:background .35s var(--ease)}.material-panel.is-active .panel-edge[data-v-179ffbbe],.material-panel:focus-visible .panel-edge[data-v-179ffbbe]{background:rgba(232,230,225,.72)}@media screen and (max-width:1080px){.section-heading[data-v-179ffbbe]{grid-template-columns:1fr;gap:18px}.heading-aside[data-v-179ffbbe]{align-items:flex-start;text-align:left}.material-rail[data-v-179ffbbe]{overflow-x:auto;height:220px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.material-panel.is-active[data-v-179ffbbe],.material-panel.is-lead[data-v-179ffbbe],.material-panel[data-v-179ffbbe]{flex:0 0 180px}.material-panel.is-active[data-v-179ffbbe]{flex-basis:240px}}@media screen and (max-width:720px){.material-inner[data-v-179ffbbe]{width:calc(100% - 36px);padding:62px 0 70px}.material-rail[data-v-179ffbbe]{height:200px;gap:6px}.panel-name[data-v-179ffbbe]{font-size:18px}.panel-index[data-v-179ffbbe]{font-size:56px}.panel-copy[data-v-179ffbbe]{left:14px;right:14px;bottom:14px}}