@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}:root{--ink:#111;--gray:#757575;--light:silver;--line:#cdcdcd;--surface:#f2f2f2;--point:#e8125a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--white);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:-.02em;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{color:inherit;font:inherit}button{cursor:pointer}img{display:block}h1,h2,h3,p,dl,dd,ol,ul{margin:0}h1,h2,h3,p,li{word-break:keep-all}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-section-link,.mobile-trend-bar,.mobile-header-row,.panel-trend-bar{display:none}.site-header-stack{z-index:70;background:var(--white);will-change:transform;transition:transform .28s;position:sticky;top:0;transform:translateY(0)}.site-header-stack.is-hidden{transform:translateY(-100%)}.site-header{background:var(--white);border-bottom:1px solid var(--line);z-index:10;grid-template-columns:140px minmax(560px,1fr) 220px;align-items:center;width:100%;height:80px;padding:0 max(20px,50vw - 570px);display:grid;position:relative}.desktop-brand{align-items:center;width:140px;display:flex}.site-nav{justify-content:center;align-items:stretch;height:80px;display:flex}.site-nav a{border-bottom:1px solid #0000;justify-content:center;align-items:center;width:140px;height:80px;font-size:16px;line-height:1.6;display:flex}.site-nav a.active{border-bottom:3px solid var(--ink);font-weight:600}.desktop-search{justify-content:flex-end;align-items:center;gap:20px;width:220px;display:flex}.desktop-trend{white-space:nowrap;align-items:center;gap:10px;font-size:12px;line-height:1.3;display:flex}.desktop-trend span{color:var(--gray)}.desktop-trend strong{color:var(--point);font-weight:600}.mobile-menu-panel{display:none}.header-icon-button{background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.header-overlay-backdrop{z-index:80;background:#1111115c;border:0;padding:0;position:fixed;inset:202px 0 0}.header-search-overlay{z-index:90;background:var(--white);border-bottom:1px solid var(--line);overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;width:100%;height:202px;padding:0;transition:opacity .22s,transform .3s cubic-bezier(.22,.7,.24,1),visibility 0s linear .3s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-18px)}.header-search-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.desktop-overlay-search-form{grid-template-columns:minmax(0,1fr) 24px 24px;align-items:center;gap:20px;width:min(810px,100% - 40px);display:grid}.desktop-overlay-search-form input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:0;width:100%;height:42px;padding:0;font-size:14px}.desktop-overlay-search-form input:focus{border-bottom-color:var(--ink)}.close-button>span{width:24px;height:24px;display:block;position:relative}.close-button>span:before,.close-button>span:after{content:"";background:var(--ink);width:22px;height:2px;position:absolute;top:11px;left:1px}.close-button>span:before{transform:rotate(45deg)}.close-button>span:after{transform:rotate(-45deg)}.mobile-search-panel{display:none}.design-eyebrow{color:var(--light);font-size:12px;font-weight:600;line-height:1.3}.home-section-inner{width:min(1140px,100% - 40px);margin:0 auto}.section-label-block{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.section-label-block h2{font-size:34px;font-weight:700;line-height:1.2}.home-hero{border-bottom:1px solid var(--line);height:685px;display:flex}.home-hero-panel{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:40px;width:50%;height:100%;padding:120px max(32px,25vw - 210px);display:flex}.hero-heading{flex-direction:column;gap:30px;width:100%;display:flex}.hero-heading h1,.hero-heading h2{font-size:54px;font-weight:700;line-height:1.2}.hero-body{width:100%;font-size:16px;line-height:1.6}.hero-facts{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;font-size:14px;line-height:1.4;display:grid}.hero-facts div{flex-direction:column;gap:5px;display:flex}.hero-facts dt{color:var(--gray)}.hero-facts dd{margin:0}.personal-color-panel{background:#f9f2ef url(/design/hero-personal-color.jpg) 50%/cover no-repeat;position:relative;overflow:hidden}.personal-color-panel>*{z-index:1;position:relative}.diagnostic-info{flex-direction:column;gap:20px;width:100%;display:flex}.diagnostic-info p{font-size:16px;line-height:1.6}.diagnostic-info a,.underlined-link{color:var(--gray);text-underline-offset:2px;font-size:12px;line-height:1.3;text-decoration:underline}.outline-button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:10px;min-height:58px;padding:15px 20px;font-size:16px;font-weight:600;line-height:1.6;display:inline-flex}.home-latest{border-bottom:1px solid var(--line);padding:100px 0}.latest-layout{grid-template-columns:249px minmax(0,1fr);align-items:start;gap:40px;display:grid}.latest-content{min-width:0}.view-switch{display:none}.figma-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 15px;display:grid}.figma-article-card{flex-direction:column;gap:20px;min-width:0;display:flex}.figma-card-image{background:var(--surface);width:100%;height:335px;position:relative;overflow:hidden}.figma-card-image img{object-fit:cover}.figma-card-copy{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.figma-card-copy time{color:var(--gray);font-size:12px;line-height:1.3}.figma-card-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:62px;font-size:24px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.figma-card-copy>p{-webkit-line-clamp:3;min-height:59px;color:var(--gray);-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.topic-chips,.tag-row{flex-wrap:wrap;gap:5px;display:flex}.topic-chips span,.tag-row span{border:1px solid var(--line);color:var(--gray);border-radius:14px;padding:5px 10px;font-size:12px;font-weight:400;line-height:1.3}.home-bordered-section{border-bottom:1px solid var(--line);padding:100px 0}.split-section{grid-template-columns:249px minmax(0,1fr);align-items:start;gap:40px;display:grid}.section-intro{font-size:14px;line-height:1.4}.standard-list{grid-template-columns:repeat(2,1fr);gap:40px 30px;padding:0;list-style:none;display:grid}.standard-list li{flex-direction:column;gap:10px;display:flex}.standard-list li>span{color:var(--gray);margin-bottom:5px;font-size:12px;font-weight:600;line-height:1.3}.standard-list h3{font-size:18px;font-weight:600;line-height:1.4}.standard-list p{font-size:16px;line-height:1.6}.trend-list{grid-template-columns:repeat(3,1fr);gap:0 30px;padding:0;list-style:none;display:grid}.trend-list li{grid-template-columns:30px 1fr 50px;align-items:center;min-width:0;padding:20px 0;font-size:16px;line-height:1.6;display:grid}.trend-rank{text-align:center;font-weight:600}.trend-list strong{width:50px;color:var(--gray);text-align:center;font-size:14px;font-weight:600;line-height:1.4}.trend-list strong.up{color:var(--point)}.home-trust{padding:100px 0}.trust-label{gap:20px}.home-trust .split-section>p{font-size:16px;line-height:1.6}.site-footer{border-top:1px solid var(--line);background:var(--white);padding:100px 0}.footer-inner{grid-template-columns:1fr 1fr 1fr 1fr;align-items:start;gap:15px;width:min(1140px,100% - 40px);margin:0 auto;display:grid}.footer-description{color:var(--gray);flex-direction:column;grid-area:1/1;align-items:flex-start;gap:10px;display:flex}.footer-description p{white-space:nowrap;font-size:14px;line-height:1.4}.footer-copyright{color:var(--gray);grid-area:1/1;align-self:start;margin-top:58px;font-size:12px;font-weight:400;line-height:1.3}.footer-column{color:var(--gray);flex-direction:column;gap:5px;font-size:14px;line-height:1.4;display:flex}.footer-column strong{color:var(--light);margin-bottom:5px;font-size:12px;font-weight:600;line-height:1.3}.footer-spacer{grid-area:1/2}.footer-category{grid-area:1/3}.footer-about{grid-area:1/4}.hub-page{background:var(--white)}.hub-hero{border-bottom:1px solid var(--line);padding:100px 0}.hub-hero-inner{flex-direction:column;gap:40px;width:min(1140px,100% - 40px);margin:0 auto;display:flex}.hub-title{flex-direction:column;gap:20px;display:flex}.hub-title h1{font-size:54px;font-weight:700;line-height:1.2}.hub-title>p:last-child{font-size:16px;line-height:1.6}.hub-standards{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:30px;padding-top:40px;display:grid}.hub-standard{flex-direction:column;gap:10px;display:flex}.hub-standard+.hub-standard{border-left:1px solid var(--line);padding-left:30px}.hub-standard span{color:var(--gray);font-size:12px;font-weight:600;line-height:1.3}.hub-standard h2{font-size:18px;font-weight:600;line-height:1.4}.hub-standard p{font-size:16px;line-height:1.6}.hub-articles{border-bottom:1px solid var(--line);padding:100px 0}.hub-articles-inner{flex-direction:column;align-items:center;gap:60px;width:min(1140px,100% - 40px);margin:0 auto;display:flex}.hub-articles-heading{flex-direction:column;gap:30px;width:100%;display:flex}.hub-articles-heading h2{font-size:34px;line-height:1.2}.hub-filters{flex-wrap:wrap;gap:5px;display:flex}.hub-filters button{border:1px solid var(--line);color:var(--gray);background:#fff;border-radius:14px;padding:5px 10px;font-size:12px;line-height:1.3}.hub-filters button.active{background:var(--ink);color:var(--white);border:0;padding:6px 10px}.hub-story-grid{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;display:grid}.hub-story-card{gap:20px;min-width:0;display:flex}.hub-story-image{background:var(--surface);flex:none;width:200px;height:250px;position:relative;overflow:hidden}.hub-story-image img{object-fit:cover}.hub-story-copy{flex-direction:column;align-items:flex-start;gap:15px;min-width:0;padding:15px 0;display:flex}.hub-story-copy time{color:var(--gray);font-size:12px;line-height:1.3}.hub-story-copy h3{-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;min-height:68px;font-size:24px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hub-story-copy>p{-webkit-line-clamp:3;min-height:59px;color:var(--gray);word-break:keep-all;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.more-button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:10px;min-width:158px;min-height:58px;padding:15px 40px;font-size:16px;font-weight:600;display:inline-flex}.hub-empty{border-top:1px solid var(--line);width:100%;min-height:280px;color:var(--gray);padding:60px 0;font-size:16px}.empty-note{border-top:1px solid var(--line);justify-content:space-between;gap:30px;width:100%;padding:60px 0;display:flex}.empty-note span{color:var(--gray);font-size:12px}.article-shell{border-bottom:1px solid var(--line);padding:100px 0}.article-page{width:min(800px,100% - 40px);margin:0 auto}.article-top{grid-template-columns:minmax(0,1fr) 342px;gap:20px;display:grid}.article-header{text-align:left;flex-direction:column;align-items:flex-start;gap:20px;padding:10px 0;display:flex}.article-header h1{font-size:54px;font-weight:700;line-height:1.2}.article-header .tag-row{margin:0}.article-info{flex-direction:column;gap:10px;font-size:14px;line-height:1.4;display:flex}.article-info div{gap:5px;display:flex}.article-info dt{color:var(--gray)}.article-info dd{margin:0}.article-hero{background:var(--surface);width:342px;height:429px;position:relative;overflow:hidden}.article-hero img{object-fit:cover}.article-body{padding-top:40px}.direct-answer{background:var(--surface);flex-direction:column;gap:10px;margin:0;padding:30px;display:flex}.direct-answer>span,.article-toc>p,.source-section>p:first-child{color:var(--gray);font-size:12px;line-height:1.3}.direct-answer>p{font-size:18px;font-weight:600;line-height:1.4}.direct-answer ul{margin:0;padding-left:24px;font-size:16px;line-height:1.6}.article-toc{flex-direction:column;gap:10px;padding:20px 0;display:flex}.article-toc ol{padding-left:24px;font-size:16px;line-height:1.6}.prose-section{flex-direction:column;gap:20px;padding:20px 0;display:flex}.prose-section h2,.faq-section h2,.source-section h2{font-size:34px;font-weight:700;line-height:1.2}.prose-section p,.faq-section p,.source-section li{font-size:16px;line-height:1.6}.prose-section blockquote{margin:0;font-size:16px;font-weight:600;line-height:1.6}.published-blocks{flex-direction:column;gap:20px;padding:20px 0;display:flex}.published-blocks h2{margin:20px 0 0;font-size:34px;font-weight:700;line-height:1.2}.published-blocks p,.published-blocks li,.published-blocks blockquote{margin:0;font-size:16px;line-height:1.6}.published-blocks blockquote{border-left:3px solid var(--ink);padding-left:18px;font-weight:600}.published-blocks ul{margin:0;padding-left:24px}.article-inline-image{margin:12px 0}.article-inline-image>div{aspect-ratio:4/3;background:#f2f0ed;width:100%;position:relative;overflow:hidden}.article-inline-image>div img{object-fit:cover}.article-inline-image.diagram>div img{object-fit:contain}.article-inline-image figcaption{color:var(--gray);margin-top:8px;font-size:12px;line-height:1.5}.article-comparison{margin:12px 0}.article-comparison>div{width:100%;overflow-x:auto}.article-comparison table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px;line-height:1.4}.article-comparison th,.article-comparison td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}.article-comparison thead th{color:var(--gray);font-size:12px;font-weight:600}.article-comparison tbody th{width:132px;font-weight:600}.article-comparison figcaption{color:var(--gray);margin-top:8px;font-size:12px;line-height:1.5}.article-measurements{grid-template-columns:repeat(3,1fr);gap:5px;padding:20px 0;display:grid}.measurement-image{height:263px;position:relative;overflow:hidden}.measurement-image img{object-fit:cover;width:100%;height:100%}.measurement-image span{color:#fff;background:#11111180;padding:5px;font-size:12px;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.faq-section{border:0;flex-direction:column;gap:20px;padding:20px 0;display:flex}.faq-section details{border:0}.faq-section summary{cursor:pointer;padding:0 0 10px;font-size:16px;font-weight:600;line-height:1.6;list-style:none}.faq-section details p{margin:0}.faq-item{flex-direction:column;gap:10px;display:flex}.faq-item h3{font-size:16px;font-weight:600;line-height:1.6}.faq-item p{font-size:16px;line-height:1.6}.source-section{flex-direction:column;gap:10px;padding:20px 0 0;display:flex}.source-section ol{margin:0;padding-left:24px}.source-section a{text-decoration:underline}.source-section li span{color:var(--gray);font-size:12px;display:block}.source-section li{scroll-margin-top:96px}.citation-reference{vertical-align:super;margin-left:2px;font-size:.68em;line-height:0}.citation-reference a{background:var(--surface);min-width:16px;height:16px;color:var(--ink);border-radius:999px;place-items:center;padding:0 4px;font-weight:700;text-decoration:none;display:inline-grid}.citation-reference a:hover,.citation-reference a:focus-visible{outline:1px solid var(--ink)}.article-back{justify-content:center;padding:40px 0;display:flex}.related-articles{flex-direction:column;gap:30px;display:flex}.related-articles>h2{font-size:34px;line-height:1.2}.related-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.related-card{align-items:center;gap:15px;display:flex}.related-card-image{background:var(--surface);flex:none;width:140px;height:140px;position:relative;overflow:hidden}.related-card-image img{object-fit:cover}.related-card-copy{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.related-card-copy time{color:var(--gray);font-size:12px}.related-card-copy h3{font-size:16px;font-weight:600;line-height:1.4}.policy-page,.trends-page{width:min(800px,100% - 40px);min-height:650px;margin:0 auto;padding:100px 0}.policy-page>h1,.trends-page>h1{margin-bottom:40px;font-size:54px;line-height:1.2}.policy-copy{flex-direction:column;gap:20px;display:flex}.policy-copy h2{margin-top:30px;font-size:34px;line-height:1.2}.policy-copy p,.trend-intro{font-size:16px;line-height:1.6}.trend-table{margin:40px 0}.trend-table>div{border-top:1px solid var(--line);grid-template-columns:160px 100px 1fr;align-items:center;gap:24px;padding:20px 0;display:grid}.trend-table i{background:var(--surface);height:4px}.trend-table i b{background:var(--point);height:100%;display:block}.diagnostic{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:750px;padding:100px max(20px,50vw - 570px);display:grid}.diagnostic h1{margin:20px 0;font-size:54px;line-height:1.2}.diagnostic>div>p{font-size:16px;line-height:1.6}.primary-link{border:1px solid var(--ink);align-items:center;gap:20px;min-height:58px;margin-top:30px;padding:15px 20px;font-weight:600;display:inline-flex}.diagnostic-card{background:var(--surface);padding:30px}.diagnostic-card h2{margin:20px 0;font-size:24px;line-height:1.3}.diagnostic-card button{border:1px solid var(--line);text-align:left;background:#fff;width:100%;margin-top:10px;padding:15px}.diagnostic-card small{color:var(--gray);margin-top:20px;display:block}.diagnostic-progress{background:var(--surface);width:min(420px,100%);height:3px;margin-top:30px;overflow:hidden}.diagnostic-progress span{background:var(--point);height:100%;transition:width .25s;display:block}.diagnostic-card>span{color:var(--gray);font-size:12px;font-weight:600}.diagnostic-card .diagnostic-back{color:var(--gray);background:0 0;border:0;margin-top:20px;padding-inline:0;text-decoration:underline}.search-page{width:min(1140px,100% - 40px);min-height:719px;margin:0 auto;padding:100px 0}.search-page-heading{flex-direction:column;gap:20px;display:flex}.search-page-heading h1{font-size:54px;font-weight:700;line-height:1.2}.search-page-form{margin-top:30px}.search-page-form>div{border-bottom:1px solid var(--ink);align-items:center;height:58px;display:flex}.search-page-form input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:18px}.search-page-form button{background:0 0;border:0;place-items:center;width:48px;height:48px;display:grid}.search-count,.search-guide{margin-top:40px;font-size:18px;font-weight:600;line-height:1.4}.search-results{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px;display:grid}.search-result-card{grid-template-columns:200px 1fr;gap:20px;display:grid}.search-result-image{background:var(--surface);width:200px;height:250px;position:relative;overflow:hidden}.search-result-image img{object-fit:cover}.search-result-card>div{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 0;display:flex}.search-result-card time{color:var(--gray);font-size:12px}.search-result-card h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:24px;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-card p{color:var(--gray);font-size:14px;line-height:1.4}.search-empty{border-top:1px solid var(--line);margin-top:60px;padding-top:60px}.search-empty strong{font-size:18px}.search-empty p{color:var(--gray);margin-top:10px}.diagnostic-result{width:min(1140px,100% - 40px);margin:0 auto;padding:80px 0 100px}.result-hero{border-bottom:1px solid var(--line);padding-bottom:60px}.result-heading{grid-template-columns:minmax(0,1fr) 428px;align-items:center;gap:80px;display:grid}.result-hero h1{margin:20px 0;font-size:54px;line-height:1.2}.result-heading>div>p:last-child{max-width:540px;font-size:18px;line-height:1.7}.personal-color-result-card{aspect-ratio:1;color:#fff;border-radius:16px;flex-direction:column;width:100%;padding:38px;display:flex;overflow:hidden;box-shadow:0 18px 45px #1a121624}.result-card-logo{filter:brightness(0)invert();width:106px;height:auto}.personal-color-result-card>span{color:#ffffff94;margin-top:26px;font-size:14px;font-weight:600}.personal-color-result-card h2{letter-spacing:-.04em;margin-top:14px;font-size:38px;font-weight:700;line-height:1.17}.personal-color-result-card p{color:#ffffffe6;margin-top:auto;font-size:17px;line-height:1.7}.result-palette{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:6px;height:82px;margin-top:40px;padding:6px;display:grid}.result-palette span{border-radius:7px;min-width:0}.result-detail,.result-method{border-bottom:1px solid var(--line);padding:60px 0}.result-detail h2,.result-method h2{margin-bottom:30px;font-size:34px;line-height:1.2}.result-detail ol{padding:0;list-style:none}.result-detail li{border-top:1px solid var(--line);grid-template-columns:50px 1fr;gap:20px;padding:20px 0;display:grid}.result-detail li span{color:var(--gray);font-size:12px;font-weight:600}.result-actions{align-items:center;gap:20px;margin:30px 0;display:flex}.result-detail>.underlined-link{margin-right:20px}.result-method p{max-width:720px;margin-bottom:20px;font-size:16px;line-height:1.6}.result-method a{color:var(--gray);font-size:12px;text-decoration:underline}@media (max-width:900px){.mobile-trend-bar{border-bottom:1px solid var(--line);white-space:nowrap;z-index:100;background:var(--white);justify-content:center;align-items:center;gap:10px;height:41px;padding:10px 20px;font-size:14px;line-height:1.4;display:flex;position:relative}.mobile-trend-bar strong{color:var(--point);font-weight:600}.panel-trend-bar{z-index:110;border-bottom:1px solid var(--line);background:var(--white);white-space:nowrap;justify-content:center;align-items:center;gap:10px;width:100%;height:41px;padding:10px 20px;font-size:14px;line-height:1.4;display:flex;position:fixed;inset:0 0 auto}.panel-trend-bar strong{color:var(--point);font-weight:600}.site-header{flex-direction:column;align-items:stretch;height:105px;padding:0;display:flex}.mobile-header-row{grid-template-columns:24px 1fr 24px;align-items:center;height:64px;padding:20px;display:grid}.brand-logo{justify-self:center}.menu-button{background:0 0;border:0;width:24px;height:24px;padding:0}.mobile-search{justify-self:end}.desktop-brand,.desktop-search{display:none}.site-nav{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);width:100%;height:41px;padding:0 20px;display:grid}.site-nav a{width:auto;height:41px;padding:10px 0;font-size:14px;line-height:1.4}.site-nav a.active{border-bottom-width:2px}.header-overlay-backdrop{inset:306px 0 0}.header-overlay-backdrop.menu{inset:41px 0 0}.header-search-overlay{border-bottom:1px solid var(--line);height:265px;padding:20px;display:block;top:41px;transform:translateY(-12px)}.header-search-overlay.is-open{transform:translateY(0)}.desktop-overlay-search-form{display:none}.mobile-search-panel{display:block}.mobile-overlay-head{grid-template-columns:24px 1fr 24px;align-items:center;height:24px;display:grid}.mobile-overlay-head>a{justify-self:center}.mobile-overlay-search-form{border-bottom:1px solid var(--line);align-items:center;height:42px;margin-top:38px;display:flex}.mobile-overlay-search-form input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:14px}.popular-search-label{color:var(--point);margin-top:20px;font-size:14px;line-height:1.4;display:block}.popular-searches{flex-wrap:wrap;gap:10px 5px;margin-top:10px;display:flex}.popular-searches a{border:1px solid var(--line);color:var(--gray);border-radius:16px;padding:5px 10px;font-size:14px;line-height:1.4}.mobile-menu-panel{z-index:90;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--white);width:100%;min-height:calc(100dvh - 41px);max-height:calc(100dvh - 41px);padding:20px;display:block;position:fixed;inset:41px 0 0;overflow-y:auto}.mobile-menu-nav{margin-top:34px}.mobile-menu-panel summary{justify-content:space-between;align-items:center;height:66px;font-size:16px;font-weight:600;list-style:none;display:flex}.mobile-menu-panel summary::-webkit-details-marker{display:none}.mobile-menu-chevron{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:10px;height:10px;margin-right:2px;transition:transform .2s;transform:rotate(45deg)}.mobile-menu-panel details[open] .mobile-menu-chevron{transform:rotate(225deg)}.mobile-menu-panel details>div{flex-direction:column;align-items:flex-start;gap:14px;margin-top:-10px;padding:0 10px 26px;display:flex}.mobile-menu-panel details a{font-size:15px;line-height:1.4}.mobile-menu-panel details a.mobile-menu-all{border-bottom:1px solid var(--ink);padding-bottom:8px;font-weight:700}.home-hero{flex-direction:column;height:auto;display:flex}.home-hero-panel{text-align:left;align-items:flex-start;gap:20px;width:100%;height:auto;min-height:0;padding:30px 20px}.hero-heading{gap:10px}.hero-heading h1,.hero-heading h2{font-size:32px}.hero-facts{flex-direction:column;gap:10px;display:flex}.hero-facts div{flex-direction:row;gap:5px}.personal-color-panel{background-position:50%;background-size:cover;min-height:350px}.diagnostic-info{gap:10px}.outline-button,.home-section-inner{width:100%}.home-latest,.home-bordered-section,.home-trust{padding:30px 20px}.latest-layout,.split-section{flex-direction:column;gap:20px;display:flex}.section-label-block{gap:10px;width:100%}.section-label-block h2{font-size:32px}.latest-content{flex-direction:column;gap:20px;width:100%;display:flex}.view-switch{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.view-switch button{height:50px;color:var(--gray);background:#fff;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:15px 10px;font-size:14px;line-height:1.4;display:flex}.view-switch button.active{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}.figma-article-grid{grid-template-columns:1fr;gap:20px}.figma-card-image{aspect-ratio:1;height:auto}.figma-card-copy h3{font-size:24px}.figma-article-grid.mobile-list,.figma-article-grid.responsive-list{gap:10px}.mobile-list .figma-article-card,.responsive-list .figma-article-card{grid-template-columns:140px 1fr;gap:15px;min-height:140px;display:grid}.mobile-list .figma-card-image,.responsive-list .figma-card-image{aspect-ratio:auto;width:140px;height:140px}.mobile-list .figma-card-copy,.responsive-list .figma-card-copy{justify-content:center;gap:7px;padding:5px 0}.mobile-list .figma-card-copy h3,.responsive-list .figma-card-copy h3{min-height:0;font-size:16px;font-weight:600;line-height:1.4}.mobile-list .figma-card-copy>p,.responsive-list .figma-card-copy>p{-webkit-line-clamp:2;min-height:0;font-size:12px;line-height:1.4}.section-intro{font-size:16px;line-height:1.6}.standard-list{grid-template-columns:1fr;gap:20px}.standard-list li>span{margin-bottom:0}.standard-list p{font-size:14px;line-height:1.4}.trend-list{grid-template-columns:1fr;width:100%}.trend-list li{padding:10px 0}.desktop-section-link{display:none}.mobile-section-link{align-self:flex-start;display:inline-flex}.home-trust .split-section>p{width:100%}.site-footer{padding:30px 20px}.footer-inner{flex-direction:column;gap:20px;width:100%;display:flex}.footer-spacer{display:none}.footer-description p{white-space:normal}.footer-copyright{order:4;align-self:flex-start;margin:0}.hub-hero,.hub-articles{padding:30px 20px}.hub-hero-inner,.hub-articles-inner{gap:20px;width:100%}.hub-title{gap:10px}.hub-title h1{font-size:32px}.hub-standards{border-top:0;grid-template-columns:1fr;gap:20px;padding-top:20px}.hub-standard+.hub-standard{border:0;padding:0}.hub-standard p{font-size:14px;line-height:1.4}.hub-articles-heading{gap:20px}.hub-articles-heading h2{font-size:32px}.hub-story-grid{grid-template-columns:1fr;gap:10px}.hub-story-card{gap:15px;min-height:140px}.hub-story-image{width:140px;height:140px}.hub-story-copy{gap:10px;padding:5px 0}.hub-story-copy h3{-webkit-line-clamp:2;min-height:45px;font-size:16px}.hub-story-copy>p{-webkit-line-clamp:2;min-height:39px;font-size:14px}.more-button{width:100%;min-width:0}.article-shell{padding:0}.article-page{width:100%}.article-top{flex-direction:column;gap:0;display:flex}.article-header{gap:20px;padding:30px 20px}.article-header .hero-heading{gap:10px}.article-header h1{font-size:32px}.article-header .tag-row{z-index:1;background:var(--white);scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-top:2px;position:relative;overflow:auto visible}.article-header .tag-row::-webkit-scrollbar{display:none}.article-info{font-size:14px}.article-hero{width:100%;height:470px}.article-body{padding-top:0}.direct-answer{background:#fff;padding:20px}.article-toc,.prose-section,.faq-section,.source-section{padding:20px}.prose-section h2,.faq-section h2,.source-section h2{font-size:24px;line-height:1.3}.published-blocks{padding:20px}.published-blocks h2{font-size:24px;line-height:1.3}.article-measurements{grid-template-columns:1fr;gap:5px;padding:20px}.measurement-image{height:335px}.article-back{padding:40px 20px}.related-articles{padding:30px 20px}.related-articles>h2{font-size:32px}.related-grid{grid-template-columns:1fr;gap:10px}.article-comparison{margin-inline:0}.policy-page,.trends-page{width:100%;padding:30px 20px}.policy-page>h1,.trends-page>h1{font-size:32px}.diagnostic{grid-template-columns:1fr;gap:30px;padding:30px 20px}.diagnostic h1{font-size:32px}.diagnostic-flow{align-items:start;min-height:760px}.diagnostic-card{padding:20px}.diagnostic-card h2{font-size:24px}.search-page{width:100%;min-height:524px;padding:30px 20px}.search-page-heading{gap:10px}.search-page-heading h1{font-size:32px}.search-page-form{margin-top:20px}.search-count,.search-guide{margin-top:30px;font-size:18px}.search-results{grid-template-columns:1fr;gap:20px;margin-top:30px}.search-result-card{grid-template-columns:140px 1fr;gap:15px;min-height:140px}.search-result-image{width:140px;height:140px}.search-result-card>div{gap:10px;padding:5px 0}.search-result-card h2{-webkit-line-clamp:3;font-size:16px}.search-result-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.search-empty{min-height:260px;margin-top:30px;padding-top:60px}.diagnostic-result{width:100%;padding:30px 20px}.result-hero{padding-bottom:30px}.result-heading{grid-template-columns:1fr;gap:30px}.result-hero h1{font-size:32px}.result-heading>div>p:last-child{font-size:16px}.personal-color-result-card{border-radius:14px;padding:28px}.personal-color-result-card>span{margin-top:20px;font-size:12px}.personal-color-result-card h2{margin-top:10px;font-size:34px}.personal-color-result-card p{font-size:15px;line-height:1.65}.result-palette{border-radius:9px;gap:4px;height:70px;margin-top:20px;padding:4px}.result-palette span{border-radius:5px}.result-detail,.result-method{padding:30px 0}.result-detail h2,.result-method h2{margin-bottom:20px;font-size:24px;line-height:1.3}.result-actions{flex-direction:column;align-items:flex-start}}@media (min-width:901px) and (max-width:1240px){.site-header{grid-template-columns:140px minmax(480px,1fr) 180px;padding-inline:40px}.site-nav a{width:120px}.desktop-search{width:180px}.desktop-trend span{display:none}.home-hero-panel{padding-inline:70px}.home-section-inner,.footer-inner,.hub-hero-inner,.hub-articles-inner{width:calc(100% - 80px)}}@media (prefers-reduced-motion:reduce){.site-header-stack,.header-search-overlay{transition-duration:.01ms}}