.material-library{--ink:#123e6a;--blue:#285f90;--muted:#536d85;--paper:#f7f9fc;--line:#cbd8e5;--warm:#eeeadd}.material-library *{box-sizing:border-box}.material-library{scroll-behavior:smooth;scroll-padding-top:90px}.material-library{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft JhengHei','PingFang TC',sans-serif}.material-library button,.material-library a{-webkit-tap-highlight-color:transparent}.material-library a{color:inherit}.material-library button{font:inherit;cursor:pointer}.material-library button:focus-visible,.material-library a:focus-visible{outline:3px solid #a27335;outline-offset:5px}.material-library .bar{padding:10px 6%;background:var(--ink);color:#e3edf8;text-align:center;font-size:12px;letter-spacing:.6px}.material-library .nav{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid var(--line);gap:20px}.material-library .logo{width:112px;height:auto}.material-library .navlinks{display:flex;gap:28px;font-size:13px}.material-library .navlinks a{text-decoration:none}.material-library .navlinks a:hover{text-decoration:underline}.material-library .hero{max-width:1320px;margin:auto;padding:80px 6% 75px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.material-library .eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--muted)}.material-library h1{font-weight:500;font-size:clamp(42px,5.4vw,76px);letter-spacing:-2.5px;line-height:1.3;margin:27px 0}.material-library h1 em{font-style:normal;color:#6a86a1}.material-library p{font-size:14px;line-height:1.95}.material-library .intro{max-width:390px;color:var(--muted)}.material-library .explore{display:inline-flex;gap:40px;text-decoration:none;border-bottom:1px solid var(--ink);padding:14px 0;margin-top:20px;font-size:13px}.material-library .hero-art{background:#dfe8f2;min-height:360px;position:relative;display:grid;place-items:center;border-radius:3px;padding:50px 35px}.material-library .hero-art:before{content:'';position:absolute;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid #bdcddb;transform:rotate(-20deg)}.material-library .hero-art .sample{width:92%;max-width:440px;height:auto;aspect-ratio:1.6;overflow:visible;background:none}.material-library .hero-art .samplecard{width:100%;height:100%;transform:rotate(-5deg);box-shadow:0 24px 45px #123e6a2b;background:#f0ece2;padding:28px}.material-library .hero-art .cardmark{font-size:74px}.material-library .hero-art .cardbrand{letter-spacing:7px}.material-library .hero-art small{position:absolute;bottom:22px;left:28px;font-size:10px;letter-spacing:1px;color:#496982}.material-library .hero-art .swatch-note{display:none}.material-library .section{max-width:1320px;margin:auto;padding:70px 6%}.material-library .sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.material-library .sectionhead h2{font-size:clamp(29px,3.3vw,44px);font-weight:500;letter-spacing:-1.4px;line-height:1.4;margin:18px 0 0}.material-library .sectionhead p{max-width:340px;color:var(--muted);margin:0}.material-library .sectionnote{font-size:12px;color:var(--muted);line-height:1.9;margin:18px 0 25px}.material-library .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.material-library .item{min-width:0;background:#fff;border:1px solid #d8e2ed;border-radius:3px;overflow:hidden}.material-library .itemcopy{padding:23px}.material-library .itemtop{display:flex;gap:12px;align-items:center;justify-content:space-between}.material-library .serial{font-size:12px;letter-spacing:1px;color:#6b849c}.material-library .tags{font-size:10px;color:#647d94;text-align:right;line-height:1.5}.material-library .item h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:18px 0 6px}.material-library .itemline{font-size:12px;color:#6f879c;margin:0}.material-library .itemcopy>p:not(.itemline){min-height:80px;color:#506d86}.material-library .detail{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid #d9e3ed;padding:15px 0 0;background:none;color:var(--ink);font-size:12px}.material-library .detail span{font-size:19px}.material-library .sample{height:225px;display:grid;place-items:center;position:relative;overflow:hidden;background:#e7edf4;padding:30px}.material-library .samplecard{background:#fff;width:87%;height:155px;position:relative;box-shadow:0 13px 22px #123e6a16;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);transition:transform .55s,box-shadow .55s;border:1px solid #ffffff55;isolation:isolate}.material-library .samplecard:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}.material-library .cardmark{font-family:Georgia,serif;font-size:48px;line-height:1;font-weight:bold;letter-spacing:-6px;padding-right:5px;margin-bottom:12px}.material-library .cardbrand{font-size:10px;font-weight:600;letter-spacing:5px}.material-library .cardline{font-size:6px;letter-spacing:2px;margin-top:6px}.material-library .sampledetail{position:absolute;bottom:10px;font-size:5px;letter-spacing:1.8px;color:#657b8c}.material-library .swatch-note{position:absolute;right:12px;bottom:10px;color:#5d768a;font-size:10px;letter-spacing:.4px}.material-library .item:hover .samplecard{transform:rotate(0deg) translateY(-4px);box-shadow:0 18px 30px #123e6a22}.material-library .ivory .samplecard{background:#f4efdf;color:#6d6556}.material-library .linen .samplecard{background:#f6f4ed}.material-library .linen .samplecard:before{background:repeating-linear-gradient(0deg,#a99d7c20 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#b5a78e20 0 1px,transparent 1px 4px);opacity:.6}.material-library .cotton .samplecard{background:#f1eee5;color:#6e7269}.material-library .cotton .samplecard:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239a927f' opacity='.18' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.6}.material-library .colored .samplecard{background:#345d56;color:#eee7d4;border-color:#345d56}.material-library .colored .sampledetail{color:#c7d5ce}.material-library .pearl .samplecard{background:linear-gradient(115deg,#e8e6ec,#f4f2ee 28%,#dedbe8 50%,#f0e9df 68%,#e5e8ef);color:#6c657e}.material-library .pearl .samplecard:before{background:linear-gradient(115deg,transparent 10%,#fff8 40%,transparent 60%);background-size:220% 100%;transition:background-position 1.2s}.material-library .pearl:hover .samplecard:before{background-position:100% 0}.material-library .finishes-wrap{background:#eaf0f6;border-top:1px solid #d8e2ed;border-bottom:1px solid #d8e2ed}.material-library .foil .samplecard{background:#183e59;color:#bba26d}.material-library .foil .cardmark,.material-library .foil .cardbrand{background:linear-gradient(110deg,#9e7842,#f2ddac 28%,#b78c4b 45%,#f8edcf 60%,#a17941);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:180% 100%;transition:background-position 1s}.material-library .foil:hover .cardmark,.material-library .foil:hover .cardbrand{background-position:100% 0}.material-library .foil .sampledetail{color:#b4c6d5}.material-library .emboss .samplecard{background:#e9e5db}.material-library .emboss .cardmark,.material-library .emboss .cardbrand{color:#d7d2c7;text-shadow:1px 1px 1px #fff, -1px -1px 1px #a59f9080}.material-library .uv .samplecard{background:#143c60;color:#0b2c47}.material-library .uv .cardmark{background:linear-gradient(120deg,#0c2c47,#3e7196 48%,#082d4d 65%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:1px 1px #9abed43b}.material-library .uv .cardbrand{color:#cad9e7}.material-library .uv .sampledetail{color:#c3d4e2}.material-library .matte .samplecard{background:#8ba1b3;color:#fff;border:0}.material-library .matte .samplecard:before{background:linear-gradient(145deg,#ffffff0c,#ffffff26 60%,transparent)}.material-library .matte .sampledetail{color:#f2f6fa}.material-library .duplex .samplecard{background:#f3f0e4;box-shadow:0 5px 0 #b99766,0 9px 0 #244660,0 23px 22px #123e6a25}.material-library .edge .samplecard{border-bottom:7px solid #b68651;background:#faf8f0}.material-library .combos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.material-library .combo{border-top:2px solid #9eb5ca;padding-top:23px}.material-library .combo strong{font-size:13px;letter-spacing:1px;font-weight:500;color:#637d94}.material-library .combo h3{font-size:24px;font-weight:500;line-height:1.5;margin:18px 0 12px}.material-library .combo p{color:var(--muted);font-size:13px}.material-library .combo small{font-size:12px;line-height:1.8;color:#5f7890}.material-library .endnote{padding:42px;background:var(--ink);color:#e4edf6;margin-top:45px;display:flex;gap:30px;justify-content:space-between;align-items:center}.material-library .endnote h3{font-size:25px;font-weight:400;margin:0 0 12px}.material-library .endnote p{margin:0;color:#c8d8e7;font-size:13px;max-width:650px}.material-library .endnote span{font-family:Georgia,serif;font-size:55px;color:#9ebbd4}.material-library .sources{max-width:1320px;margin:auto;padding:0 6% 65px}.material-library .sources summary{cursor:pointer;padding:20px 0;border-top:1px solid var(--line);font-size:13px}.material-library .sources p,.material-library .sources li{font-size:12px;color:var(--muted);line-height:1.9}.material-library .sources ul{padding-left:20px}.material-library .sources a{text-underline-offset:3px}.material-library footer{padding:26px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;gap:20px;color:#5d7891;flex-wrap:wrap}.material-library dialog{width:min(820px,92vw);padding:0;border:0;border-radius:5px;color:var(--ink);max-height:90vh;background:#fff;box-shadow:0 25px 100px #082b4e50}.material-library dialog::backdrop{background:#082943a8;backdrop-filter:blur(5px)}.material-library .dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);font-size:12px}.material-library .close{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;border-radius:3px;font-size:12px}.material-library .dialog-body{display:grid;grid-template-columns:1fr 1fr}.material-library .dialog-art .sample{height:100%;min-height:330px;padding:40px 18px}.material-library .dialog-art .samplecard{width:90%;height:190px}.material-library .dialog-copy{padding:36px 28px}.material-library .dialog-copy h2{font-size:30px;font-weight:500;margin:0 0 15px}.material-library .dialog-copy .note{font-size:12px;color:var(--muted);padding-top:18px;border-top:1px solid var(--line)}.material-library .dialog-copy .tags{display:block;text-align:left;margin-top:20px;font-size:12px}.material-library .review-disclaimer{font-size:12px;color:var(--muted);max-width:760px;line-height:1.9}@media(max-width:1000px){.material-library .hero{gap:5%;padding-top:60px}.material-library .hero-art{padding:35px 22px;min-height:300px}.material-library .hero-art .cardmark{font-size:62px}.material-library .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-library .combos{gap:20px}.material-library .sample{height:235px}.material-library .itemcopy>p:not(.itemline){min-height:65px}}@media(max-width:650px){.material-library .bar{font-size:11px;padding:10px 5%}.material-library .nav{padding:19px 6%;gap:15px}.material-library .logo{width:90px}.material-library .navlinks{gap:15px;font-size:11px}.material-library .hero{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.material-library h1{font-size:48px;letter-spacing:-2px;margin:20px 0}.material-library .hero-art{min-height:290px}.material-library .hero-art .sample{max-width:340px}.material-library .hero-art .cardmark{font-size:65px}.material-library .hero-art small{font-size:9px}.material-library .section{padding-top:45px;padding-bottom:45px}.material-library .sectionhead{display:block;margin-bottom:25px}.material-library .sectionhead p{margin-top:20px}.material-library .sectionhead h2{font-size:31px}.material-library .grid{grid-template-columns:1fr;gap:24px}.material-library .sample{height:250px}.material-library .samplecard{max-width:330px;height:180px}.material-library .itemcopy{padding:24px}.material-library .itemcopy>p:not(.itemline){min-height:0}.material-library .tags{font-size:11px}.material-library .combos{grid-template-columns:1fr;gap:28px}.material-library .endnote{padding:28px;margin-top:30px}.material-library .endnote span{display:none}.material-library .endnote h3{font-size:23px}.material-library .dialog-body{grid-template-columns:1fr}.material-library .dialog-art .sample{min-height:240px;height:250px}.material-library .dialog-art .samplecard{max-width:330px;height:180px}.material-library .dialog-copy{padding:27px}.material-library .sources{padding-bottom:35px}.material-library .sources ul{padding-left:18px}.material-library .eyebrow{font-size:10px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){.material-library{scroll-behavior:auto}.material-library *,.material-library *:before,.material-library *:after{transition:none!important;animation:none!important}}
.material-library{--ink:#123e6a;--muted:#536d85;--line:#cbd8e5;--paper:#f7f9fc}.material-library [hidden]{display:none!important}.material-library .material-photo{width:100%;height:225px;display:block;background:#e7edf4}.material-library .dialog-art .material-photo{height:100%;min-height:300px;max-height:65vh}.material-library .itemcopy p{white-space:pre-line}.material-library .material-badge{display:block;font-size:11px;color:#536d85;padding:8px 15px;background:#eef3f8}.material-library .ml-empty{grid-column:1/-1}.material-library .section{padding-left:0;padding-right:0}.material-library{padding:0 6%}.material-library .sources{padding-left:0;padding-right:0}.material-library dialog .close{min-width:70px}@media(max-width:650px){.material-library .dialog-art .material-photo{min-height:220px;height:260px}.material-library .material-photo{height:250px}}