.editorial-home{& *{box-sizing:border-box}& html{scroll-behavior:smooth}& .editorial-home{color:#263e39;background:#f8f7f2;margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,sans-serif;line-height:1.75}& a{color:inherit;text-decoration:none}& a:hover{color:#a14c32}& a:focus-visible,& button:focus-visible,& summary:focus-visible{outline-offset:5px;outline:3px solid #a14c32}& img{max-width:100%;height:auto}& UNUSED{max-width:1160px;margin:auto}& header{border-bottom:1px solid #d8dfd5;justify-content:space-between;align-items:center;padding:26px 0;display:flex}& .brand{align-items:center;gap:12px;display:flex}& .brand img{border-radius:50%;width:64px}& .brand strong{letter-spacing:.02em;font-size:23px;display:block}& .brand small{letter-spacing:.16em;color:#576c63;font-size:11px}& nav{gap:28px;font-size:14px;display:flex}& .intro{justify-content:space-between;align-items:center;padding:32px 0 20px;display:flex}& .intro p{color:#52675e;margin:0}& .eyebrow{color:#627269;letter-spacing:.12em;font-size:12px}& .lead{grid-template-columns:1fr 1.02fr;align-items:center;gap:54px;padding:32px 0 64px;display:grid}& .lead h1{letter-spacing:-.035em;margin:18px 0;font-size:43px;line-height:1.45}& .lead p{color:#58675f;font-size:17px}& .lead figure{margin:0;transform:rotate(1deg)}& .lead figure img{border-radius:4px 50px 4px 4px}& .lead figcaption{text-align:right;color:#718079;font-size:11px}& .pill{background:#e5ece3;border-radius:30px;padding:3px 12px;font-size:12px;display:inline-block}& .read{border-bottom:2px solid #439b8b;margin-top:12px;padding:8px 0;font-weight:650;display:inline-block}& .section-title{border-top:1px solid #b8c5bb;justify-content:space-between;align-items:baseline;padding-top:25px;display:flex}& .section-title h2{margin:0;font-size:23px}& .section-title small{color:#627269}& .secondary.text-only{grid-template-columns:1fr}& .secondary{grid-template-columns:300px 1fr;align-items:center;gap:40px;padding:32px 0 52px;display:grid}& .secondary img{object-fit:cover;border-radius:3px;width:100%;max-height:225px}& .secondary h2{margin:10px 0;font-size:29px;line-height:1.5}& .secondary p{color:#58675f;max-width:650px}& .about{background:#e8eee5;border-radius:3px 34px 3px 3px;grid-template-columns:1fr 2fr;gap:40px;margin:20px 0 60px;padding:42px;display:grid}& .about h2{margin:0;font-size:29px}& .about p{margin:0 0 15px}& .about a{text-decoration:underline}& footer{color:#617268;border-top:1px solid #d8dfd5;justify-content:space-between;padding:28px 0 42px;font-size:13px;display:flex}& .article-head{max-width:850px;margin:65px auto 35px}& .article-head h1{letter-spacing:-.02em;font-size:43px;line-height:1.45}& .article-head p{color:#657368}& .article-wrap{max-width:720px;margin:0 auto 90px}& .article{color:#293c35;font-size:19px;line-height:1.95}& .article p{margin:1.4em 0}& .article h2{margin:2.5em 0 .7em;scroll-margin-top:30px;font-size:28px;line-height:1.55}& .article a{color:#32695e;text-underline-offset:3px;text-decoration:underline}& .article figure{background:#fff;border:1px solid #e0e5dc;border-radius:5px;margin:34px 0;padding:16px}& .article figcaption{color:#627169;margin-top:12px;font-size:13px;line-height:1.8}& .article img{object-fit:contain;max-height:720px;margin:auto;display:block}& .article blockquote{background:#e8eee5;border-left:3px solid #439b8b;margin:30px 0;padding:10px 24px}& .article .sources{overflow-wrap:anywhere;font-size:15px}& .article sup{font-size:11px}& .reader{border-top:1px solid #cbd5c9;border-bottom:1px solid #cbd5c9;justify-content:space-between;align-items:start;margin-bottom:30px;padding:18px 0;display:flex}& .reader summary{cursor:pointer}& .reader details{max-width:80%}& .reader ol{padding-left:24px;font-size:14px}& .reader button{cursor:pointer;color:inherit;background:0 0;border:1px solid #b3c6b8;border-radius:5px;padding:5px 10px}& .brandboard{padding:50px 0}& .brandboard h1{font-size:39px}& .brand-demo{background:#fff;align-items:center;gap:40px;margin:30px 0;padding:40px;display:flex}& .brand-demo>img{width:140px}& .swatches{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}& .swatch{border-radius:5px;padding-top:70px;overflow:hidden}& .swatch span{background:#fff;padding:10px;font-size:13px;display:block}& .research{border-collapse:collapse;width:100%;margin:30px 0}& .research th,& .research td{text-align:left;vertical-align:top;border-bottom:1px solid #d6ded2;padding:20px 15px}& .research a{text-decoration:underline}& .note{color:#64746a;font-size:13px}& .skip{position:absolute;top:-80px}& .skip:focus{z-index:5;background:#fff;padding:10px;top:0}@media (width<=1200px){& UNUSED{margin-left:30px;margin-right:30px}}@media (width<=700px){& UNUSED{margin-left:20px;margin-right:20px}& header{align-items:flex-start;gap:15px;padding:18px 0}& .brand{gap:8px}& .brand img{width:48px}& .brand strong{font-size:18px}& .brand small{font-size:9px}& nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:110px;font-size:12px}& .intro{padding:25px 0 4px;display:block}& .intro p{font-size:14px}& .intro .eyebrow{display:none}& .lead{grid-template-columns:1fr;gap:22px;padding:20px 0 40px}& .lead h1{font-size:32px}& .lead figure{transform:none}& .lead p{font-size:16px}& .secondary{grid-template-columns:1fr;gap:15px;padding:26px 0}& .secondary img{max-height:260px}& .secondary h2{font-size:25px}& .section-title small{display:none}& .about{grid-template-columns:1fr;gap:20px;padding:25px}& .about h2{font-size:25px}& footer{flex-wrap:wrap;gap:20px}& .article-head{margin:35px 0}& .article-head h1{font-size:31px}& .article{font-size:18px}& .article h2{font-size:25px}& .article figure{padding:10px}& .brand-demo{flex-wrap:wrap;gap:15px;padding:20px}& .swatches{grid-template-columns:repeat(2,1fr)}& .research,& .research tbody,& .research tr,& .research td{display:block}& .research thead{display:none}& .research td{padding:12px 0}& .brandboard h1{font-size:30px}}& .brand strong{font-size:24px}& .lead{gap:64px;padding-top:12px}& .lead h1{margin-top:0}& .lead figure{transform:none}& .lead figure>a{border-radius:5px;display:block;overflow:hidden}& .lead figure img{object-fit:cover;object-position:center 37%;border-radius:0;width:100%;height:440px;transition:transform .65s cubic-bezier(.2,.65,.3,1)}& .lead figure>a:hover img{transform:scale(1.035)}& .secondary>a{border-radius:4px;overflow:hidden}& .secondary img{transition:transform .65s;display:block}& .secondary>a:hover img{transform:scale(1.035)}& .read{transition:color .2s,transform .25s}& .read:hover{transform:translate(5px)}& nav a{position:relative}& nav a:after{content:"";transform-origin:0;background:#439b8b;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}& nav a:hover:after,& nav a:focus-visible:after{transform:scaleX(1)}& .reading-progress{z-index:20;transform-origin:0;pointer-events:none;background:#439b8b;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}& .motion-ready{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.65,.3,1);transform:translateY(22px)}& .motion-ready.is-visible{opacity:1;transform:none}& .lead figure.motion-ready{transition-delay:.12s}@media (width<=700px){& .brand strong{font-size:18px}& .lead{gap:22px;padding-top:24px}& .lead figure img{height:330px}& header nav{max-width:105px}& .intro{padding-top:25px}& .lead h1{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){& html{scroll-behavior:auto}& *,& :before,& :after{transition:none!important;animation:none!important}& .motion-ready{opacity:1;transform:none}& .read:hover,& .lead figure>a:hover img,& .secondary>a:hover img{transform:none}}& .intro p{max-width:690px;font-size:16px;line-height:1.9}& .past{margin:25px 0 70px}& .past-feature{max-width:800px;padding:20px 0 35px}& .past-feature h3{margin:15px 0;font-size:30px;line-height:1.5}& .past-feature p{color:#58675f;font-size:17px;line-height:1.9}& .past-list{border-top:1px solid #d8dfd5}& .past-list>a{border-bottom:1px solid #d8dfd5;justify-content:space-between;gap:20px;padding:23px 0;font-size:20px;display:flex}& .archive{max-width:860px;margin:55px auto 80px}& .archive h1{font-size:38px}& .archive ul{padding:0;list-style:none}& .archive li{border-bottom:1px solid #d8dfd5;justify-content:space-between;align-items:baseline;gap:25px;padding:23px 0;display:flex}& .archive li a{font-size:21px}& .archive time{color:#657368;white-space:nowrap;font-size:14px}& .section-title h2{font-size:23px}& .section-title>a{white-space:nowrap;margin-left:15px;font-size:15px}@media (width<=700px){& .past-feature h3{font-size:25px}& .past-list>a{font-size:18px}& .archive li{display:block}& .archive time{margin-top:10px;display:block}& .intro p{font-size:15px}& .section-title h2{font-size:21px}& header nav{gap:8px 12px;max-width:115px}}}