:root{--paper:#f3f0e9;--ink:#20201e;--muted:#746f67;--line:rgba(42,40,35,.16);--shadow:0 18px 42px rgba(64,55,43,.18)}
body{background:var(--paper)}
.content-not-found{min-height:calc(100vh - 150px);padding:12vh 7vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.content-not-found p{margin:0;color:#8a8379;font-size:11px;letter-spacing:.18em}.content-not-found h1{margin:20px 0 15px;font:400 clamp(42px,6vw,76px)/1 Georgia,"Songti SC",serif}.content-not-found span{max-width:520px;color:#716b63;font-size:14px;line-height:1.75}.content-not-found a{margin-top:30px;padding:12px 18px;border:1px solid rgba(54,49,42,.24);border-radius:999px;color:#292722;font-size:12px;text-decoration:none}.content-not-found a:hover{background:#fff}@media(max-width:650px){.content-not-found{min-height:calc(100vh - 110px);padding:10vh 20px}.content-not-found a{min-height:44px;display:flex;align-items:center}}
.unified-site-header{height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:50;border-bottom:1px solid rgba(54,49,42,.075);background:rgba(243,240,233,.92);backdrop-filter:blur(14px);box-sizing:border-box}.unified-site-header.home-nav{position:absolute;inset:0 0 auto;background:linear-gradient(to bottom,rgba(243,240,233,.94),rgba(243,240,233,.7) 68%,transparent);border-bottom:0;backdrop-filter:none}.unified-brand{display:block;width:132px;min-width:132px;line-height:0}.unified-brand img{display:block;width:100%;height:auto}.unified-links,.primary-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:35px}.unified-links{height:100%;font-size:14px;font-weight:500;letter-spacing:.055em;transform:translateY(-1px)}.unified-links a{color:#3e3b36;text-decoration:none;position:relative;white-space:nowrap;transition:color .25s ease}.unified-links a[data-nav-key]:after{content:"";position:absolute;left:18%;right:18%;bottom:-8px;height:1px;background:rgba(32,32,30,.42);opacity:0;transform:scaleX(.45);transition:opacity .25s ease,transform .28s ease}.unified-links a:hover{color:#171614}.unified-links a[data-nav-key]:hover:after,.unified-links a.active:after{opacity:1;transform:scaleX(1)}.unified-links a.active{font-weight:500;color:#24221f}.mobile-nav-toggle{display:none}.nav-favorite{position:relative;display:grid;place-items:center;width:44px;height:44px;color:#4b4741}.favorite-icon{display:block;width:19px;height:19px;overflow:visible}.favorite-icon path{fill:transparent;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transition:fill .25s ease,fill-opacity .25s ease,stroke .25s ease}.nav-favorite:hover{color:#26231f}.nav-favorite:hover .favorite-icon path{fill:currentColor;fill-opacity:.13}.language-toggle{min-width:44px;height:44px;padding:0 1px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:5px;color:#817b72;font:500 11px/1 Arial,"PingFang SC",sans-serif;letter-spacing:.055em;cursor:pointer;transition:color .25s ease}.language-toggle:hover{color:#24221f}.language-toggle:focus-visible{outline:1px solid rgba(32,32,30,.42);outline-offset:2px}.language-divider{opacity:.5}.unified-site-header[data-language="zh"] .language-zh,.unified-site-header[data-language="en"] .language-en{color:#292722}.unified-site-header[data-language="zh"] .language-en,.unified-site-header[data-language="en"] .language-zh{color:#928c83}
.site-nav{height:84px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}
.brand-mark{display:block;width:132px}.brand-mark img{display:block;width:100%;height:auto}
.site-links{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500;letter-spacing:.015em}.site-links a{color:#34322e;text-decoration:none;position:relative;transition:color .3s ease}.site-links a:not(.heart-link):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:currentColor;opacity:0;transform:scaleX(.35);transition:opacity .3s ease,transform .3s ease}.site-links a:hover{color:#111}.site-links a:hover:after,.site-links a.active:after{opacity:.65;transform:scaleX(1)}.site-links a.active{border:0;padding-bottom:0}.heart-link{font-size:25px;line-height:1;transition:transform .3s ease!important}.heart-link:hover{transform:translateY(-1px) scale(1.06)}
.home-body{height:100vh;overflow:hidden}.surface-world{height:100vh;min-height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 47%,#fbfaf6 0,#f4f1ea 38%,#ebe7df 100%)}
.home-nav{position:absolute;inset:0 0 auto}.material-field{position:absolute;inset:0;z-index:1;pointer-events:none}
.floating-material{--scale:1;--parallax-x:0px;--parallax-y:0px;--morph-x:0px;--morph-y:0px;--morph-scale-x:1;--morph-scale-y:1;position:absolute;overflow:hidden;border-radius:10px;background:#ddd4c5;box-shadow:0 16px 36px rgba(64,55,43,.16);transform:translate3d(calc(var(--parallax-x) + var(--morph-x)),calc(var(--parallax-y) + var(--morph-y)),0) scale(var(--morph-scale-x),var(--morph-scale-y)) scale(var(--scale));animation:materialFloat var(--float-duration,28s) ease-in-out infinite alternate;transition:transform 1.02s cubic-bezier(.22,1,.36,1),opacity .48s ease,box-shadow .3s ease;will-change:transform,opacity;contain:layout paint;backface-visibility:hidden;pointer-events:auto;cursor:pointer;text-decoration:none;color:inherit}
.floating-material img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(.97);transform:translateZ(0)}
.floating-material:nth-child(3n){animation-direction:alternate-reverse}.floating-material:nth-child(4n){border-radius:7px}
@keyframes materialFloat{from{translate:0 -5px}to{translate:0 7px}}
.floating-material:hover,.floating-material:focus-visible{--scale:1.03;z-index:4;box-shadow:0 24px 52px rgba(57,49,38,.24)}.floating-material:focus-visible{outline:2px solid rgba(32,32,30,.72);outline-offset:4px}.material-meta{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:38px 12px 12px;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(24,22,19,.66));opacity:0;transform:translateY(6px);transition:opacity .32s ease,transform .32s ease;pointer-events:none}.floating-material:hover .material-meta,.floating-material:focus-visible .material-meta{opacity:1;transform:none}.material-meta b{display:block;font-size:10px;letter-spacing:.12em}.material-meta small{display:block;margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-portal{position:absolute;z-index:5;top:44.5%;left:50%;width:min(680px,calc(100% - 40px));text-align:center;transform:translate(-50%,-50%)}
.portal-eyebrow{font-size:11px;font-weight:500;letter-spacing:.25em;color:#6f675e;margin:0 0 22px}.search-portal h1{font-family:Arial,"PingFang SC",sans-serif;font-size:clamp(54px,5vw,84px);font-weight:300;letter-spacing:-.055em;margin:0;line-height:1}.portal-subtitle{font-size:16px;color:#5e5952;margin:20px 0 34px}
.portal-search{height:60px;margin-top:48px;border:1px solid rgba(61,56,48,.14);border-radius:999px;background:rgba(255,253,248,.84);display:flex;align-items:center;padding:0 22px 0 28px;box-shadow:0 15px 32px rgba(67,57,43,.13);backdrop-filter:blur(14px)}
.portal-search .search-icon{font-size:28px;margin-right:17px;color:#524d46}.portal-search input{flex:1;border:0;outline:0;background:transparent;font:15px Arial,"PingFang SC",sans-serif;color:var(--ink)}.portal-search button{width:44px;height:44px;border:0;background:transparent;font-size:30px;font-weight:300;cursor:pointer;color:var(--ink)}
.portal-tags{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:20px}.portal-tags button{border:0;border-radius:999px;background:transparent;padding:8px 14px;font-size:13px;cursor:pointer;color:#514d47;transition:background .28s ease,color .28s ease,transform .28s ease}.portal-tags button:hover{background:rgba(69,64,56,.07);color:#171614;transform:translateY(-1px)}
.search-portal,.portal-eyebrow,.search-portal h1,.portal-subtitle,.portal-tags{transition:transform .42s cubic-bezier(.22,.8,.22,1),opacity .24s ease}.home-body.is-transitioning .search-portal{transform:translate(-50%,-50%) translateY(clamp(-320px,-30vh,-170px)) scale(.94)}.home-body.is-transitioning .portal-eyebrow,.home-body.is-transitioning .search-portal h1,.home-body.is-transitioning .portal-subtitle,.home-body.is-transitioning .portal-tags{opacity:0;transform:translateY(-8px);pointer-events:none}.home-body.is-transitioning .floating-material{animation-play-state:paused;transition-duration:.46s,.24s,.2s}.floating-material.is-filtered-out{opacity:0;--scale:.94}.floating-material.is-grid-target{z-index:6;--scale:1;transform-origin:top left;box-shadow:0 14px 32px rgba(57,49,38,.14)}.home-body.is-transitioning .floating-material.is-grid-target .material-meta{z-index:8;opacity:1;transform:none}
.home-footer{position:absolute;z-index:10;left:0;right:0;bottom:0;height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(54,49,42,.1);background:rgba(247,244,238,.74);backdrop-filter:blur(12px);font-size:11px;color:#6b665e}.scroll-cue{display:flex;align-items:center;gap:7px;font-size:20px}.scroll-cue small{font-size:10px;font-weight:400}
.editorial-body{background:#f4f1ea}.editorial-main{padding:70px 7vw 120px}.editorial-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;padding:55px 0 80px;border-bottom:1px solid var(--line)}.editorial-kicker{font-size:12px;letter-spacing:.2em;color:#817970}.editorial-hero h1{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:clamp(58px,7vw,104px);letter-spacing:-.065em;line-height:.98;margin:22px 0 0}.editorial-intro{font-size:18px;line-height:1.8;color:#625d55;margin:0 0 8px}
.editorial-section{padding:82px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:38px;margin:0}.section-head span,.section-head a{color:#777168;font-size:13px;text-decoration:none}
.trend-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.editorial-card{position:relative;min-height:440px;overflow:hidden;border-radius:9px;background:#cfc7ba;color:#fff}.editorial-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.editorial-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}.editorial-card-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.editorial-card-copy small{font-size:11px;letter-spacing:.15em}.editorial-card-copy h3{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:30px;margin:8px 0 4px}.editorial-card-copy p{font-size:13px;margin:0;color:rgba(255,255,255,.84)}
.pairing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pairing-card{display:grid;grid-template-columns:1fr 1fr;min-height:320px;background:#e9e4da;border-radius:9px;overflow:hidden}.pairing-visual{display:grid;grid-template-columns:1fr 1fr}.pairing-visual img{width:100%;height:100%;object-fit:cover}.pairing-copy{padding:35px;display:flex;flex-direction:column;justify-content:flex-end}.pairing-copy small{color:#837d74;letter-spacing:.14em}.pairing-copy h3{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:28px;margin:12px 0 8px}.pairing-copy p{font-size:13px;line-height:1.7;color:#6d675f;margin:0}
.space-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.space-card{height:330px;position:relative;overflow:hidden;border-radius:9px}.space-card img{width:100%;height:100%;object-fit:cover}.space-card span{position:absolute;left:18px;bottom:18px;color:#fff;font-size:16px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.library-shell .nav,.detail-shell .nav{height:84px;padding:0 7vw}.library-shell .page{padding-left:7vw;padding-right:7vw}.library-shell .library-intro{background:radial-gradient(circle at 80% 20%,#e5dfd4,transparent 32%)}
.library-shell .search{background:rgba(255,255,255,.76);backdrop-filter:blur(10px)}.library-shell .search>input{flex:1;border:0;outline:0;background:transparent;font:15px Arial,"PingFang SC",sans-serif;color:var(--ink);min-width:0}.library-shell .card{border-radius:7px;box-shadow:0 8px 24px rgba(52,45,35,.08)}
.library-shell .logo,.detail-shell .logo{width:132px;height:38px}.detail-shell .detail-image{border-radius:10px;box-shadow:var(--shadow)}
html.morph-arrival .library-shell{overflow-x:hidden}html.morph-arrival .library-shell .library-grid .card{opacity:1;transform:none;will-change:auto}html.morph-arrival .library-shell .library-intro .eyebrow,html.morph-arrival .library-shell .page-title,html.morph-arrival .library-shell .filter-bar,html.morph-arrival .library-shell .subfilters,html.morph-arrival .library-shell .page>.head{opacity:0;transform:translateY(8px)}html.morph-arrival .library-shell .library-intro .search{opacity:1;transform:none}html.morph-arrival.morph-arrival-run .library-shell .library-intro .eyebrow,html.morph-arrival.morph-arrival-run .library-shell .page-title,html.morph-arrival.morph-arrival-run .library-shell .filter-bar,html.morph-arrival.morph-arrival-run .library-shell .subfilters,html.morph-arrival.morph-arrival-run .library-shell .page>.head{opacity:1;transform:none;transition:opacity .32s ease .04s,transform .42s cubic-bezier(.22,1,.36,1) .04s}
@media(max-width:900px),(orientation:portrait){.site-links{gap:18px}.search-portal{top:42%;width:min(620px,calc(100% - 56px))}.material-field[data-layout="portrait"] .floating-material{min-width:112px;max-width:210px}.editorial-hero{grid-template-columns:1fr}.trend-grid{grid-template-columns:1fr}.editorial-card{min-height:380px}.pairing-grid{grid-template-columns:1fr}.space-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.surface-world{min-height:620px}.site-nav{height:70px;padding:0 20px}.brand-mark{width:106px}.site-links a:nth-child(3){display:none}.site-links{gap:15px;font-size:12px}.heart-link{font-size:21px}.search-portal{top:41%;width:calc(100% - 36px)}.search-portal h1{font-size:clamp(40px,12vw,52px)}.portal-eyebrow{font-size:9px;margin-bottom:14px}.portal-subtitle{font-size:14px;margin:14px 0 24px}.portal-search{height:60px;padding:0 12px 0 18px}.portal-search .search-icon{font-size:23px;margin-right:10px}.portal-search input{font-size:13px;min-width:0}.portal-search button{width:36px;font-size:25px}.portal-tags{gap:7px;margin-top:14px}.portal-tags button{padding:7px 11px;font-size:11px}.home-footer{height:54px;padding:0 16px}.home-footer .scroll-cue{display:none}.floating-material{opacity:.84}.material-field[data-layout="mobile"] .floating-material{min-width:96px;max-width:150px}.editorial-main{padding:35px 20px 80px}.editorial-hero{padding:35px 0 55px}.editorial-hero h1{font-size:54px}.editorial-intro{font-size:15px}.section-head h2{font-size:30px}.pairing-card{grid-template-columns:1fr;min-height:420px}.pairing-visual{min-height:220px}.space-grid{grid-template-columns:1fr 1fr}.space-card{height:240px}}
@media(max-width:650px){.unified-site-header{height:64px;padding:0 20px}.unified-brand{width:106px;min-width:106px}.unified-links{gap:4px;font-size:14px;letter-spacing:.035em}.mobile-nav-toggle{display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;background:transparent;color:#393631;cursor:pointer}.mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after{display:block;width:20px;height:1px;background:currentColor;content:"";transition:transform .2s ease,opacity .2s ease}.mobile-nav-toggle span:before{transform:translateY(-6px)}.mobile-nav-toggle span:after{transform:translateY(5px)}.mobile-nav-open .mobile-nav-toggle span{background:transparent}.mobile-nav-open .mobile-nav-toggle span:before{transform:translateY(0) rotate(45deg)}.mobile-nav-open .mobile-nav-toggle span:after{transform:translateY(-1px) rotate(-45deg)}.primary-nav-links{position:absolute;z-index:60;top:64px;left:0;right:0;padding:10px 20px 18px;display:grid;gap:0;background:rgba(247,244,238,.98);border-bottom:1px solid rgba(54,49,42,.12);box-shadow:0 18px 32px rgba(42,37,31,.12);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .25s ease,visibility .2s}.mobile-nav-open .primary-nav-links{opacity:1;visibility:visible;transform:none}.primary-nav-links a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid rgba(54,49,42,.09);font-size:15px}.primary-nav-links a:last-child{border-bottom:0}.unified-links a[data-nav-key]:after{display:none}.nav-favorite,.language-toggle{width:44px;height:44px}.favorite-icon{width:19px;height:19px}.language-toggle{padding:0;gap:4px;font-size:10px}}
@media(max-width:390px){.unified-site-header{padding:0 14px}.unified-brand{width:94px;min-width:94px}.unified-links{gap:1px}.language-toggle{font-size:9px}.primary-nav-links{padding-left:14px;padding-right:14px}}
@media(max-width:390px){.site-nav{padding:0 16px}.brand-mark{width:94px}.site-links{gap:11px}.site-links a:first-child{display:none}.search-portal{top:40%;width:calc(100% - 28px)}.search-portal h1{font-size:39px}.portal-subtitle{font-size:12px}.portal-search{height:56px}.portal-tags button{padding:6px 9px}.home-footer{padding:0 12px;font-size:10px}}

/* Welcome page: keep the mobile center calm and readable. */
@media(max-width:650px){
  .home-body .surface-world::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 76% 34% at 50% 39%,rgba(251,250,246,.97) 0%,rgba(248,246,240,.9) 46%,rgba(248,246,240,.44) 68%,transparent 100%)}
  .home-body .search-portal{top:44.5%;width:calc(100% - 36px)}
  .home-body .portal-eyebrow{display:block;margin-bottom:22px}
  .home-body .search-portal h1{font-size:clamp(40px,11vw,44px)!important;line-height:1!important;letter-spacing:-.015em!important}
  .home-body .portal-search{height:58px}
  .home-body .portal-tags{gap:10px;margin-top:20px}
  .home-body .portal-tags button:nth-child(n+4){display:none}
  .material-field[data-layout="mobile"] .floating-material:nth-child(5),
  .material-field[data-layout="mobile"] .floating-material:nth-child(6){display:none}
}

/* Keep the editorial warm-grey mood without washing out the source colors. */
.trend-detail-main .trend-detail-visual img{filter:saturate(.88) contrast(.98) brightness(1.01)}
.trend-detail-main .trend-reading-image img{filter:saturate(.86) contrast(.98)}
.trend-detail-main .trend-material-card>img{filter:saturate(.9) contrast(.99)}
.trend-detail-main .trend-material-card:hover>img{filter:saturate(.94) contrast(1)}
.trend-detail-main .trend-spaces-visual img{filter:saturate(.88) contrast(.98)}
.trend-detail-main .trend-related .discover-card-visual img{filter:saturate(.88) contrast(.98)}
.trend-detail-main .trend-related .discover-list-card:hover .discover-card-visual img{filter:saturate(.93) contrast(.99)}
.trend-transition-image{filter:saturate(.88) contrast(.98)}
@media(max-width:390px){
  .home-body .search-portal{top:44.5%;width:calc(100% - 28px)}
  .home-body .search-portal h1{font-size:40px!important}
}
@media(max-height:700px) and (orientation:landscape){.surface-world{min-height:100vh}.site-nav{height:62px;padding:0 4vw}.brand-mark{width:104px}.search-portal{top:45%;width:min(600px,62vw)}.portal-eyebrow{display:block;margin-bottom:22px}.search-portal h1{font-size:clamp(42px,6vw,64px)}.portal-subtitle{margin:10px 0 16px;font-size:13px}.portal-search{height:58px}.portal-tags{margin-top:20px}.portal-tags button{padding:6px 11px;font-size:11px}.home-footer{height:46px}.home-body.is-transitioning .search-portal{transform:translate(-50%,-50%) translateY(-105px) scale(.94)}}
@media(prefers-reduced-motion:reduce){.floating-material{animation:none;transition:none}.floating-material:hover{--scale:1}.search-portal,.portal-eyebrow,.search-portal h1,.portal-subtitle,.portal-tags{transition:none}}

/* Material Archive browsing system */
.library-page{position:relative}.filter-bar button{border:1px solid #d6d2c9;border-radius:999px;background:transparent;padding:9px 15px;color:#2a2925;font:500 14px Arial,"PingFang SC",sans-serif;cursor:pointer;transition:background .24s ease,color .24s ease,border-color .24s ease}.filter-bar button:hover{border-color:#9e998f}.filter-bar button.active{background:#222;color:#fff;border-color:#222}.results-sort,.compact-sort{position:relative;display:flex;align-items:center;gap:7px;color:#716b63;font-size:12px}.results-sort select,.compact-sort select{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:4px 17px 4px 0;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 7px) 50%,calc(100% - 3px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;cursor:pointer}.library-results-head{position:relative}.library-grid .card{isolation:isolate}.library-grid .caption span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-load-zone{min-height:150px;padding:46px 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;color:#7b756d;font-size:12px;letter-spacing:.035em}.load-more-button{min-width:190px;height:48px;border:1px solid rgba(42,40,35,.24);border-radius:999px;background:rgba(255,255,255,.4);color:#292722;font:500 13px Arial,"PingFang SC",sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.load-more-button:hover{background:#fff;border-color:rgba(42,40,35,.42);transform:translateY(-1px)}.load-sentinel{display:block;width:1px;height:1px}.end-label{padding:14px 0 0}.active-filter-chip{border:1px solid rgba(66,61,54,.19);border-radius:999px;background:rgba(255,255,255,.46);padding:7px 11px;color:#37342f;font:500 11px Arial,"PingFang SC",sans-serif;white-space:nowrap;cursor:pointer;transition:background .22s ease,border-color .22s ease}.active-filter-chip:hover{background:#fff;border-color:rgba(66,61,54,.38)}
.material-card-shell,.favorite-card-shell{position:relative;min-width:0;aspect-ratio:3/4}.material-card-shell>.card,.favorite-card-shell>.card{width:100%;height:100%;min-height:0;margin:0;aspect-ratio:auto}.library-shell .library-grid .card:after{z-index:3;inset:58% 0 0;background:linear-gradient(to bottom,rgba(15,14,12,0) 0%,rgba(15,14,12,.055) 26%,rgba(15,14,12,.24) 68%,rgba(15,14,12,.48) 100%);pointer-events:none}
.library-shell .library-grid .caption{z-index:4;right:18px;text-shadow:0 1px 2px rgba(0,0,0,.24)}
.library-shell .library-grid .caption b{display:block;color:rgba(255,255,255,.88);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.09em}
.library-shell .library-grid .caption span{margin-top:6px;color:#fff;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.01em}
.library-shell .library-grid .card[data-library-seed="1"]>.library-seed-full{z-index:0}
.library-shell .library-grid .card[data-library-seed="1"]>.library-seed-preview{position:absolute;inset:0;width:100%;height:100%;z-index:1;background-repeat:no-repeat;background-color:#d7d0c4}
html.library-images-ready .library-shell .library-grid .card[data-library-seed="1"]>.library-seed-full{z-index:2}
html.library-preview-cleanup .library-shell .library-grid .card[data-library-seed="1"]>.library-seed-preview{display:none}
.library-shell .library-grid .card[data-library-seed="1"]:after{z-index:3}
.library-shell .library-grid .card[data-library-seed="1"]>.caption{z-index:4}
.compact-library-toolbar{position:fixed;z-index:80;top:0;left:0;right:0;height:68px;padding:0 7vw;display:flex;align-items:center;gap:18px;background:rgba(244,241,234,.93);border-bottom:1px solid rgba(48,44,38,.1);box-shadow:0 12px 30px rgba(57,49,38,.07);backdrop-filter:blur(18px);opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .25s ease,transform .38s cubic-bezier(.22,1,.36,1),height .28s ease;box-sizing:border-box}.library-compact .compact-library-toolbar{opacity:1;transform:none;pointer-events:auto}.library-looking-up .compact-library-toolbar{height:72px}.compact-search{height:40px;width:min(420px,32vw);min-width:240px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(61,56,48,.14);border-radius:999px;background:rgba(255,255,255,.72)}.compact-search span{color:#706a62;font-size:18px}.compact-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#292722;font:13px Arial,"PingFang SC",sans-serif}.compact-filter-chips{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;flex:1}.compact-filter-chips:empty:before{content:"全部花色";color:#777168;font-size:12px;white-space:nowrap}.compact-filter-button{height:36px;padding:0 13px;border:1px solid rgba(61,56,48,.18);border-radius:999px;background:transparent;color:#35322e;font:500 12px Arial,"PingFang SC",sans-serif;white-space:nowrap;cursor:pointer}.compact-filter-button b{font-weight:500;color:#8a8379}.compact-result-count{min-width:58px;color:#817a71;font-size:11px;text-align:right;white-space:nowrap}.compact-filter-panel{position:absolute;top:calc(100% + 8px);right:7vw;width:min(620px,calc(100vw - 40px));padding:20px;border:1px solid rgba(61,56,48,.12);border-radius:16px;background:rgba(250,248,243,.98);box-shadow:0 20px 48px rgba(48,42,34,.14)}.compact-category-list,.compact-panel-selected{display:flex;gap:8px;flex-wrap:wrap}.compact-category-list button{border:1px solid #d6d2c9;border-radius:999px;background:transparent;padding:8px 13px;color:#35322e;font:500 12px Arial,"PingFang SC",sans-serif;cursor:pointer}.compact-category-list button.active{background:#242320;border-color:#242320;color:#fff}.compact-panel-selected{margin-top:14px;padding-top:14px;border-top:1px solid rgba(61,56,48,.1);color:#817a71;font-size:12px}
@media(max-width:900px){.compact-library-toolbar{gap:11px}.compact-search{width:min(330px,38vw);min-width:180px}.compact-filter-chips{display:none}.compact-result-count{display:none}}
@media(max-width:650px){.compact-library-toolbar{height:64px;padding:0 14px;gap:8px}.library-looking-up .compact-library-toolbar{height:68px}.compact-search{height:38px;min-width:0;width:auto;flex:1;padding:0 12px}.compact-search input{font-size:12px}.compact-filter-button{height:34px;padding:0 10px}.compact-sort{display:none}.compact-filter-panel{right:14px;width:calc(100vw - 28px);padding:16px}.library-load-zone{min-height:130px;padding:34px 0 50px}.load-more-button{min-width:170px;height:44px}.filter-bar button{padding:8px 12px;font-size:12px}}

/* Airier responsive archive grid */
.library-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
@media(max-width:1679px){.library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}}
@media(max-width:1365px){.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:1023px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* True grouped filter panel */
.compact-filter-panel{width:min(740px,calc(100vw - 40px));max-height:calc(100vh - 88px);padding:0;overflow:auto}.compact-panel-head{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(61,56,48,.09)}.compact-panel-head strong{font-size:14px;font-weight:500;letter-spacing:.055em}.compact-panel-head button{width:30px;height:30px;border:0;background:transparent;color:#746e65;font-size:22px;font-weight:300;cursor:pointer}.compact-panel-label{padding:18px 22px 10px;color:#817a71;font-size:11px;letter-spacing:.12em}.compact-category-list{padding:0 22px 20px}.compact-panel-divider{height:1px;margin:0 22px;background:rgba(61,56,48,.1)}.compact-filter-groups{padding:8px 22px}.compact-filter-row{min-height:54px;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;border-bottom:1px solid rgba(61,56,48,.075)}.compact-filter-row:last-child{border-bottom:0}.compact-filter-row>strong{color:#4b4741;font-size:12px;font-weight:500;letter-spacing:.045em}.compact-filter-options{display:flex;align-items:center;gap:7px 19px;flex-wrap:wrap;padding:10px 0}.compact-filter-options button{position:relative;border:0;background:transparent;padding:5px 0;color:#706a62;font:400 12px Arial,"PingFang SC",sans-serif;white-space:nowrap;cursor:pointer;transition:color .2s ease}.compact-filter-options button:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;opacity:0;transform:scaleX(.5);transition:opacity .2s ease,transform .2s ease}.compact-filter-options button:hover{color:#24221f}.compact-filter-options button.active{color:#24221f;font-weight:500}.compact-filter-options button.active:after{opacity:.36;transform:scaleX(1)}.compact-panel-actions{position:sticky;bottom:0;min-height:60px;padding:0 22px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;border-top:1px solid rgba(61,56,48,.1);background:rgba(250,248,243,.97);backdrop-filter:blur(12px)}.compact-panel-actions>span{color:#817a71;font-size:11px;text-align:right}.compact-reset-button{border:0;background:transparent;padding:9px 0;color:#5f5a53;font:500 12px Arial,"PingFang SC",sans-serif;cursor:pointer}.compact-reset-button:hover{color:#181714}
.compact-filter-row-toggle{display:none}
@media(max-width:650px){.compact-filter-panel{right:14px;width:calc(100vw - 28px);max-height:calc(100vh - 78px)}.compact-panel-head{height:52px;padding:0 16px}.compact-panel-label{padding:15px 16px 9px}.compact-category-list{padding:0 16px 16px}.compact-panel-divider{margin:0 16px}.compact-filter-groups{padding:6px 16px}.compact-filter-row{grid-template-columns:54px minmax(0,1fr)}.compact-filter-options{gap:6px 14px}.compact-panel-actions{min-height:62px;padding:0 16px;gap:10px}.compact-apply-button{min-width:132px}}

/* Filter hierarchy: category → refinement → current state */
.library-shell{
  --filter-primary-height:44px;
  --filter-primary-font:15px;
  --filter-primary-radius:22px;
  --filter-secondary-height:36px;
  --filter-secondary-font:14px;
  --filter-secondary-radius:18px;
  --filter-chip-height:28px;
  --filter-chip-font:13px;
  --filter-chip-radius:14px;
  --gap-search-primary:28px;
  --gap-primary-secondary:14px;
  --gap-secondary-active:18px;
  --gap-active-results:34px;
}
.library-shell .library-intro{height:auto;min-height:0;padding-top:56px;padding-bottom:0}
.library-shell .library-intro .page-title{margin:18px 0 28px}
.library-shell,.library-shell .library-intro,.library-shell .library-page{background:#f7f6f1}
.library-shell .unified-site-header{background:rgba(247,246,241,.96)}
.library-shell .image-search{position:relative;flex:0 0 40px;width:40px;height:40px;margin-left:auto;padding:0;border:0;display:block;color:#68635c;box-sizing:border-box}
.library-shell .image-search:before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(30,30,30,.055);opacity:0;transform:scale(.84);transition:opacity .2s ease,transform .2s ease}
.library-shell .image-search:hover:before{opacity:1;transform:scale(1)}

/* Discover page — editorial layout inspired by the supplied composition. */
.editorial-body{background:#f6f3ed;color:#252421}
.inspiration-main{width:100%;padding:0 7vw 104px}
.inspiration-hero{min-height:390px;padding:92px 0 68px;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:10vw;align-items:end}
.inspiration-hero h1{margin:0;font-family:Georgia,"Songti SC","STSong",serif;font-size:clamp(64px,6.3vw,104px);font-weight:400;line-height:1.03;letter-spacing:-.065em}
.inspiration-hero .editorial-intro{max-width:470px;margin:0 0 4px;font-size:15px;line-height:2;color:#6d6860}
.inspiration-section{padding-top:72px}
.inspiration-section-head{margin-bottom:23px;align-items:center}
.inspiration-section-head h2{display:flex;align-items:baseline;gap:20px;font-family:Georgia,"Songti SC","STSong",serif;font-size:25px;font-weight:400;letter-spacing:.01em}
.inspiration-section-head h2 b{font-size:21px;font-weight:400;letter-spacing:.02em}
.inspiration-section-head a{display:flex;align-items:center;gap:20px;color:#7d776f;font-size:12px;letter-spacing:.01em}
.inspiration-section-head a i,.pairing-copy a i{font-style:normal;font-size:22px;font-weight:300;line-height:1;transition:transform .25s ease}
.inspiration-section-head a:hover i,.pairing-copy a:hover i{transform:translateX(4px)}
.inspiration-main .trend-grid{grid-template-columns:2.35fr 1fr 1fr;gap:18px}
.inspiration-main .editorial-card{height:clamp(370px,34vw,500px);min-height:0;border-radius:7px;box-shadow:none}
.inspiration-main .editorial-card img{filter:saturate(.72) contrast(.94);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .45s ease}
.inspiration-main .editorial-card:hover img{transform:scale(1.025);filter:saturate(.82) contrast(.97)}
.inspiration-main .editorial-card:after{inset:44% 0 0;background:linear-gradient(transparent,rgba(18,17,15,.58))}
.inspiration-main .editorial-card-copy{left:26px;right:24px;bottom:24px}
.inspiration-main .editorial-card-copy small{font-size:10px;letter-spacing:.14em}
.inspiration-main .editorial-card-copy h3{margin:8px 0 5px;font-size:25px;letter-spacing:.01em}
.inspiration-main .editorial-card-copy p{font-size:12px;line-height:1.65}
.inspiration-main .pairing-grid{display:grid;grid-template-columns:1fr;gap:16px}
.inspiration-main .pairing-card{display:grid;grid-template-columns:2fr 1fr;height:clamp(300px,23vw,350px);min-height:0;border-radius:7px;background:#ece8df}
.inspiration-main .pairing-visual{display:grid;grid-template-columns:1fr 1.04fr;height:100%;min-height:0;overflow:hidden}
.inspiration-main .pairing-visual img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;filter:saturate(.73) contrast(.95)}
.inspiration-main .pairing-copy{padding:34px 42px;justify-content:center;align-items:flex-start}
.inspiration-main .pairing-copy small{font-size:10px;letter-spacing:.16em}
.inspiration-main .pairing-copy h3{margin:12px 0 11px;font-size:25px;letter-spacing:.01em}
.inspiration-main .pairing-copy p{margin:0;font-size:12px;line-height:1.75}
.inspiration-main .pairing-card{color:inherit;text-decoration:none}.inspiration-main .pairing-copy .pairing-more{position:static;display:flex;align-items:center;gap:17px;margin-top:27px;color:#34312c;text-decoration:none;font-size:11px;text-shadow:none}.inspiration-main .pairing-copy .pairing-more i{font-style:normal;font-size:22px;font-weight:300;line-height:1;transition:transform .25s ease}.inspiration-main .pairing-card:hover .pairing-more i{transform:translateX(4px)}
.inspiration-main .pairing-card-reverse{grid-template-columns:1fr 2fr}
.inspiration-main .pairing-card-reverse .pairing-copy{order:-1}
.inspiration-main .space-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.inspiration-main .space-card{height:auto;aspect-ratio:1.12;border-radius:7px;background:#cfc8bd}
.inspiration-main .space-card:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(17,16,14,.6))}
.inspiration-main .space-card img{filter:saturate(.65) contrast(.93);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.inspiration-main .space-card:nth-child(1) img{object-position:center 56%}.inspiration-main .space-card:nth-child(2) img{object-position:center 61%}.inspiration-main .space-card:nth-child(3) img{object-position:center 52%}.inspiration-main .space-card:nth-child(4) img{object-position:center 53%}
.inspiration-main .space-card:hover img{transform:scale(1.03);filter:saturate(.76) contrast(.96)}
.inspiration-main .space-card .space-card-copy{z-index:2;left:19px;bottom:17px;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 12px rgba(0,0,0,.38)}
.inspiration-main .space-card strong{font-family:Georgia,"Songti SC","STSong",serif;font-size:18px;font-weight:400}
.inspiration-main .space-card small{font-size:10px;color:rgba(255,255,255,.82)}
@media(max-width:1000px){.inspiration-hero{min-height:350px;padding:70px 0 58px;grid-template-columns:1.2fr .8fr;gap:7vw}.inspiration-hero h1{font-size:clamp(58px,8vw,82px)}.inspiration-main .trend-grid{grid-template-columns:1.7fr 1fr}.inspiration-main .editorial-card{height:390px}.inspiration-main .editorial-card:last-child{grid-column:1/-1;height:300px}.inspiration-main .pairing-copy{padding:30px}.inspiration-main .space-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.inspiration-main{padding:0 20px 72px}.inspiration-hero{min-height:0;padding:56px 0 48px;grid-template-columns:1fr;gap:35px}.inspiration-hero h1{font-size:52px}.inspiration-hero .editorial-intro{font-size:13px;line-height:1.85}.inspiration-section{padding-top:54px}.inspiration-section-head{margin-bottom:17px}.inspiration-section-head h2{gap:12px;font-size:21px}.inspiration-section-head h2 b{font-size:16px}.inspiration-section-head a{gap:9px;font-size:10px}.inspiration-main .trend-grid{grid-template-columns:1fr 1fr;gap:10px}.inspiration-main .editorial-card,.inspiration-main .editorial-card:last-child{height:280px;grid-column:auto}.inspiration-main .editorial-card:first-child{grid-column:1/-1;height:330px}.inspiration-main .editorial-card-copy{left:17px;right:15px;bottom:16px}.inspiration-main .editorial-card-copy h3{font-size:20px}.inspiration-main .editorial-card-copy p{display:none}.inspiration-main .pairing-card,.inspiration-main .pairing-card-reverse{grid-template-columns:1fr;height:auto}.inspiration-main .pairing-visual{height:210px;min-height:0}.inspiration-main .pairing-visual img{height:210px}.inspiration-main .pairing-card-reverse .pairing-copy{order:0}.inspiration-main .pairing-copy{padding:27px 24px 30px}.inspiration-main .pairing-copy h3{font-size:22px}.inspiration-main .space-grid{gap:10px}.inspiration-main .space-card{aspect-ratio:.9}.inspiration-main .space-card .space-card-copy{left:13px;bottom:13px}.inspiration-main .space-card strong{font-size:15px}}

/* Lightweight curated lists and details; these are direct extensions of Discover. */
.curated-main{padding:52px 7vw 110px}.curated-back{display:inline-flex;color:#746e65;text-decoration:none;font-size:12px;letter-spacing:.035em}.curated-list-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;min-height:270px;padding:55px 0 58px;border-bottom:1px solid var(--line)}.curated-list-hero>p:first-child{grid-column:1/-1;margin:0 0 auto;color:#837c72;font-size:10px;letter-spacing:.18em}.curated-list-hero h1{margin:0;font:400 clamp(56px,6vw,88px)/1 Georgia,"Songti SC","STSong",serif;letter-spacing:-.055em}.curated-list-hero>p:last-child{max-width:430px;margin:0 0 8px;color:#6f6960;font-size:14px;line-height:1.9}.curated-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-top:62px}.curated-list-card{display:grid;grid-template-rows:360px auto;overflow:hidden;border-radius:8px;background:#ebe7de;color:inherit;text-decoration:none}.curated-list-card.is-pairing{grid-template-rows:300px auto}.curated-list-visual{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow:hidden}.curated-list-visual img{width:100%;height:100%;min-width:0;object-fit:cover;filter:saturate(.72) contrast(.95);transition:transform .55s cubic-bezier(.22,1,.36,1)}.curated-list-card:hover img{transform:scale(1.025)}.curated-list-copy{padding:27px 30px 31px}.curated-list-copy small{color:#817a70;font-size:10px;letter-spacing:.14em}.curated-list-copy h2{margin:11px 0 9px;font:400 27px/1.25 Georgia,"Songti SC","STSong",serif}.curated-list-copy p{min-height:42px;margin:0;color:#6f6960;font-size:12px;line-height:1.75}.curated-list-copy span{display:block;margin-top:22px;color:#45413b;font-size:11px}.curated-detail-main{padding-top:44px}.curated-detail-hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:590px;margin-top:35px;background:#ebe7de;border-radius:8px;overflow:hidden}.curated-detail-visual{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-width:0}.curated-detail-visual img{width:100%;height:100%;min-width:0;object-fit:cover;filter:saturate(.72) contrast(.95)}.curated-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:55px 5vw}.curated-detail-copy>p:first-child{margin:0;color:#837c72;font-size:10px;letter-spacing:.16em}.curated-detail-copy h1{margin:20px 0 25px;font:400 clamp(42px,4.5vw,70px)/1.06 Georgia,"Songti SC","STSong",serif;letter-spacing:-.045em}.curated-detail-lead{margin:0;color:#3d3a35;font:400 18px/1.75 Georgia,"Songti SC","STSong",serif}.curated-detail-text{margin:27px 0 0;padding-top:25px;border-top:1px solid rgba(47,43,37,.12);color:#706a61;font-size:13px;line-height:1.9}.curated-materials{padding-top:78px}.curated-materials header{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.curated-materials header p{order:2;margin:0;color:#837c72;font-size:10px;letter-spacing:.16em}.curated-materials h2{margin:0;font:400 27px/1.2 Georgia,"Songti SC","STSong",serif}.curated-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.curated-material-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#d4cec2;color:#fff;text-decoration:none}.curated-material-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(20,18,15,.58))}.curated-material-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(.95);transition:transform .45s ease}.curated-material-card:hover img{transform:scale(1.025)}.curated-material-card span{position:absolute;z-index:2;left:20px;right:20px;bottom:17px}.curated-material-card b,.curated-material-card small{display:block}.curated-material-card b{font-size:12px;letter-spacing:.1em}.curated-material-card small{margin-top:4px;font-size:11px;color:rgba(255,255,255,.86)}
@media(max-width:900px){.curated-list-grid{grid-template-columns:1fr}.curated-detail-hero{grid-template-columns:1fr;min-height:0}.curated-detail-visual{height:480px}.curated-detail-copy{padding:48px}.curated-material-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.curated-main{padding:34px 20px 75px}.curated-list-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:45px 0}.curated-list-hero>p:first-child{margin-bottom:10px}.curated-list-hero h1{font-size:52px}.curated-list-hero>p:last-child{font-size:13px}.curated-list-grid{gap:15px;padding-top:40px}.curated-list-card,.curated-list-card.is-pairing{grid-template-rows:270px auto}.curated-list-copy{padding:23px}.curated-detail-hero{margin-top:28px}.curated-detail-visual{height:360px}.curated-detail-copy{padding:34px 25px 39px}.curated-detail-copy h1{font-size:43px}.curated-detail-lead{font-size:16px}.curated-materials{padding-top:55px}.curated-material-grid{grid-template-columns:1fr;gap:12px}}
.library-shell .image-search:hover{color:#262522}
.library-shell .image-search-icon{position:absolute;z-index:1;left:50%;top:50%;width:18px;height:15px;border:1.25px solid currentColor;border-radius:2px;display:block;transform:translate(-50%,-50%);box-sizing:border-box}
.library-shell .image-search-icon:before{content:"";position:absolute;left:3px;top:3px;width:2.5px;height:2.5px;border:1px solid currentColor;border-radius:50%;box-sizing:border-box}
.library-shell .image-search-icon:after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:7px;background:linear-gradient(135deg,transparent 43%,currentColor 45% 53%,transparent 55%) 0 2px/9px 8px no-repeat,linear-gradient(45deg,transparent 43%,currentColor 45% 53%,transparent 55%) 6px 1px/8px 8px no-repeat}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.library-shell .filter-bar{width:100%;height:var(--filter-primary-height);margin:var(--gap-search-primary) 0 var(--gap-primary-secondary);padding:0;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.library-shell .filter-bar::-webkit-scrollbar{display:none}
.library-shell .filter-bar button{flex:0 0 auto;min-width:64px;height:var(--filter-primary-height);padding:0 20px;border:1px solid rgba(30,30,30,.12);border-radius:var(--filter-primary-radius);background:transparent;color:#262626;font:500 var(--filter-primary-font)/1 Arial,"PingFang SC",sans-serif;white-space:nowrap;box-shadow:none}
.library-shell .filter-bar button:hover{background:rgba(30,30,30,.025);border-color:rgba(30,30,30,.22)}
.library-shell .filter-bar button.active{background:#222;color:#fff;border-color:#222;box-shadow:none}
.library-shell .subfilters{position:relative;z-index:40;min-height:var(--filter-secondary-height);margin:0;display:flex;align-items:flex-start;gap:10px;flex-wrap:nowrap;overflow:visible}
.library-shell .subfilters details{flex:0 0 auto}
.library-shell .subfilters summary{height:var(--filter-secondary-height);padding:0 15px;border:1px solid rgba(30,30,30,.1);border-radius:var(--filter-secondary-radius);background:transparent;color:rgba(30,30,30,.78);display:flex;align-items:center;justify-content:center;font:400 var(--filter-secondary-font)/1 Arial,"PingFang SC",sans-serif;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease,color .2s ease}
.library-shell .subfilters summary:after{content:'⌄';margin-left:7px;color:#777168;font-size:10px}
.library-shell .subfilters summary:hover{background:rgba(30,30,30,.025);border-color:rgba(30,30,30,.18)}
.library-shell .subfilters details[open] summary,.library-shell .subfilters details.has-selection summary{background:rgba(30,30,30,.06);border-color:rgba(30,30,30,.18);color:#292722;font-weight:500}
.library-shell .subfilters li{position:relative;padding-right:32px;cursor:pointer}.library-shell .subfilters li.active{background:rgba(30,30,30,.055);color:#24221f;font-weight:500}.library-shell .subfilters li.active:after{content:"✓";position:absolute;right:12px;color:#514c45}
.library-shell .subfilters details[open] summary:after{color:#777168}
.library-shell .subfilters ul{z-index:50;top:44px}
@media(min-width:651px){.library-shell .subfilters>details:not(.product-filter)>ul{width:max-content;min-width:120px;max-width:min(320px,calc(100vw - 40px))}}
.library-shell .product-filter>.product-filter-tree{width:min(320px,calc(100vw - 40px));max-height:min(560px,70vh);overflow:auto;padding:8px 0}
.library-shell .product-filter-tree>li{min-height:36px}
.library-shell .product-filter-tree .product-tree-parent{padding-right:40px}
.library-shell .product-filter-tree .product-tree-parent>span{display:block;pointer-events:none}
.library-shell .product-filter-tree .product-tree-parent>.product-tree-toggle{position:absolute;z-index:2;top:4px;right:7px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#756f67;font:400 16px/1 Arial,sans-serif;cursor:pointer}
.library-shell .product-filter-tree .product-tree-parent>.product-tree-toggle:hover{background:rgba(30,30,30,.07);color:#24221f}
.library-shell .product-filter-tree .product-tree-parent.active:after{display:none}
.library-shell .product-filter-tree .product-tree-parent.active>span:after{content:"✓";display:inline-block;margin-left:10px;color:#514c45;font-weight:400}
.library-shell .product-filter-tree .product-tree-parent>ul{position:static;display:none;width:calc(100% + 40px);min-width:0;margin:7px -40px -8px 0;padding:5px 0 7px;border:0;border-top:1px solid rgba(30,30,30,.07);border-radius:0;background:rgba(244,241,234,.56);box-shadow:none}
.library-shell .product-filter-tree .product-tree-parent.is-open>ul{display:block}
.library-shell .product-filter-tree .product-tree-parent>ul>li{padding-left:27px;font-size:12px}
.library-shell .product-filter-tree .product-tree-parent>ul>li.active:after{right:14px}
.library-shell .selected-filters{min-height:var(--filter-chip-height);margin:var(--gap-secondary-active) 0 0;gap:10px;color:rgba(30,30,30,.52);font:400 var(--filter-chip-font)/1 Arial,"PingFang SC",sans-serif}
.library-shell .selected-filter-list{gap:8px}
.library-shell .selected-filter-list .active-filter-chip{height:var(--filter-chip-height);padding:0 11px;border:1px solid rgba(30,30,30,.08);border-radius:var(--filter-chip-radius);background:rgba(255,255,255,.65);color:rgba(30,30,30,.78);font:400 var(--filter-chip-font)/1 Arial,"PingFang SC",sans-serif}
.library-shell .selected-filter-list .active-filter-chip:hover{background:#fff;border-color:rgba(30,30,30,.16)}
.library-shell .clear-filters{height:var(--filter-chip-height);padding:0 2px;color:rgba(30,30,30,.5);font:400 var(--filter-chip-font)/1 Arial,"PingFang SC",sans-serif;text-decoration:none}
.library-shell .clear-filters:hover{color:#292722;text-decoration:underline;text-underline-offset:3px}
.library-shell .library-results-head{height:32px;margin:var(--gap-active-results) 0 0!important;align-items:flex-end}
.library-shell .library-grid{margin-top:18px}
@media(max-width:650px){
  .results-sort{display:none}
  .library-shell .filter-bar{margin-top:var(--gap-search-primary);padding-bottom:0}
  .library-shell .filter-bar button{height:var(--filter-primary-height);padding:0 18px;font-size:var(--filter-primary-font)}
  .library-shell .subfilters{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .library-shell .subfilters::-webkit-scrollbar{display:none}
  .library-shell .library-results-head{margin-top:30px!important}
}

/* Trend detail — editorial layout */
.trend-detail-main{padding:0 6.6vw 96px;background:#f3f0e9;color:#302d29}.trend-breadcrumb{height:82px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(56,51,44,.1);color:#8a8379;font-size:10px;letter-spacing:.035em}.trend-breadcrumb a{color:inherit;text-decoration:none}.trend-breadcrumb b{font-weight:400;color:#5d5851}.trend-detail-hero{display:grid;grid-template-columns:43% 57%;min-height:610px;border-bottom:1px solid rgba(56,51,44,.12)}.trend-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:58px clamp(42px,5vw,78px) 48px 0}.trend-detail-kicker{margin:0 0 27px;color:#8a8379;font-size:10px;letter-spacing:.15em}.trend-detail-copy h1{margin:0;font:400 clamp(55px,6.2vw,94px)/.98 Georgia,"Songti SC","STSong",serif;letter-spacing:-.065em}.trend-detail-en{margin:14px 0 43px;color:#89827a;font:400 18px/1 Arial,sans-serif;letter-spacing:.025em}.trend-detail-lead{margin:0 0 9px;color:#4a4640;font:400 16px/1.75 Georgia,"Songti SC","STSong",serif}.trend-detail-text{max-width:445px;margin:0;color:#777168;font-size:13px;line-height:1.9}.trend-keywords{display:flex;flex-wrap:wrap;gap:0;margin-top:52px;padding-top:25px;border-top:1px solid rgba(56,51,44,.12)}.trend-keywords:before{content:"关键词";margin-right:30px;color:#817a70;font-size:11px}.trend-keywords span{display:flex;align-items:center;color:#5e5952;font-size:11px}.trend-keywords span+span:before{content:"·";padding:0 13px;color:#9f988f}.trend-detail-visual{min-width:0;min-height:610px;overflow:hidden}.trend-detail-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.58) contrast(.92) brightness(1.06)}
.trend-reading{display:grid;grid-template-columns:27% 73%;gap:34px;padding:68px 0 77px;border-bottom:1px solid rgba(56,51,44,.12)}.trend-reading>header{padding-right:18px}.trend-reading>header p,.trend-board header p{margin:0 0 17px;color:#999187;font-size:9px;letter-spacing:.16em}.trend-reading h2,.trend-board h2{margin:0;font:400 27px/1.2 Georgia,"Songti SC","STSong",serif}.trend-reading>header span{display:block;max-width:250px;margin-top:31px;color:#777067;font-size:12px;line-height:1.85}.trend-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.trend-reading-grid article{min-width:0}.trend-reading-image{height:300px;overflow:hidden;border-radius:5px;background:#d8d1c5}.trend-reading-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.55) contrast(.91)}.trend-reading-grid h3{margin:17px 0 7px;font:400 16px/1.3 Georgia,"Songti SC","STSong",serif}.trend-reading-grid p{margin:0;color:#817a71;font-size:11px;line-height:1.7}
.trend-board{padding:70px 0 82px}.trend-board>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.trend-board>header>span{color:#8a8379;font-size:10px}.trend-board-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.trend-material-shell{position:relative;min-width:0}.trend-material-card{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none}.trend-material-card>img{width:100%;aspect-ratio:.72;display:block;object-fit:cover;border-radius:5px;background:#d6d0c5;filter:saturate(.62) contrast(.93);transition:transform .4s ease,filter .4s ease}.trend-material-card:hover>img{transform:translateY(-3px);filter:saturate(.76) contrast(.96)}.trend-material-card span{padding-top:12px}.trend-material-card b,.trend-material-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-material-card b{color:#867f75;font-size:9px;font-weight:400;letter-spacing:.08em}.trend-material-card small{margin-top:5px;color:#3f3b36;font:400 12px/1.35 Georgia,"Songti SC","STSong",serif}
.trend-spaces{display:grid;grid-template-columns:48% 52%;min-height:220px;margin:0 calc(6.6vw * -1) -96px;background:#e9e5dd}.trend-spaces-visual{display:grid;grid-template-columns:2fr 1fr;min-width:0;overflow:hidden}.trend-spaces-visual img{width:100%;height:220px;min-width:0;object-fit:cover;filter:saturate(.53) contrast(.9)}.trend-spaces-copy{display:flex;flex-direction:column;justify-content:center;padding:35px 7vw 35px 5vw}.trend-spaces-copy>p{margin:0 0 17px;font:400 17px/1.2 Georgia,"Songti SC","STSong",serif}.trend-space-links{display:flex;flex-wrap:wrap;gap:0;margin-bottom:24px}.trend-space-links a{color:#777067;font-size:11px;text-decoration:none}.trend-space-links a+a:before{content:"/";padding:0 11px;color:#aaa298}.trend-space-links a:hover{color:#282521}.trend-space-cta{width:max-content;color:#38342f;font:400 14px/1.4 Georgia,"Songti SC","STSong",serif;text-decoration:none}.trend-space-cta i{display:inline-block;margin-left:20px;font-style:normal;transition:transform .25s ease}.trend-space-cta:hover i{transform:translateX(5px)}
@media(max-width:980px){.trend-detail-hero{grid-template-columns:1fr;min-height:0}.trend-detail-copy{padding:65px 0 55px}.trend-detail-visual{min-height:500px}.trend-reading{grid-template-columns:1fr}.trend-reading>header span{max-width:500px}.trend-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-spaces{grid-template-columns:1fr}.trend-spaces-copy{padding:42px 7vw 50px}.trend-spaces-visual img{height:260px}}
@media(max-width:650px){.trend-detail-main{padding:0 20px 75px}.trend-breadcrumb{height:64px}.trend-detail-copy{padding:48px 0 42px}.trend-detail-copy h1{font-size:54px}.trend-detail-en{margin-bottom:30px}.trend-keywords{margin-top:36px}.trend-detail-visual{min-height:390px}.trend-reading{padding:54px 0;gap:30px}.trend-reading-grid{grid-template-columns:1fr;gap:30px}.trend-reading-image{height:300px}.trend-board{padding:54px 0 64px}.trend-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.trend-spaces{margin:0 -20px -75px}.trend-spaces-visual{grid-template-columns:1fr 1fr}.trend-spaces-visual img{height:190px}.trend-spaces-copy{padding:34px 20px 42px}}

/* Refined proportions and coordinated page transition */
@view-transition{navigation:auto}.trend-detail-hero{grid-template-columns:44% 56%;height:clamp(460px,44vw,540px);min-height:0}.trend-detail-copy{padding:38px clamp(38px,4.2vw,66px) 34px 0}.trend-detail-copy h1{font-size:clamp(52px,5.4vw,78px)}.trend-detail-en{margin:11px 0 30px;font-size:16px}.trend-detail-lead{font-size:15px}.trend-detail-text{font-size:12px;line-height:1.78}.trend-keywords{margin-top:31px;padding-top:18px}.trend-detail-visual{height:100%;min-height:0;view-transition-name:trend-detail-hero}.trend-detail-visual img{object-position:center 50%;transform-origin:center;animation:trendImageSettle 1.15s cubic-bezier(.2,.76,.2,1) both}.trend-detail-visual{animation:trendImageReveal .95s cubic-bezier(.65,0,.2,1) both}.trend-detail-copy>*{animation:trendCopyIn .72s cubic-bezier(.22,1,.36,1) both}.trend-detail-copy>*:nth-child(1){animation-delay:.08s}.trend-detail-copy>*:nth-child(2){animation-delay:.14s}.trend-detail-copy>*:nth-child(3){animation-delay:.2s}.trend-detail-copy>*:nth-child(4){animation-delay:.26s}.trend-detail-copy>*:nth-child(5){animation-delay:.32s}.trend-detail-copy>*:nth-child(6){animation-delay:.38s}.trend-reading{grid-template-columns:25% 75%;gap:26px;padding:59px 0 66px}.trend-reading-grid{gap:20px}.trend-reading-image{height:auto;aspect-ratio:2/3}.trend-reading-grid h3{margin-top:14px}.trend-board{padding:61px 0 72px}.trend-board-grid{gap:16px}.trend-material-card>img{aspect-ratio:2/3}
@keyframes trendImageReveal{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes trendImageSettle{from{transform:scale(1.075);filter:saturate(.45) contrast(.88) brightness(1.12)}to{transform:scale(1);filter:saturate(.58) contrast(.92) brightness(1.06)}}@keyframes trendCopyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:980px){.trend-detail-hero{grid-template-columns:1fr;height:auto}.trend-detail-copy{padding:54px 0 46px}.trend-detail-visual{height:clamp(300px,52vw,430px);min-height:0}.trend-reading{grid-template-columns:1fr;padding:54px 0 60px}.trend-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:650px){.trend-detail-copy{padding:43px 0 38px}.trend-detail-copy h1{font-size:50px}.trend-detail-visual{height:250px;min-height:0}.trend-reading{gap:27px;padding:46px 0 52px}.trend-reading-grid{grid-template-columns:1fr;gap:28px}.trend-reading-image{aspect-ratio:4/3;height:auto}.trend-board{padding:50px 0 60px}}
@media(prefers-reduced-motion:reduce){.trend-detail-visual,.trend-detail-visual img,.trend-detail-copy>*{animation:none!important}.trend-material-card>img{transition:none}}

/* Shared-element transition from trend card to detail hero */
.trend-transition-stage{position:fixed;inset:0;z-index:9997;background:#f3f0e9;pointer-events:none}.trend-transition-image{position:fixed;z-index:9999;display:block;object-fit:cover;filter:saturate(.64) contrast(.94);box-shadow:0 18px 55px rgba(43,38,31,.16);pointer-events:none}.trend-transition-title{position:fixed;z-index:10000;line-height:1.05;letter-spacing:-.045em;white-space:nowrap;pointer-events:none}.trend-shared-arrival .trend-detail-visual img,.trend-shared-arrival .trend-detail-copy h1{opacity:0!important;animation:none!important}.trend-detail-visual img,.trend-detail-copy h1{transition:opacity .26s ease}

/* Static image-to-copy gradient, matching the editorial reference */
@view-transition{navigation:none}.trend-detail-hero{position:relative;overflow:hidden}.trend-detail-copy{position:relative;z-index:2}.trend-detail-visual{--hero-fade-width:clamp(120px,10vw,180px);position:relative;z-index:1;width:calc(100% + var(--hero-fade-width));margin-left:calc(var(--hero-fade-width) * -1);animation:none!important;-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.2) 58px,#000 var(--hero-fade-width));mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.2) 58px,#000 var(--hero-fade-width))}.trend-detail-visual img,.trend-detail-copy>*{animation:none!important;transform:none!important}.trend-detail-copy>*{opacity:1!important}
@media(max-width:980px){.trend-detail-visual{width:100%;margin-left:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 70px);mask-image:linear-gradient(to bottom,transparent 0,#000 70px)}}

/* More editorial breathing room */
.trend-detail-main{padding-left:7.8vw;padding-right:7.8vw;padding-bottom:110px}.trend-breadcrumb{height:92px}.trend-detail-hero{grid-template-columns:48% 52%;height:clamp(450px,42vw,510px)}.trend-detail-copy{padding:48px clamp(64px,7vw,110px) 42px 0}.trend-detail-copy h1{font-size:clamp(50px,5vw,72px)}.trend-detail-en{margin-bottom:34px}.trend-detail-text{max-width:410px}.trend-keywords{margin-top:38px}.trend-detail-visual{--hero-fade-width:clamp(100px,8vw,145px)}.trend-reading{grid-template-columns:28% 72%;gap:46px;padding:82px 0 90px}.trend-reading-grid{gap:28px}.trend-reading>header{padding-right:34px}.trend-reading>header span{margin-top:36px;line-height:2}.trend-board{padding:84px 0 96px}.trend-board>header{margin-bottom:32px}.trend-board-grid{gap:24px}.trend-spaces{margin-left:-7.8vw;margin-right:-7.8vw;margin-bottom:-110px}
@media(max-width:980px){.trend-detail-main{padding-left:6.6vw;padding-right:6.6vw}.trend-breadcrumb{height:78px}.trend-detail-hero{grid-template-columns:1fr;height:auto}.trend-detail-copy{padding:58px 0 52px}.trend-reading{grid-template-columns:1fr;gap:38px;padding:70px 0 76px}.trend-reading>header{padding-right:0}.trend-board{padding:70px 0 80px}.trend-spaces{margin-left:-6.6vw;margin-right:-6.6vw}}
@media(max-width:650px){.trend-detail-main{padding-left:20px;padding-right:20px;padding-bottom:75px}.trend-breadcrumb{height:68px}.trend-detail-copy{padding:48px 0 42px}.trend-reading{padding:54px 0 60px}.trend-board{padding:56px 0 66px}.trend-spaces{margin-left:-20px;margin-right:-20px;margin-bottom:-75px}}

/* Filter action stays quiet until filters are active */
.compact-filter-button{height:40px;padding:0 10px 0 17px;border-color:rgba(61,56,48,.16);background:rgba(255,255,255,.52);color:#4c4842;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.compact-filter-button b{display:inline-grid;min-width:22px;height:22px;margin-left:7px;padding:0 6px;place-items:center;border-radius:999px;background:rgba(61,56,48,.08);color:#7a746b;font-size:11px;font-weight:600;box-sizing:border-box}.compact-filter-button:hover,.compact-filter-button[aria-expanded="true"]{border-color:rgba(61,56,48,.28);background:rgba(255,255,255,.86);color:#292722;box-shadow:0 4px 12px rgba(46,41,35,.07);transform:none}.compact-filter-button.is-active{border-color:#2d2b27;background:#2d2b27;color:#fff;box-shadow:0 4px 12px rgba(28,26,23,.13)}.compact-filter-button.is-active b{background:rgba(255,255,255,.16);color:#fff}.compact-filter-button.is-active:hover,.compact-filter-button.is-active[aria-expanded="true"]{border-color:#1f1e1b;background:#1f1e1b;color:#fff;box-shadow:0 5px 14px rgba(28,26,23,.18)}.compact-filter-button:focus-visible{outline:2px solid rgba(36,35,32,.25);outline-offset:3px}
@media(max-width:650px){.compact-filter-button{height:36px;padding-left:14px;padding-right:7px}.compact-filter-button b{min-width:20px;height:20px;margin-left:5px;padding:0 5px;font-size:10px}.library-shell .library-grid .caption{right:12px}.library-shell .library-grid .caption b{font-size:10px}.library-shell .library-grid .caption span{margin-top:4px;font-size:13px}}

/* Viewport-aware editorial proportions */
@media(min-width:981px){.trend-detail-hero{height:clamp(500px,62vh,700px)}.trend-reading-image{height:clamp(320px,32vw,520px);aspect-ratio:auto}}
@media(min-width:1800px) and (min-height:1000px){.trend-detail-hero{height:clamp(620px,64vh,780px)}.trend-detail-copy{padding-top:clamp(54px,6vh,86px);padding-bottom:clamp(48px,5vh,74px)}.trend-reading-image{height:clamp(400px,28vw,600px)}}
@media(max-width:980px){.trend-detail-hero{height:auto}.trend-reading-image{height:auto;aspect-ratio:2/3}}

/* Unified inspiration index — compact, editorial and width-controlled */
.unified-discover{width:100%;padding:0 7vw 104px;background:#f6f3ed;color:#252421}
.unified-discover>section,.unified-discover>nav{width:min(1680px,100%);margin-left:auto;margin-right:auto}
.discover-intro{min-height:270px;padding:58px 0 46px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:9vw;align-items:end}
.discover-intro>div>p,.discover-list-head>div>p,.discover-spaces header p{margin:0 0 13px;color:#837c72;font-size:10px;letter-spacing:.18em}
.discover-intro h1{margin:0;font:400 clamp(52px,4.7vw,72px)/1 Georgia,"Songti SC","STSong",serif;letter-spacing:-.055em}
.discover-intro>p{max-width:520px;margin:0 0 4px;color:#6d6860;font-size:14px;line-height:1.9}
.discover-tabs{position:sticky;z-index:28;top:0;display:flex;align-items:stretch;height:62px;border-top:1px solid rgba(48,44,38,.12);border-bottom:1px solid rgba(48,44,38,.12);background:rgba(246,243,237,.94);backdrop-filter:blur(16px)}
.discover-tabs button{position:relative;display:flex;align-items:center;gap:10px;min-width:150px;padding:0 4px;margin-right:36px;border:0;background:transparent;color:#8a8379;font:400 14px Arial,"PingFang SC",sans-serif;cursor:pointer;transition:color .22s ease}
.discover-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#292722;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.discover-tabs button b{font-size:10px;font-weight:500;letter-spacing:.06em;color:#aaa298}
.discover-tabs button:hover,.discover-tabs button.active{color:#292722}.discover-tabs button.active:after{transform:scaleX(1)}.discover-tabs button.active b{color:#746e65}
.discover-tabs button:focus-visible{outline:1px solid #6f6960;outline-offset:-5px}
.discover-list-section{padding-top:68px}
.discover-list-head{display:grid;grid-template-columns:1fr minmax(320px,.72fr);gap:8vw;align-items:end;margin-bottom:25px}
.discover-list-head h2,.discover-spaces h2{margin:0;font:400 27px/1.2 Georgia,"Songti SC","STSong",serif;letter-spacing:.005em}
.discover-list-head>p{max-width:470px;margin:0 0 2px;color:#746e65;font-size:12px;line-height:1.8}
.discover-list-grid{display:grid;gap:20px}
.discover-list-grid[data-mode="trends"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.discover-list-grid[data-mode="pairings"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.unified-discover .discover-list-card{min-width:0;margin:0;border-radius:8px;background:#ebe7de;color:inherit;text-decoration:none;box-shadow:none;animation:discoverCardIn .48s cubic-bezier(.22,1,.36,1) both}
.unified-discover .discover-list-card:nth-child(2){animation-delay:.045s}.unified-discover .discover-list-card:nth-child(3){animation-delay:.09s}
.unified-discover .discover-card-visual{overflow:hidden;background:#d4cec2}
.unified-discover .discover-card-visual img{width:100%;height:100%;min-width:0;object-fit:cover;filter:saturate(.72) contrast(.95);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.unified-discover .discover-list-card:hover .discover-card-visual img{transform:scale(1.025);filter:saturate(.8) contrast(.97)}
.unified-discover .discover-list-card.is-trend{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.unified-discover .discover-list-card.is-trend:after{content:"";position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(transparent,rgba(18,17,15,.64));pointer-events:none}
.unified-discover .discover-list-card.is-trend .discover-card-visual{position:absolute;inset:0;display:block}
.unified-discover .discover-list-card.is-trend .discover-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:0;padding:25px 27px 26px;background:transparent;color:#fff}
.unified-discover .discover-card-copy small{display:block;color:#817a70;font-size:10px;letter-spacing:.14em}
.unified-discover .discover-card-copy h2{margin:9px 42px 7px 0;font:400 25px/1.2 Georgia,"Songti SC","STSong",serif;letter-spacing:.005em}
.unified-discover .discover-card-copy p{min-height:0;margin:0;color:#6d675f;font-size:12px;line-height:1.7}
.unified-discover .discover-card-copy i{position:absolute;right:27px;bottom:26px;font-style:normal;font-size:20px;font-weight:300;transition:transform .25s ease}
.unified-discover .discover-list-card:hover .discover-card-copy i{transform:translateX(4px)}
.unified-discover .discover-list-card.is-trend .discover-card-copy small,.unified-discover .discover-list-card.is-trend .discover-card-copy p{color:rgba(255,255,255,.84)}
.unified-discover .discover-list-card.is-pairing{display:grid;grid-template-rows:auto auto;overflow:hidden}
.unified-discover .discover-list-card.is-pairing .discover-card-visual{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;aspect-ratio:1.9}
.unified-discover .discover-list-card.is-pairing .discover-card-copy{position:relative;min-height:145px;padding:25px 27px 27px}
.discover-pager{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:42px}
.discover-pager button{appearance:none;padding:4px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:#938d83;font:400 11px/1.4 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.discover-pager button:first-child{margin-right:8px}.discover-pager button:last-child{margin-left:8px}
.discover-pager button:hover:not(:disabled),.discover-pager button.active{border-bottom-color:#38342e;color:#38342e}
.discover-pager button:disabled{color:#c5c0b7;cursor:default}
.discover-spaces{margin-top:88px!important;padding-top:67px;border-top:1px solid rgba(48,44,38,.12)}
.discover-spaces>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}
.discover-spaces>header a{display:flex;align-items:center;gap:18px;color:#7d776f;text-decoration:none;font-size:11px}.discover-spaces>header a i{font-style:normal;font-size:20px;transition:transform .25s ease}.discover-spaces>header a:hover i{transform:translateX(4px)}
.discover-space-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.unified-discover .space-card{position:relative;display:block;height:auto;aspect-ratio:1.55;overflow:hidden;border-radius:7px;background:#cfc8bd;color:#fff;text-decoration:none}
.unified-discover .space-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(17,16,14,.62))}
.unified-discover .space-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.93);transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s ease}.unified-discover .space-card:hover img{transform:scale(1.025);filter:saturate(.75) contrast(.96)}
.unified-discover .space-card .space-card-copy{position:absolute;z-index:2;left:19px;bottom:17px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 10px rgba(0,0,0,.32)}
.unified-discover .space-card strong{font:400 17px/1.25 Georgia,"Songti SC","STSong",serif}.unified-discover .space-card small{font-size:9px;color:rgba(255,255,255,.8)}
@keyframes discoverCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.discover-intro{grid-template-columns:1.15fr .85fr;gap:6vw}.discover-list-grid[data-mode="trends"]{grid-template-columns:repeat(2,minmax(0,1fr))}.discover-list-grid[data-mode="trends"] .discover-list-card:last-child{grid-column:1/-1;aspect-ratio:2/1}.discover-list-grid[data-mode="pairings"]{grid-template-columns:1fr}.discover-space-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.unified-discover{padding:0 20px 72px}.discover-intro{min-height:0;padding:45px 0 39px;grid-template-columns:1fr;gap:26px}.discover-intro h1{font-size:48px}.discover-intro>p{font-size:12px;line-height:1.8}.discover-tabs{height:56px}.discover-tabs button{min-width:0;margin-right:29px;font-size:13px}.discover-list-section{padding-top:47px}.discover-list-head{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.discover-list-head h2,.discover-spaces h2{font-size:24px}.discover-list-head>p{font-size:11px}.discover-list-grid[data-mode="trends"],.discover-list-grid[data-mode="pairings"]{grid-template-columns:1fr;gap:14px}.discover-list-grid[data-mode="trends"] .discover-list-card:last-child{grid-column:auto;aspect-ratio:1.05}.unified-discover .discover-list-card.is-trend{aspect-ratio:1.05}.unified-discover .discover-list-card.is-pairing .discover-card-visual{aspect-ratio:1.45}.unified-discover .discover-list-card.is-pairing .discover-card-copy{min-height:136px;padding:22px 22px 24px}.unified-discover .discover-list-card.is-trend .discover-card-copy{padding:21px 21px 22px}.unified-discover .discover-card-copy h2{font-size:22px}.unified-discover .discover-card-copy i{right:22px;bottom:23px}.discover-pager{gap:14px;margin-top:32px}.discover-pager button:first-child{margin-right:2px}.discover-pager button:last-child{margin-left:2px}.discover-spaces{margin-top:62px!important;padding-top:48px}.discover-spaces>header{margin-bottom:19px}.discover-space-grid{gap:10px}.unified-discover .space-card{aspect-ratio:.98}.unified-discover .space-card .space-card-copy{left:13px;bottom:13px}.unified-discover .space-card strong{font-size:15px}}
.list-return-discover{margin-top:76px!important;padding-top:27px;border-top:1px solid rgba(48,44,38,.12)}.list-return-discover a{color:#746e65;text-decoration:none;font-size:11px;letter-spacing:.02em}.list-return-discover a:hover{color:#292722}
@media(max-width:650px){.list-return-discover{margin-top:54px!important;padding-top:22px}}
@media(max-width:650px){.trend-reading-image{aspect-ratio:4/3}}

/* Taller applicable-space feature with one scene image */
.trend-spaces{grid-template-columns:50% 50%;height:clamp(300px,34vh,480px);min-height:300px}.trend-spaces-visual{display:block;height:100%}.trend-spaces-visual img{width:100%;height:100%;object-fit:cover}.trend-spaces-copy{padding-left:clamp(50px,6vw,110px);padding-right:7vw}.trend-spaces-copy>p{margin-bottom:24px;font-size:clamp(18px,1.4vw,25px)}.trend-space-links{margin-bottom:34px}.trend-space-links a{font-size:clamp(12px,.9vw,16px)}.trend-space-cta{font-size:clamp(15px,1.05vw,19px)}
@media(min-width:1800px) and (min-height:1000px){.trend-spaces{height:clamp(420px,30vh,560px)}.trend-spaces-copy{padding-left:clamp(80px,6vw,140px)}}
@media(max-width:980px){.trend-spaces{grid-template-columns:1fr;height:auto;min-height:0}.trend-spaces-visual{height:clamp(280px,48vw,430px)}.trend-spaces-copy{min-height:250px;padding:46px 6.6vw 54px}}
@media(max-width:650px){.trend-spaces-visual{height:240px}.trend-spaces-copy{min-height:230px;padding:38px 20px 46px}}

/* Keep the interpretation grid inside the shared page edges */
.trend-reading{grid-template-columns:minmax(220px,28fr) minmax(0,72fr)}.trend-reading-grid{width:100%;min-width:0}
@media(max-width:980px){.trend-reading{grid-template-columns:minmax(0,1fr)}}

/* Material pairing detail — a distinct, specification-led experience */
.pairing-detail[hidden],.trend-only[hidden]{display:none!important}.pairing-detail{--pairing-line:rgba(56,51,44,.13);--pairing-muted:#80786e;--pairing-paper:#f3f0e9;color:#302d29}.pairing-hero{display:grid;grid-template-columns:43% 57%;height:clamp(520px,calc(100svh - 168px),680px);min-height:0;overflow:hidden;border-bottom:1px solid var(--pairing-line)}.pairing-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px clamp(55px,6vw,100px) 38px 0}.pairing-kicker{margin:0 0 22px;color:#8a8379;font-size:10px;letter-spacing:.16em}.pairing-hero h1{max-width:550px;margin:0;font:400 clamp(48px,5vw,76px)/1.05 Georgia,"Songti SC","STSong",serif;letter-spacing:-.055em}.pairing-lead{max-width:460px;margin:24px 0 0;color:#4a4640;font:400 16px/1.8 Georgia,"Songti SC","STSong",serif}.pairing-summary{max-width:455px;margin:20px 0 0;padding-top:19px;border-top:1px solid var(--pairing-line);color:#777168;font-size:12px;line-height:1.9}.pairing-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.pairing-keywords span{padding:7px 13px;border:1px solid rgba(56,51,44,.15);border-radius:999px;color:#665f57;font-size:10px;letter-spacing:.035em}.pairing-hero-visual{min-width:0;min-height:0;overflow:hidden;background:#d8d1c5}.pairing-hero-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.68) contrast(.94) brightness(1.02)}
.pairing-logic{display:grid;grid-template-columns:25% 75%;gap:42px;padding:82px 0 90px;border-bottom:1px solid var(--pairing-line)}.pairing-logic>header p,.pairing-atmosphere>header p,.pairing-materials>header p,.related-pairings>header p{margin:0 0 16px;color:#999187;font-size:9px;letter-spacing:.16em}.pairing-logic h2,.pairing-atmosphere h2,.pairing-materials h2,.related-pairings h2{margin:0;font:400 29px/1.2 Georgia,"Songti SC","STSong",serif}.pairing-logic>header span{display:block;max-width:240px;margin-top:28px;color:#7b746b;font-size:12px;line-height:1.9}.pairing-logic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pairing-line);border-bottom:1px solid var(--pairing-line)}.pairing-logic-grid article{min-height:285px;padding:34px 30px;background:transparent}.pairing-logic-grid article+article{border-left:1px solid var(--pairing-line)}.pairing-logic-grid small{color:#aaa298;font-size:9px;letter-spacing:.12em}.pairing-logic-grid h3{margin:70px 0 17px;font:400 18px/1.3 Georgia,"Songti SC","STSong",serif}.pairing-logic-grid p{margin:0;color:#797269;font-size:12px;line-height:1.85}
.pairing-atmosphere{padding:60px 0 64px;border-bottom:1px solid var(--pairing-line)}.pairing-atmosphere>header{margin-bottom:27px}.pairing-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:18px;height:clamp(360px,52vh,500px)}.pairing-scene-grid figure{min-width:0;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.pairing-scene-grid figure:first-child{grid-row:auto}.pairing-scene-grid figure>div{min-height:0;overflow:hidden;background:#d7d0c5}.pairing-scene-grid img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.65) contrast(.94);transition:transform .55s ease}.pairing-scene-grid figure:hover img{transform:scale(1.015)}.pairing-scene-grid figcaption{padding-top:12px;color:#6f685f;font-size:11px}
.pairing-materials{padding:84px 0 96px;border-bottom:1px solid var(--pairing-line)}.pairing-materials>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.pairing-materials>header>span{color:#8a8379;font-size:10px}.pairing-ratio{display:flex;width:100%;height:82px;margin-bottom:42px;overflow:hidden;background:#dfd9cf}.pairing-ratio span{min-width:10%;display:flex;flex-direction:column;justify-content:center;padding:0 22px;border-right:1px solid rgba(255,255,255,.5);box-sizing:border-box}.pairing-ratio span:last-child{border-right:0}.pairing-ratio b{font:400 22px/1 Georgia,"Songti SC","STSong",serif}.pairing-ratio small{margin-top:8px;font-size:9px;letter-spacing:.08em}.ratio-segment-1{background:#d8c8ae;color:#39342e}.ratio-segment-2{background:#625f5a;color:#fff}.ratio-segment-3{background:#a79b8b;color:#fff}.ratio-segment-4{background:#363633;color:#fff}.pairing-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.pairing-material-card{display:grid;grid-template-columns:minmax(150px,42%) minmax(0,58%);min-height:330px;border:1px solid var(--pairing-line);background:rgba(255,255,255,.18)}.pairing-material-visual{min-width:0;overflow:hidden}.pairing-material-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.68) contrast(.94);transition:transform .4s ease}.pairing-material-visual:hover img{transform:scale(1.018)}.pairing-material-copy{position:relative;display:flex;min-width:0;flex-direction:column;padding:30px 28px 27px}.pairing-material-copy>div>p{margin:0;color:#8d857b;font-size:9px;letter-spacing:.1em}.pairing-material-copy h3{margin:8px 0 0;font:400 20px/1.3 Georgia,"Songti SC","STSong",serif}.pairing-material-copy dl{margin:30px 0 24px}.pairing-material-copy dl div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(56,51,44,.1)}.pairing-material-copy dt{color:#938b81;font-size:10px}.pairing-material-copy dd{margin:0;color:#514c46;font-size:11px;line-height:1.55}.pairing-material-link{width:max-content;margin-top:auto;color:#38342f;font-size:11px;text-decoration:none}.pairing-favorite{position:absolute!important;right:20px!important;top:20px!important}.pairing-load-note{color:#7f786f;font-size:12px}
.pairing-spaces{display:grid;grid-template-columns:50% 50%;height:clamp(360px,40vh,520px);margin:0 -7.8vw;background:#e8e3da}.pairing-spaces-visual{min-width:0;overflow:hidden}.pairing-spaces-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.6) contrast(.92)}.pairing-spaces-copy{display:flex;flex-direction:column;justify-content:center;padding:50px 7vw 50px clamp(52px,6vw,105px)}.pairing-spaces-copy>p{margin:0 0 27px;font:400 24px/1.2 Georgia,"Songti SC","STSong",serif}.pairing-space-links{display:flex;flex-wrap:wrap;margin-bottom:38px}.pairing-space-links a{color:#6f685f;font-size:13px;text-decoration:none}.pairing-space-links a+a:before{content:"/";padding:0 12px;color:#aaa198}.pairing-space-cta{width:max-content;color:#38342f;font:400 17px/1.4 Georgia,"Songti SC","STSong",serif;text-decoration:none}.pairing-space-cta i{display:inline-block;margin-left:22px;font-style:normal;transition:transform .25s ease}.pairing-space-cta:hover i{transform:translateX(5px)}
.related-pairings{padding:92px 0 0}.related-pairings>header{margin-bottom:31px}.related-pairing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-pairing-card{color:inherit;text-decoration:none}.related-pairing-visual{display:grid;grid-template-columns:1fr 1fr;height:230px;overflow:hidden}.related-pairing-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.63) contrast(.93);transition:transform .4s ease}.related-pairing-card:hover img{transform:scale(1.02)}.related-pairing-card>div:last-child{padding-top:16px}.related-pairing-card small{color:#91897f;font-size:9px;letter-spacing:.06em}.related-pairing-card h3{margin:7px 0 13px;font:400 18px/1.3 Georgia,"Songti SC","STSong",serif}.related-pairing-card span{color:#716a61;font-size:10px}
@media(max-width:1100px){.pairing-material-card{grid-template-columns:1fr}.pairing-material-visual{height:260px}.pairing-material-copy{min-height:270px}}
@media(max-width:980px){.pairing-hero{grid-template-columns:1fr;height:auto;min-height:0}.pairing-hero-copy{padding:62px 0 54px}.pairing-hero-visual{height:clamp(340px,55vw,520px)}.pairing-logic{grid-template-columns:1fr;gap:38px;padding:70px 0 76px}.pairing-logic>header span{max-width:460px}.pairing-atmosphere,.pairing-materials{padding:70px 0 78px}.pairing-spaces{grid-template-columns:1fr;height:auto;margin-left:-6.6vw;margin-right:-6.6vw}.pairing-spaces-visual{height:390px}.pairing-spaces-copy{min-height:260px;padding:48px 6.6vw 56px}.related-pairings{padding-top:76px}}
@media(max-width:650px){.pairing-hero-copy{padding:47px 0 42px}.pairing-hero h1{font-size:48px}.pairing-lead{margin-top:25px;font-size:14px}.pairing-summary{margin-top:23px}.pairing-hero-visual{height:270px}.pairing-logic{padding:54px 0 60px}.pairing-logic-grid{grid-template-columns:1fr}.pairing-logic-grid article{min-height:0;padding:27px 24px}.pairing-logic-grid article+article{border-top:1px solid var(--pairing-line);border-left:0}.pairing-logic-grid h3{margin-top:34px}.pairing-atmosphere,.pairing-materials{padding:56px 0 64px}.pairing-scene-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:25px}.pairing-scene-grid figure:first-child{grid-row:auto}.pairing-scene-grid figure>div{height:230px}.pairing-scene-grid figure:first-child>div{height:310px}.pairing-materials>header{align-items:start;gap:20px}.pairing-ratio{height:72px;margin-bottom:30px}.pairing-ratio span{padding:0 10px}.pairing-ratio b{font-size:17px}.pairing-material-grid{grid-template-columns:1fr}.pairing-material-card{grid-template-columns:42% 58%;min-height:320px}.pairing-material-visual{height:auto}.pairing-material-copy{min-height:0;padding:24px 19px}.pairing-material-copy h3{font-size:17px}.pairing-material-copy dl{margin-top:22px}.pairing-material-copy dl div{grid-template-columns:1fr;gap:4px}.pairing-favorite{right:13px!important;top:13px!important}.pairing-spaces{margin-left:-20px;margin-right:-20px}.pairing-spaces-visual{height:260px}.pairing-spaces-copy{padding:40px 20px 48px}.pairing-space-links a{font-size:11px}.pairing-space-cta{font-size:15px}.related-pairings{padding-top:62px}.related-pairing-grid{grid-template-columns:1fr;gap:32px}.related-pairing-visual{height:220px}}
@media(max-width:650px){
  .pairing-material-link,.pairing-space-cta{display:inline-flex;align-items:center;min-height:44px}
  .library-shell .filter-bar,.library-shell .subfilters{-webkit-mask-image:none;mask-image:none}
  .library-shell .scroll-fade-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%)}
  .library-shell .scroll-fade-left{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 100%)}
  .library-shell .scroll-fade-both{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
}
.pairing-kicker,.pairing-logic>header p,.pairing-atmosphere>header p,.pairing-materials>header p,.related-pairings>header p,.resources-result,.resource-meta,.resource-facts{color:#6f6961}
.unified-site-header[data-language="zh"] .language-en,.unified-site-header[data-language="en"] .language-zh{color:#6f6961}
@media(prefers-reduced-motion:reduce){.pairing-scene-grid img,.pairing-material-visual img,.related-pairing-visual img{transition:none}}

/* Pairing detail viewport-scale refinement */
@media(min-width:981px){
  .pairing-hero{height:calc(100svh - 168px);min-height:520px}
  .pairing-atmosphere{height:100svh;display:flex;flex-direction:column;box-sizing:border-box}
  .pairing-atmosphere>header{flex:0 0 auto}
  .pairing-scene-grid{flex:1 1 auto;min-height:0;height:auto;grid-template-columns:minmax(0,2.25fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
  .pairing-scene-grid figure:first-child{grid-row:1/3}
}
@media(min-width:651px) and (max-width:980px){
  .pairing-atmosphere{height:auto;display:block}
  .pairing-scene-grid{height:clamp(520px,72vw,680px);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
  .pairing-scene-grid figure:first-child{grid-row:1/3}
}

/* Pairing materials: four-card scale with smaller sets centered */
.pairing-material-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.pairing-material-card{flex:0 1 calc((100% - 72px)/4);max-width:calc((100% - 72px)/4);min-width:0;min-height:0;display:flex;flex-direction:column}
.pairing-material-visual{width:100%;height:auto;aspect-ratio:10/11;flex:0 0 auto}
.pairing-material-copy{flex:1 1 auto;min-height:240px;padding:22px 20px 20px}
.pairing-material-copy>div{padding-right:28px}
.pairing-material-copy h3{font-size:16px;line-height:1.4}
.pairing-material-copy dl{margin:22px 0 18px}
.pairing-material-copy dl div{grid-template-columns:58px minmax(0,1fr);gap:8px;padding:8px 0}
.pairing-material-copy dt{font-size:9px}
.pairing-material-copy dd{font-size:10px}
.pairing-material-link{font-size:10px}
.pairing-favorite{right:13px!important;top:13px!important;width:32px;height:32px;font-size:18px}
@media(max-width:980px){
  .pairing-material-card{flex-basis:calc((100% - 24px)/2);max-width:calc((100% - 24px)/2)}
}
@media(max-width:650px){
  .pairing-material-grid{gap:24px}
  .pairing-material-card{flex-basis:100%;max-width:100%}
  .pairing-material-visual{aspect-ratio:4/3}
  .pairing-material-copy{min-height:230px}
}

/* Pairing principles: stronger editorial hierarchy */
.pairing-logic{grid-template-columns:minmax(250px,32%) minmax(0,68%);gap:clamp(42px,4.5vw,86px);padding:86px 0 94px}
.pairing-logic>header{align-self:stretch;display:flex;flex-direction:column;padding:4px 0}
.pairing-logic>header strong{display:block;max-width:330px;margin-top:50px;color:#403a34;font:400 clamp(22px,1.8vw,29px)/1.55 Georgia,"Songti SC","STSong",serif;letter-spacing:-.025em}
.pairing-logic>header span{max-width:300px;margin-top:18px;color:#81796f;font-size:11px;line-height:1.85}
.pairing-logic-grid{min-width:0}
.pairing-logic-grid article{position:relative;min-height:300px;padding:38px 28px 34px;overflow:hidden;background:rgba(255,255,255,.2)}
.pairing-logic-grid article:nth-child(2){background:rgba(157,125,88,.065)}
.pairing-logic-grid article:nth-child(3){background:rgba(58,54,49,.045)}
.pairing-logic-grid small{position:absolute;top:29px;right:24px;color:rgba(80,70,60,.13);font:400 56px/1 Georgia,"Songti SC","STSong",serif;letter-spacing:-.055em}
.pairing-logic-grid h3{margin:96px 0 16px;color:#3f3933;font-size:21px;line-height:1.35}
.pairing-logic-grid p{max-width:290px;color:#6f675e;font-size:12px;line-height:1.9}
@media(max-width:980px){
  .pairing-logic{grid-template-columns:1fr;gap:34px}
  .pairing-logic>header strong{max-width:520px;margin-top:24px}
  .pairing-logic>header span{max-width:520px}
}
@media(max-width:650px){
  .pairing-logic{padding:50px 0 56px}
  .pairing-logic-grid article{min-height:190px;padding:26px 24px}
  .pairing-logic-grid small{top:20px;right:20px;font-size:44px}
  .pairing-logic-grid h3{margin-top:38px;font-size:19px}
}

@media(min-width:981px){
  .pairing-logic{height:clamp(560px,74svh,720px);padding:clamp(92px,11vh,118px) 0;box-sizing:border-box;align-items:stretch}
  .pairing-logic>header{justify-content:center;padding:0}
  .pairing-logic-grid article{min-height:0;display:flex;flex-direction:column;justify-content:center}
  .pairing-logic-grid h3{margin:34px 0 16px}
}

/* Pairing materials: six-card desktop scale */
.pairing-material-grid{gap:18px}
.pairing-material-card{flex-basis:calc((100% - 90px)/6);max-width:calc((100% - 90px)/6)}
.pairing-material-visual{aspect-ratio:1/1}
.pairing-material-copy{min-height:210px;padding:18px 16px 17px}
.pairing-material-copy>div{padding-right:24px}
.pairing-material-copy h3{margin-top:6px;font-size:14px;line-height:1.4}
.pairing-material-copy dl{margin:17px 0 14px}
.pairing-material-copy dl div{grid-template-columns:50px minmax(0,1fr);gap:6px;padding:7px 0}
.pairing-material-copy dt{font-size:8px}
.pairing-material-copy dd{font-size:9px}
.pairing-material-link{font-size:9px}
.pairing-favorite{right:10px!important;top:10px!important;width:29px;height:29px;font-size:16px}
@media(max-width:1599px){
  .pairing-material-card{flex-basis:calc((100% - 54px)/4);max-width:calc((100% - 54px)/4)}
}
@media(max-width:980px){
  .pairing-material-card{flex-basis:calc((100% - 18px)/2);max-width:calc((100% - 18px)/2)}
}
@media(max-width:650px){
  .pairing-material-card{flex-basis:100%;max-width:100%}
  .pairing-material-visual{aspect-ratio:4/3}
}

/* Related pairings reuse the pairing-list card language */
.related-pairing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.related-pairings .discover-list-card{min-width:0;margin:0;display:grid;grid-template-rows:auto auto;overflow:hidden;border-radius:8px;background:#ebe7de;color:inherit;text-decoration:none;box-shadow:none}
.related-pairings .discover-card-visual{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;aspect-ratio:1.9;overflow:hidden;background:#d4cec2}
.related-pairings .discover-card-visual img{width:100%;height:100%;min-width:0;object-fit:cover;filter:saturate(.72) contrast(.95);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.related-pairings .discover-list-card:hover .discover-card-visual img{transform:scale(1.025);filter:saturate(.8) contrast(.97)}
.related-pairings .discover-card-copy{position:relative;min-height:145px;padding:25px 27px 27px}
.related-pairings .discover-card-copy small{display:block;color:#817a70;font-size:10px;letter-spacing:.14em}
.related-pairings .discover-card-copy h2{margin:9px 42px 7px 0;font:400 25px/1.2 Georgia,"Songti SC","STSong",serif;letter-spacing:.005em}
.related-pairings .discover-card-copy p{min-height:0;margin:0;color:#6d675f;font-size:12px;line-height:1.7}
.related-pairings .discover-card-copy i{position:absolute;right:27px;bottom:26px;font-style:normal;font-size:20px;font-weight:300;transition:transform .25s ease}
.related-pairings .discover-list-card:hover .discover-card-copy i{transform:translateX(4px)}
@media(max-width:1100px){
  .related-pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .related-pairing-grid{grid-template-columns:1fr;gap:14px}
  .related-pairings .discover-card-visual{aspect-ratio:1.45}
  .related-pairings .discover-card-copy{min-height:136px;padding:22px 22px 24px}
  .related-pairings .discover-card-copy h2{font-size:22px}
  .related-pairings .discover-card-copy i{right:22px;bottom:23px}
}

/* Trend detail: full-height opening and list-style recommendations */
@media(min-width:981px){
  .trend-detail-hero{height:calc(100svh - 168px);min-height:560px;max-height:none}
}
.trend-detail-main .trend-spaces{margin-bottom:0}

/* Trend-board surfaces reuse the library card's structure and 3:4 proportion. */
.trend-board-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.trend-material-shell{aspect-ratio:3/4}
.trend-material-shell>.trend-material-card{display:block;width:100%;height:100%;min-height:0;margin:0;aspect-ratio:auto;border-radius:7px;box-shadow:0 8px 24px rgba(52,45,35,.08)}
.trend-material-card>img{position:absolute;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;background:#d6d0c5;filter:saturate(.82) contrast(.95)}
.trend-material-card:after{z-index:3;inset:58% 0 0;background:linear-gradient(to bottom,rgba(15,14,12,0) 0%,rgba(15,14,12,.055) 26%,rgba(15,14,12,.24) 68%,rgba(15,14,12,.48) 100%);pointer-events:none}
.trend-material-card:hover>img{transform:scale(1.04);filter:saturate(.82) contrast(.95)}
.trend-material-card>.caption{z-index:4;right:18px;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.24)}
.trend-material-card>.caption b{display:block;color:rgba(255,255,255,.88);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.09em}
.trend-material-card>.caption span{display:block;margin-top:6px;padding:0;color:#fff;font:500 15px/1.35 Arial,"PingFang SC",sans-serif;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1679px){.trend-board-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}}
@media(max-width:1365px){.trend-board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:1023px){.trend-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.trend-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trend-material-card>.caption{right:12px}.trend-material-card>.caption b{font-size:10px}.trend-material-card>.caption span{margin-top:4px;font-size:13px}}
.trend-related{padding:92px 0 0}
.trend-related>header{margin-bottom:31px}
.trend-related>header p{margin:0 0 16px;color:#999187;font-size:9px;letter-spacing:.16em}
.trend-related>header h2{margin:0;font:400 29px/1.2 Georgia,"Songti SC","STSong",serif}
.trend-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.trend-related .discover-list-card{min-width:0;margin:0;border-radius:8px;background:#d4cec2;color:inherit;text-decoration:none;box-shadow:none}
.trend-related .discover-list-card.is-trend{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.trend-related .discover-list-card.is-trend:after{content:"";position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(transparent,rgba(18,17,15,.64));pointer-events:none}
.trend-related .discover-card-visual{position:absolute;inset:0;display:block;overflow:hidden;background:#d4cec2}
.trend-related .discover-card-visual img{width:100%;height:100%;min-width:0;object-fit:cover;filter:saturate(.72) contrast(.95);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.trend-related .discover-list-card:hover .discover-card-visual img{transform:scale(1.025);filter:saturate(.8) contrast(.97)}
.trend-related .discover-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:0;padding:25px 27px 26px;background:transparent;color:#fff}
.trend-related .discover-card-copy small{display:block;color:rgba(255,255,255,.84);font-size:10px;letter-spacing:.14em}
.trend-related .discover-card-copy h2{margin:9px 42px 7px 0;font:400 25px/1.2 Georgia,"Songti SC","STSong",serif;letter-spacing:.005em}
.trend-related .discover-card-copy p{min-height:0;margin:0;color:rgba(255,255,255,.84);font-size:12px;line-height:1.7}
.trend-related .discover-card-copy i{position:absolute;right:27px;bottom:26px;font-style:normal;font-size:20px;font-weight:300;transition:transform .25s ease}
.trend-related .discover-list-card:hover .discover-card-copy i{transform:translateX(4px)}
@media(max-width:1100px){
  .trend-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .trend-related{padding-top:62px}
  .trend-related-grid{grid-template-columns:1fr;gap:14px}
  .trend-related .discover-list-card.is-trend{aspect-ratio:1.05}
  .trend-related .discover-card-copy{padding:21px 21px 22px}
  .trend-related .discover-card-copy h2{font-size:22px}
  .trend-related .discover-card-copy i{right:22px;bottom:23px}
}

/* Device-local material favorites */
.nav-favorite.active .favorite-icon path,.nav-favorite.has-favorites .favorite-icon path{fill:currentColor;fill-opacity:1;stroke-width:1}.favorite-count{position:absolute;top:1px;right:-8px;display:grid;min-width:16px;height:16px;padding:0 4px;place-items:center;border-radius:999px;background:#282621;color:#fff;font:600 9px/1 Arial,"PingFang SC",sans-serif;letter-spacing:0;box-sizing:border-box}.favorite-count[hidden]{display:none}
.card-favorite{position:absolute;z-index:8;top:12px;right:12px;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(246,243,237,.76);backdrop-filter:blur(8px);color:#3d3933;font:400 21px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 5px 16px rgba(32,28,23,.12);transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.card-favorite:hover{transform:scale(1.06);background:#fff}.card-favorite.is-saved{background:#292722;border-color:#292722;color:#fff}.card-favorite:focus-visible{outline:2px solid #fff;outline-offset:2px}.library-grid .card:hover .card-favorite,.similar-card:hover .card-favorite,.trend-material-card:hover .card-favorite{transform:none}.home-favorite{top:9px;right:9px;width:31px;height:31px;font-size:18px;opacity:0;transform:translateY(-3px)}.floating-material:hover .home-favorite,.home-favorite.is-saved,.home-favorite:focus-visible{opacity:1;transform:none}.similar-card,.trend-material-card{position:relative}.similar-favorite,.trend-favorite{width:34px;height:34px;font-size:19px}
.favorite-toast{position:fixed;z-index:200;left:50%;bottom:32px;transform:translate(-50%,18px);padding:11px 17px;border-radius:999px;background:rgba(35,33,29,.94);color:#fff;font-size:12px;letter-spacing:.03em;box-shadow:0 10px 28px rgba(24,21,18,.22);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}.favorite-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.material-actions .primary-action.is-saved{background:#ede9e1;color:#282621;border-color:rgba(45,42,37,.24)}
.favorites-page{min-height:calc(100vh - 146px);padding:0 7vw 100px}.favorites-intro{min-height:360px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(54,49,42,.13);background:radial-gradient(circle at 85% 30%,rgba(219,211,199,.72),transparent 32%)}.favorites-intro h1{margin:18px 0 14px;font:400 clamp(46px,6vw,78px)/1 Georgia,"Songti SC",serif;letter-spacing:-.065em}.favorites-subtitle{margin:0;color:#746f67;font-size:14px}.favorites-total{display:flex;align-items:center;gap:16px;margin-right:3vw}.favorites-total strong{font:400 clamp(58px,7vw,92px)/1 Georgia,serif;letter-spacing:-.07em}.favorites-total span{padding-left:16px;border-left:1px solid rgba(54,49,42,.2);color:#777168;font-size:10px;line-height:1.65;letter-spacing:.12em}
.favorites-toolbar{min-height:82px;display:grid;grid-template-columns:minmax(240px,1fr) auto auto auto;align-items:center;gap:20px;border-bottom:1px solid rgba(54,49,42,.13)}.favorites-toolbar[hidden]{display:none}.favorites-search{height:43px;max-width:430px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(61,56,48,.16);border-radius:999px;background:rgba(255,255,255,.58)}.favorites-search>span{font-size:18px;color:#746f67}.favorites-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#292722;font:13px Arial,"PingFang SC",sans-serif}.favorites-select{display:flex;align-items:center;gap:8px;color:#777168;font-size:12px}.favorites-select select{border:0;background:transparent;color:#302e2a;font:inherit;cursor:pointer}.favorites-clear{border:0;background:transparent;color:#777168;font:12px Arial,"PingFang SC",sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.favorites-clear:hover{color:#24221f}.favorites-result-head{height:70px;display:flex;align-items:end;justify-content:space-between;padding-bottom:15px;color:#777168;font-size:12px}.favorites-result-head[hidden]{display:none}.favorites-result-head a{color:#4b4741;text-decoration:none}.favorites-grid{margin-top:0}.favorites-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.favorites-empty[hidden]{display:none}.favorites-empty-heart{color:#8b857d;font:300 58px/1 Georgia,serif}.favorites-empty h2{margin:20px 0 8px;font:400 28px Georgia,"Songti SC",serif}.favorites-empty p{max-width:430px;margin:0;color:#777168;font-size:13px;line-height:1.7}.favorites-empty a{margin-top:26px;padding:12px 20px;border:1px solid rgba(42,40,35,.28);border-radius:999px;color:#292722;font-size:12px;text-decoration:none;transition:background .2s ease}.favorites-empty a:hover{background:#fff}
.favorites-dialog{width:min(430px,calc(100% - 40px));padding:0;border:0;border-radius:12px;background:#f5f2eb;color:#292722;box-shadow:0 28px 80px rgba(32,28,22,.28)}.favorites-dialog::backdrop{background:rgba(29,27,24,.42);backdrop-filter:blur(4px)}.favorites-dialog form{padding:36px;text-align:center}.favorites-dialog form>span{font-size:34px;color:#756f67}.favorites-dialog h2{margin:15px 0 10px;font:400 27px Georgia,"Songti SC",serif}.favorites-dialog p{margin:0;color:#746f67;font-size:13px;line-height:1.7}.favorites-dialog div{display:flex;gap:10px;margin-top:28px}.favorites-dialog button{flex:1;height:43px;border:1px solid rgba(42,40,35,.2);border-radius:999px;background:transparent;color:#302e2a;cursor:pointer}.favorites-dialog button.is-danger{background:#292722;border-color:#292722;color:#fff}
@media(max-width:800px){.favorites-intro{min-height:310px}.favorites-total{margin-right:0}.favorites-toolbar{grid-template-columns:1fr auto auto;gap:14px;padding:18px 0}.favorites-search{grid-column:1/-1;max-width:none}.favorites-clear{justify-self:end}}
@media(max-width:650px){.favorite-count{top:0;right:-7px}.card-favorite{top:9px;right:9px;width:32px;height:32px;font-size:18px}.home-favorite{width:28px;height:28px;font-size:16px;opacity:1}.favorites-page{padding:0 20px 72px}.favorites-intro{min-height:270px;align-items:flex-start;flex-direction:column;justify-content:center;gap:28px}.favorites-intro h1{margin:14px 0 10px}.favorites-total{gap:12px}.favorites-total strong{font-size:54px}.favorites-toolbar{grid-template-columns:1fr 1fr}.favorites-select{display:grid;gap:5px}.favorites-clear{align-self:end}.favorites-result-head{height:62px}.favorites-empty{min-height:360px}.favorite-toast{bottom:20px}.favorites-dialog form{padding:30px 24px}}

/* Download center */
.resources-shell{background:var(--paper)}.resources-page{padding:0 7vw 110px}.resources-hero{min-height:390px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(54,49,42,.13);background:radial-gradient(circle at 84% 28%,rgba(215,207,194,.78),transparent 33%)}.resources-hero h1{margin:18px 0 15px;font:400 clamp(48px,6vw,80px)/1 Georgia,"Songti SC",serif;letter-spacing:-.065em}.resources-lead{margin:0;color:#746f67;font-size:14px}.resources-total{display:flex;align-items:center;gap:16px;margin-right:3vw}.resources-total strong{font:400 clamp(58px,7vw,92px)/1 Georgia,serif;letter-spacing:-.07em}.resources-total span{padding-left:16px;border-left:1px solid rgba(54,49,42,.2);color:#777168;font-size:10px;line-height:1.65;letter-spacing:.12em}
.resources-browser{padding:78px 0 95px}.resources-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.resources-section-head p{margin:0 0 10px;color:#817b72;font-size:10px;letter-spacing:.16em}.resources-section-head h2{margin:0;font:400 38px/1 Georgia,"Songti SC",serif}.resource-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.resource-filters button{height:36px;padding:0 14px;border:1px solid rgba(54,49,42,.18);border-radius:999px;background:transparent;color:#5e5952;font:12px Arial,"PingFang SC",sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.resource-filters button:hover{border-color:rgba(54,49,42,.38)}.resource-filters button.active{background:#292722;border-color:#292722;color:#fff}.resources-result{margin:31px 0 14px;color:#817b72;font-size:11px}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 18px}.resource-card{min-width:0}.resource-card.is-featured{grid-column:span 2}.resource-cover{position:relative;display:block;aspect-ratio:1.48/1;overflow:hidden;border-radius:8px;background:#d7d0c4;box-shadow:0 12px 30px rgba(52,45,35,.1)}.resource-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s ease}.resource-cover i{position:absolute;right:15px;bottom:15px;width:37px;height:37px;border-radius:50%;background:rgba(246,243,237,.86);backdrop-filter:blur(8px)}.resource-cover i:before,.resource-cover i:after{content:"";position:absolute;background:#312e29}.resource-cover i:before{width:12px;height:1px;left:12px;top:18px}.resource-cover i:after{width:6px;height:6px;right:11px;top:15px;border-top:1px solid #312e29;border-right:1px solid #312e29;background:transparent;transform:rotate(45deg)}.resource-cover:hover img{transform:scale(1.018);filter:saturate(.9)}.resource-copy{padding:18px 2px 0}.resource-meta{margin:0;color:#817b72;font-size:10px;letter-spacing:.12em}.resource-copy h3{margin:9px 0 7px;font:400 21px/1.25 Georgia,"Songti SC",serif}.resource-card.is-featured .resource-copy h3{font-size:27px}.resource-subtitle{min-height:34px;margin:0;color:#6f6961;font-size:12px;line-height:1.6}.resource-facts{margin:13px 0 0;color:#8a847b;font-size:10px;letter-spacing:.055em}.resource-actions{display:flex;gap:20px;margin-top:17px}.resource-actions a{color:#34312d;font-size:11px;text-decoration:none;border-bottom:1px solid rgba(52,49,45,.28);padding-bottom:3px}.resource-actions a:hover{border-color:#34312d}.resources-error{grid-column:1/-1;padding:80px 0;color:#777168;text-align:center}
.resources-note{min-height:180px;padding:38px 42px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;border-top:1px solid rgba(54,49,42,.14);border-bottom:1px solid rgba(54,49,42,.14)}.resources-note>span{display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(54,49,42,.2);border-radius:50%;font:12px Georgia,serif;letter-spacing:.12em}.resources-note h2{margin:0 0 7px;font:400 22px Georgia,"Songti SC",serif}.resources-note p{max-width:690px;margin:0;color:#746f67;font-size:12px;line-height:1.7}.resources-note a{color:#34312d;font-size:12px;text-decoration:none;white-space:nowrap}.resource-toast{position:fixed;z-index:200;left:50%;bottom:32px;transform:translate(-50%,18px);padding:11px 17px;border-radius:999px;background:rgba(35,33,29,.94);color:#fff;font-size:12px;letter-spacing:.03em;box-shadow:0 10px 28px rgba(24,21,18,.22);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}.resource-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card.is-featured{grid-column:span 2}.resources-section-head{align-items:flex-start;flex-direction:column}.resource-filters{justify-content:flex-start}.resources-note{grid-template-columns:auto 1fr}.resources-note a{grid-column:2}}
@media(max-width:650px){.resources-page{padding:0 20px 72px}.resources-hero{min-height:300px;align-items:flex-start;flex-direction:column;justify-content:center;gap:30px}.resources-hero h1{margin:14px 0 10px}.resources-total{margin-right:0}.resources-total strong{font-size:54px}.resources-browser{padding:58px 0 70px}.resources-section-head h2{font-size:32px}.resource-filters{gap:7px}.resource-filters button{height:34px;padding:0 12px;font-size:11px}.resources-grid{grid-template-columns:1fr;gap:34px}.resource-card.is-featured{grid-column:auto}.resource-card.is-featured .resource-copy h3{font-size:23px}.resource-cover{border-radius:7px}.resources-note{padding:34px 0;grid-template-columns:1fr;gap:18px}.resources-note a{grid-column:auto}.resource-toast{bottom:20px;max-width:calc(100% - 40px);white-space:nowrap}}

/* Compact, front-cover-only resource cards */
.resources-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 16px}.resource-card.is-featured{grid-column:auto}.resource-cover{aspect-ratio:.7/1;box-shadow:0 10px 26px rgba(52,45,35,.1)}.resource-cover img{object-position:right center}.resource-cover i{right:12px;bottom:12px;width:34px;height:34px}.resource-cover i:before{width:11px;left:11px;top:17px}.resource-cover i:after{right:10px;top:14px}.resource-copy{padding-top:15px}.resource-meta{font-size:9px;letter-spacing:.1em}.resource-copy h3,.resource-card.is-featured .resource-copy h3{font-size:17px}.resource-subtitle{font-size:11px;line-height:1.55}.resource-facts{margin-top:11px;font-size:9px}.resource-actions{flex-wrap:wrap;gap:9px 15px;margin-top:14px}.resource-actions a{font-size:10px}
@media(max-width:1200px){.resources-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.resources-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}.resource-copy h3,.resource-card.is-featured .resource-copy h3{font-size:15px}.resource-subtitle{font-size:10px}.resource-actions{gap:8px 12px}}

/* Airier resource shelf: fixed covers, centered 4 + 2 layout */
.resources-browser{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-top:88px}.resources-section-head{margin-bottom:10px}.resources-result{margin-top:38px;margin-bottom:24px}.resources-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:72px 48px}.resource-card{flex:0 1 250px;width:250px;max-width:250px}.resource-cover{width:100%}.resource-copy{padding-top:17px}
@media(max-width:980px){.resources-browser{padding-top:72px}.resources-grid{gap:60px 32px}.resource-card{flex-basis:calc((100% - 64px)/3);width:auto;max-width:240px}}
@media(max-width:650px){.resources-browser{padding-top:58px}.resources-result{margin-top:30px;margin-bottom:19px}.resources-grid{justify-content:flex-start;gap:48px 10px}.resource-card{flex-basis:calc(50% - 5px);width:auto;max-width:none}.resource-copy{padding-top:13px}}

/* Keep utility-page title areas consistent with the site's solid paper background */
.resources-hero{background:var(--paper)}.favorites-shell .favorites-intro{background:transparent}

/* Equal thirds for the two material pairings and their copy panels */
.inspiration-main .pairing-card,.inspiration-main .pairing-card-reverse{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration-main .pairing-visual{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.inspiration-main .pairing-card,.inspiration-main .pairing-card-reverse{grid-template-columns:1fr}.inspiration-main .pairing-visual{grid-column:auto}}

/* Product hierarchy inside the compact filter panel */
.compact-product-row{align-items:start;padding:10px 0}.compact-product-row>strong{padding-top:11px}.compact-product-row .compact-filter-options{display:block;padding:0}.compact-product-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 22px;width:100%}.compact-product-branch{min-width:0;border-bottom:1px solid rgba(61,56,48,.055)}.compact-product-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px}.compact-product-head .compact-product-choice{min-width:0;text-align:left;white-space:normal}.compact-product-head .compact-product-toggle{flex:0 0 25px;width:25px;height:25px;padding:0;border-radius:50%;font-size:15px;text-align:center}.compact-product-head .compact-product-toggle:after{display:none}.compact-product-children{display:none;padding:0 0 8px 12px}.compact-product-branch.is-open .compact-product-children{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.compact-product-children button{white-space:normal;text-align:left}
@media(max-width:650px){
  .compact-filter-panel{top:calc(100% + 6px);right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 78px);border-radius:18px;background:#faf8f3}
  .compact-panel-head{position:sticky;z-index:3;top:0;height:54px;background:#faf8f3}
  .compact-panel-label{padding:14px 16px 8px}
  .compact-category-list{flex-wrap:nowrap;overflow-x:auto;padding:0 16px 15px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .compact-category-list::-webkit-scrollbar{display:none}
  .compact-category-list button{flex:0 0 auto}
  .compact-filter-groups{padding:6px 12px 12px}
  .compact-filter-row,.compact-product-row{min-height:0;display:block;padding:0;border-bottom:1px solid rgba(61,56,48,.08)}
  .compact-filter-row>strong{display:none}
  .compact-filter-row-toggle{width:100%;height:50px;padding:0 4px;display:flex;align-items:center;border:0;background:transparent;color:#3f3b35;font:500 13px Arial,"PingFang SC",sans-serif;text-align:left;cursor:pointer}
  .compact-filter-row-toggle>span{flex:1}
  .compact-filter-row-count{display:grid;min-width:20px;height:20px;padding:0 6px;margin-right:10px;place-items:center;border-radius:999px;background:#292722;color:#fff;font:600 10px/1 Arial,sans-serif}
  .compact-filter-row-count[hidden]{display:none}
  .compact-filter-row-toggle>i{position:relative;width:18px;height:18px}
  .compact-filter-row-toggle>i:before,.compact-filter-row-toggle>i:after{content:"";position:absolute;left:4px;top:8px;width:10px;height:1px;background:#777168;transition:transform .22s ease}
  .compact-filter-row-toggle>i:after{transform:rotate(90deg)}
  .compact-filter-row.is-open .compact-filter-row-toggle>i:after{transform:rotate(0)}
  .compact-filter-row .compact-filter-options,.compact-product-row .compact-filter-options{display:none;padding:2px 0 14px}
  .compact-filter-row.is-open .compact-filter-options,.compact-product-row.is-open .compact-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .compact-filter-row .compact-filter-options>button{min-height:38px;padding:8px 10px;border:1px solid rgba(61,56,48,.14);border-radius:10px;background:rgba(255,255,255,.42);font-size:11px;line-height:1.25;text-align:left;white-space:normal}
  .compact-filter-row .compact-filter-options>button:after{display:none}
  .compact-filter-row .compact-filter-options>button.active{background:#292722;border-color:#292722;color:#fff}
  .compact-product-tree{grid-column:1/-1;grid-template-columns:1fr;gap:2px}
  .compact-filter-row-toggle>i:before,.compact-filter-row-toggle>i:after{top:8px;width:7px}
  .compact-filter-row-toggle>i:before{left:3px;transform:rotate(45deg)}
  .compact-filter-row-toggle>i:after{left:8px;transform:rotate(-45deg)}
  .compact-filter-row.is-open .compact-filter-row-toggle>i:before{transform:rotate(-45deg)}
  .compact-filter-row.is-open .compact-filter-row-toggle>i:after{transform:rotate(45deg)}
  .compact-filter-row-toggle:focus,.compact-product-toggle:focus{outline:none}
  .compact-filter-row-toggle:focus-visible,.compact-product-toggle:focus-visible{outline:none;box-shadow:inset 0 -2px rgba(82,74,64,.28)}
  .compact-product-branch{padding:0;border-bottom:1px solid rgba(61,56,48,.075)}
  .compact-product-head{min-height:48px;padding:0;align-items:center;flex-direction:row;gap:0}
  .compact-product-head .compact-product-choice{flex:1 1 auto;min-height:48px;padding:0 8px;border:0;border-radius:0;background:transparent;font-size:12px;line-height:1.35}
  .compact-product-head .compact-product-choice.active{background:transparent;border-color:transparent;color:#292722;font-weight:600}
  .compact-product-head .compact-product-toggle{flex:0 0 40px;width:40px;height:48px;min-height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:#71695f;font:300 20px/1 Arial,"PingFang SC",sans-serif}
  .compact-product-branch.is-open .compact-product-toggle{background:transparent;border-color:transparent;color:#292722}
  .compact-product-children,.compact-product-branch.is-open .compact-product-children{margin:0 0 10px;padding:10px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;border-radius:10px;background:#f0ede5}
  .compact-product-branch.is-open .compact-product-children{display:grid}
  .compact-product-children button{width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:8px;background:rgba(255,255,255,.72);font-size:11px;line-height:1.3;text-align:left}
  .compact-product-children button.active{background:#292722;border-color:#292722;color:#fff}
  .compact-panel-actions{z-index:3}
}

/* Stable filter interaction: prevent native text selection and keep mobile menus visible */
.library-shell .subfilters,.library-shell .subfilters *{-webkit-user-select:none;user-select:none}.library-shell .subfilters summary,.library-shell .subfilters li,.library-shell .subfilters button{touch-action:manipulation}
@media(max-width:650px){
  .library-shell .subfilters{display:flex;align-items:flex-start;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .library-shell .subfilters::-webkit-scrollbar{display:none}
  .library-shell .subfilters details{position:relative;flex:0 0 auto;width:auto;min-width:0}
  .library-shell .subfilters summary{width:auto;padding:0 14px}
  .library-shell .subfilters>details>ul{position:fixed;z-index:120;top:var(--mobile-filter-menu-top,110px);bottom:auto;left:20px;right:20px;width:auto;min-width:0;max-width:none;max-height:calc(100vh - var(--mobile-filter-menu-top,110px) - 16px);margin:0;padding:8px 0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .library-shell .subfilters>details>ul[popover]:popover-open{display:block}
  .library-shell .product-filter>.product-filter-tree{width:auto;max-height:calc(100vh - var(--mobile-filter-menu-top,110px) - 16px)}
}

/* Mobile interaction targets */
@media(max-width:650px){
  .portal-tags button,.compact-filter-button,.resource-filters button,.discover-pager button{min-height:44px}
  .unified-brand{min-height:44px;display:flex;align-items:center}
  .portal-search input,.library-shell .search>input,.compact-search input,.favorites-search input{height:44px}
  .portal-search button{width:44px;min-width:44px;height:44px}
  .compact-search,.favorites-search{height:44px}
  .library-shell .subfilters summary{height:44px;min-height:44px}
  .library-shell .product-filter-tree .product-tree-parent>.product-tree-toggle{top:-4px;right:-1px;width:44px;height:44px}
  .card-favorite,.similar-favorite,.trend-favorite{top:6px;right:6px;width:44px;height:44px}
  .home-favorite{width:44px;height:44px}
  .direction-switch button{min-width:44px;min-height:44px}
  .trend-space-links a,.pairing-space-links a,.trend-space-cta,.section-heading>a,.material-identity .back,.list-return-discover a,.resources-note a,.favorites-result-head a,.favorites-empty a{display:inline-flex;align-items:center;min-height:44px}
  .viewer-reset,.resource-actions a,.favorites-select select,.favorites-clear{min-height:44px;display:inline-flex;align-items:center}
  .inspiration-section-head a,.trend-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
  .resource-actions{gap:4px 12px}.resource-actions a{padding:0 2px}
  .resource-filters button{min-width:44px}
  .favorites-select select{width:100%;padding:0 28px 0 0}
  .discover-pager button{min-width:44px}
}

html[lang="en"] .space-card .space-card-copy small{display:none}
html[lang="en"] .compact-filter-chips:empty:before{content:"All Surfaces"}

/* Shared card interaction structure: one navigation link plus one sibling action. */
.material-card-shell,.favorite-card-shell,.similar-card-shell,.trend-material-shell{position:relative;min-width:0;margin:0}
.material-card-shell>a,.favorite-card-shell>a,.similar-card-shell>a,.trend-material-shell>a{display:block;border-radius:7px}
.material-card-shell>a:focus-visible,.favorite-card-shell>a:focus-visible,.similar-card-shell>a:focus-visible,.trend-material-shell>a:focus-visible{outline:2px solid rgba(41,39,34,.72);outline-offset:4px}
.material-card-shell:focus-within img,.favorite-card-shell:focus-within img,.similar-card-shell:focus-within img,.trend-material-shell:focus-within img{transform:scale(1.018)}
.material-card-shell:hover>.card-favorite,.favorite-card-shell:hover>.card-favorite,.similar-card-shell:hover>.card-favorite,.trend-material-shell:hover>.card-favorite{transform:none}

/* Keep the compact filter fully inside narrow viewports and make every action comfortably tappable. */
.compact-filter-panel{box-sizing:border-box}
@media(max-width:650px){
  .compact-filter-panel{position:fixed;top:70px;left:8px;right:8px;width:auto}
  .compact-panel-head button,.compact-category-list button,.compact-filter-row .compact-filter-options>button,.compact-reset-button{min-width:44px;min-height:44px}
}

/* Complete no-results recovery and keep small informational labels at WCAG AA contrast. */
.library-empty-state{min-height:360px;padding:70px 20px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid rgba(54,49,42,.12)}
.library-empty-state[hidden]{display:none}
.library-empty-eyebrow{margin:0 0 17px;color:#6f6961;font-size:11.5px;font-weight:600;letter-spacing:.14em}
.library-empty-state h2{margin:0;font:400 clamp(28px,3vw,40px)/1.2 Georgia,"Songti SC",serif}
.library-empty-state>p:not(.library-empty-eyebrow){max-width:520px;margin:14px 0 0;color:#6f6961;font-size:14px;line-height:1.7}
.library-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:27px}
.library-empty-actions button{min-height:44px;padding:0 18px;border:1px solid rgba(42,40,35,.3);border-radius:999px;background:transparent;color:#292722;font:12.5px Arial,"PingFang SC",sans-serif;cursor:pointer}
.library-empty-actions button:first-child{background:#292722;color:#fff}
.library-empty-actions button:hover{border-color:#292722}.library-empty-actions button:focus-visible{outline:2px solid #292722;outline-offset:3px}
.trend-detail-kicker,.trend-reading>header p,.trend-board header p,.trend-related>header p,
.pairing-logic>header p,.pairing-atmosphere>header p,.pairing-materials>header p,.related-pairings>header p,
.pairing-logic-grid small,.pairing-materials>header>span,.pairing-material-copy>div>p,.pairing-material-copy dt,
.resources-result,.resource-meta,.resource-facts{color:#6f6961}
.ratio-segment-3{color:#2f2c28}
@media(max-width:650px){.library-empty-state{min-height:320px;padding:56px 8px 66px}.library-empty-actions{width:100%}.library-empty-actions button{flex:1 1 150px}}

/* Accessible contrast for small editorial and file-information labels */
.trend-breadcrumb,.trend-detail-kicker,.trend-detail-en,.trend-detail-text,.trend-keywords:before,.trend-board>header>span,.trend-material-card b,.trend-reading>header span,
.pairing-kicker,.pairing-summary,.pairing-logic>header span,.pairing-logic-grid p,.pairing-scene-grid figcaption,.pairing-materials>header>span,.pairing-material-copy>div>p,.pairing-material-copy dt,.pairing-load-note,.related-pairings .discover-card-copy small,
.resources-total span,.resources-section-head p,.resources-result,.resource-meta,.resource-facts,.resources-note p,.discover-tabs button b{color:#665f57}

/* Mobile navigation uses the full header width; library favorite controls stay visually quiet. */
@media(max-width:650px){
  .unified-site-header .unified-links{transform:none}
  .unified-site-header .primary-nav-links{left:0;right:0;width:100%;max-width:none;box-sizing:border-box;justify-content:stretch}
  .unified-site-header .primary-nav-links a{width:100%;justify-content:center;text-align:center}
  .library-shell .card-favorite{top:8px;right:8px;width:38px;height:38px;font-size:18px}
}