@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--ink:#171716;--paper:#f5f3ee;--cream:#ece8df;--line:#d8d4ca;--muted:#6f6d67;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0;font-size:15px}button,input,select,textarea{font:inherit}button,a{transition:all .2s}button{cursor:pointer}a{color:inherit;text-decoration:none}main{min-height:70vh}::selection{color:#fff;background:#171716}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f3eee6;border-bottom:1px solid #1717161f;position:sticky;top:0}.nav-wrap{height:74px;max-width:var(--max);justify-content:space-between;align-items:center;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:11px;font-size:12px;font-weight:650;display:flex}.brand b{letter-spacing:.17em;margin-top:2px;font-size:8px;font-weight:500;display:block}.brand-mark{background:var(--ink);width:29px;height:29px;color:var(--paper);place-items:center;font-family:Georgia,serif;font-size:16px;display:inline-grid}.nav-links{align-items:center;gap:25px;font-size:12px;display:flex}.nav-links>a:not(.nav-cta){color:#55534f;padding:28px 0;position:relative}.nav-links>a.active,.nav-links>a:hover{color:#000}.nav-links>a.active:after{content:"";background:#111;height:1px;position:absolute;bottom:18px;left:0;right:0}.nav-links sup{color:#fff;background:#1b1b1a;border-radius:20px;margin-left:3px;padding:1px 5px}.nav-cta{background:var(--ink);gap:18px;padding:12px 15px;display:flex;color:#fff!important}.mobile-menu{background:0 0;border:0;font-size:21px;display:none}.eyebrow{letter-spacing:.2em;margin-bottom:24px;font-size:10px;font-weight:650;display:block}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:0 21px;font-size:12px;font-weight:620;display:inline-flex}.button.dark{color:#fff;background:#171716}.button.dark:hover{background:#383732;transform:translateY(-1px)}.button.light{background:0 0;border-color:#aaa69d}.button.light:hover{background:#fff}.button.cream{color:#171716;background:#f1ede4}.button.outline-dark{color:#fff;border-color:#65615a}.text-link{border-bottom:1px solid #aaa59c;padding-bottom:4px;font-size:12px;font-weight:650}.text-link span{margin-left:20px}.home-hero{background:#e8e4da;min-height:calc(100vh - 74px);position:relative;overflow:hidden}.home-hero:before{content:"";background:linear-gradient(90deg,#0000 49.9%,#0000000d 50%) 0 0/100% 100%,linear-gradient(#00000006 1px,#0000 1px) 0 0/100% 72px;position:absolute;inset:0}.hero-grid{max-width:var(--max);grid-template-columns:.9fr 1.1fr;align-items:center;min-height:760px;margin:auto;padding:90px 5vw;display:grid;position:relative}.hero-copy{z-index:2;max-width:650px;position:relative}.hero-copy h1,.page-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.4vw,84px);font-weight:450;line-height:1.01}.hero-copy h1 em,.page-hero h1 em,.lab-copy h2 em,.final-cta h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p{color:#615f59;max-width:520px;margin:30px 0;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.hero-actions .text-link{margin-left:17px}.hero-composition{--mx:0px;--my:0px;height:650px;position:relative}.float-card{transform:translate(var(--mx),var(--my));z-index:2;background:#fbfaf7;border:1px solid #16161521;flex-direction:column;padding:16px;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;box-shadow:0 20px 60px #29251d1c}.float-card:hover{box-shadow:0 30px 70px #29251d33}.float-card small{letter-spacing:.12em;color:#777;margin-top:13px;font-size:8px}.float-card strong{margin:8px 0 4px;font-family:Georgia,serif;font-size:26px;font-weight:400}.float-card>span{color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.float-card button{text-transform:uppercase;letter-spacing:.1em;text-align:left;border:0;margin-top:20px;padding:12px;font-size:8px}.float-colors{height:120px;display:flex}.float-colors i{flex:1}.fc-1{z-index:4;width:260px;top:24%;left:25%}.fc-2{width:205px;transform:translate(calc(var(--mx) * -.6),calc(var(--my) * -.6)) rotate(3deg);top:5%;right:0}.fc-2 .float-colors{height:90px}.fc-3{width:210px;transform:translate(calc(var(--mx) * .4),calc(var(--my) * .4)) rotate(-2deg);bottom:2%;right:2%}.fc-3 .float-colors{height:90px}.fc-4{width:180px;transform:translate(calc(var(--mx) * -.3),calc(var(--my) * .4)) rotate(-4deg);top:5%;left:0}.fc-4 .float-colors{height:75px}.scroll-note{letter-spacing:.2em;font-size:8px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-note span{text-align:center;margin-top:8px;display:block}.value-strip{color:#f6f4ef;background:#1b1b1a;justify-content:center;align-items:center;gap:5vw;min-height:78px;padding:15px 25px;display:flex}.value-strip div{font-size:18px}.value-strip span{letter-spacing:.08em;margin-left:9px;font-size:10px}.section{max-width:var(--max);margin:auto;padding:120px 32px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(40px,5vw,66px);font-weight:450}.section-heading p{max-width:550px;color:var(--muted);line-height:1.7}.palette-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.palette-card{background:#eeece6;border:1px solid #d7d3ca;min-width:0;overflow:hidden}.palette-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00000012}.card-preview{background:var(--card-bg,#f8f7f3);height:285px;padding:20px;display:block;position:relative;overflow:hidden}.preview-nav{align-items:center;gap:12px;display:flex}.preview-nav span{background:#222;width:30px;height:6px}.preview-nav i{background:#999;width:18px;height:2px}.preview-copy{z-index:2;width:70%;margin-top:55px;position:relative}.preview-copy small{letter-spacing:.13em;color:#777;font-size:7px}.preview-copy strong{margin:10px 0;font-size:30px;font-weight:500;line-height:1;display:block}.preview-copy p{color:#777;font-size:9px}.preview-copy button{border:0;margin-top:8px;padding:9px 12px;font-size:8px}.preview-orb{opacity:.9;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-45px;right:-45px}.palette-strip{height:50px;display:flex}.palette-strip span{flex:1}.palette-meta{justify-content:space-between;padding:20px 20px 22px;display:flex}.palette-meta small{letter-spacing:.13em;color:#6d6a64;font-size:8px}.palette-meta h3{margin:5px 0 10px;font-size:19px;font-weight:560}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag-row span,.chip{letter-spacing:.08em;text-transform:uppercase;border:1px solid #c6c1b7;padding:5px 7px;font-size:8px}.card-actions{gap:5px;display:flex}.card-actions button{background:0 0;border:1px solid #c8c4bb;width:35px;height:35px}.card-actions button:hover,.card-actions button.selected{color:#fff;background:#1d1d1b}.finder-callout{color:#f5f2ea;background:#1c1c1a;grid-template-columns:.4fr 1fr 1.2fr;gap:7vw;padding:110px max(5vw,32px);display:grid}.callout-number{letter-spacing:.18em;color:#9f9b92;font-size:9px}.finder-callout h2{margin:0 0 25px;font-family:Georgia,serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1}.finder-callout p{color:#aaa69e;max-width:500px;margin-bottom:30px;line-height:1.7}.finder-steps>div{border-bottom:1px solid #4a4843;grid-template-columns:45px 1fr;padding:21px 0;display:grid}.finder-steps small{color:#88847d;font-size:9px}.finder-steps span{font-size:14px}.lab-intro{grid-template-columns:.65fr 1.35fr;align-items:center;gap:8vw;display:grid}.lab-copy h2{letter-spacing:-.05em;margin:0;font-size:clamp(48px,5vw,72px);font-weight:420;line-height:1.03}.lab-copy p{color:#6c6963;margin:28px 0;line-height:1.7}.lab-copy ul{grid-template-columns:1fr 1fr;gap:15px;margin:0 0 30px;padding:0;list-style:none;display:grid}.lab-copy li{font-size:12px}.lab-copy li:before{content:"✓";margin-right:9px}.lab-window{background:#20201e;padding:12px;transform:rotate(1deg);box-shadow:0 30px 70px #0003}.lab-window-top{color:#aaa;letter-spacing:.1em;align-items:center;gap:5px;height:34px;font-size:8px;display:flex}.lab-window-top i{background:#666;border-radius:50%;width:7px;height:7px}.lab-window-top span{margin-left:15px}.lab-demo{grid-template-columns:145px 1fr;min-height:470px;display:grid}.demo-sidebar{background:#eeece6;padding:25px 17px}.demo-sidebar>small{letter-spacing:.15em;font-size:7px}.demo-sidebar>div{align-items:center;gap:8px;margin:20px 0;font-size:9px;display:flex}.demo-sidebar b{border:1px solid #bbb;width:29px;height:29px}.demo-canvas{background:#f9f6ef;padding:25px 35px}.demo-canvas nav{border-bottom:1px solid #bbb;padding-bottom:15px;font-family:Georgia;font-size:13px}.demo-canvas nav span{float:right;font-family:Arial;font-size:7px}.demo-canvas>div{padding:75px 15px}.demo-canvas small{letter-spacing:.16em;font-size:7px}.demo-canvas h3{margin:15px 0;font-family:Georgia;font-size:45px;font-weight:400;line-height:1}.demo-canvas p{color:#777;font-size:11px}.demo-canvas button{color:#fff;background:#171716;border:0;margin-top:15px;padding:13px 17px;font-size:8px}.final-cta{text-align:center;color:#f5f2eb;background:#242320;padding:120px 25px}.final-cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(50px,7vw,88px);font-weight:420;line-height:1}.final-cta p{color:#aaa69e;margin:28px}.final-cta>div{justify-content:center;gap:10px;display:flex}.page-hero{max-width:var(--max);margin:auto;padding:100px 32px 70px}.page-hero.compact h1{font-size:clamp(48px,6vw,74px)}.page-hero p{color:#6f6c65;font-size:16px;line-height:1.7}.catalog-toolbar{z-index:10;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:var(--max);background:#f5f3eef5;align-items:center;gap:12px;margin:auto;padding:14px 32px;display:flex;position:sticky;top:74px}.search-box{background:#fff;border:1px solid #d4d0c7;flex:1;align-items:center;height:48px;padding:0 15px;display:flex;position:relative}.search-box input{background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:12px}.search-box>button{background:0 0;border:0}.search-hints{background:#fff;border:1px solid #d4d0c7;padding:15px;display:none;position:absolute;top:47px;left:-1px;right:-1px;box-shadow:0 14px 30px #00000017}.search-box:focus-within .search-hints{flex-wrap:wrap;gap:8px;display:flex}.search-hints small{letter-spacing:.14em;width:100%;font-size:8px}.search-hints button{background:#f7f6f2;border:1px solid #ddd;padding:7px;font-size:9px}.sort-box{letter-spacing:.1em;border:1px solid #d4d0c7;align-items:center;height:48px;padding:0 12px;font-size:9px;display:flex}.sort-box select{background:0 0;border:0;margin-left:8px}.filter-toggle{display:none}.catalog-layout{max-width:var(--max);grid-template-columns:235px 1fr;gap:34px;margin:auto;padding:30px 32px 120px;display:grid}.filters{border-right:1px solid var(--line);padding-right:25px}.filter-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:18px;display:flex}.filter-head button{background:0 0;border:0;font-size:9px;text-decoration:underline}.filters>div,.filters>label{border-bottom:1px solid var(--line);letter-spacing:.12em;padding:20px 0;font-size:9px;display:block}.filters b,.filters label{letter-spacing:.12em;font-size:9px}.filters select{background:#fff;border:1px solid #cbc7be;width:100%;margin-top:12px;padding:11px;font-size:11px;display:block}.filter-chips{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.filter-chips button{background:0 0;border:1px solid #cbc7be;padding:6px 7px;font-size:8px}.filter-chips button.active{color:#fff;background:#1c1c1b}.segment{margin-top:13px;display:flex}.segment button{text-transform:capitalize;background:0 0;border:1px solid #bbb;flex:1;padding:8px;font-size:9px}.segment button+button{border-left:0}.segment button.active{color:#fff;background:#1b1b1a}.color-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.color-filters button{border:2px solid #fff;border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #bbb}.results-head{color:#77736c;justify-content:space-between;margin-bottom:20px;font-size:10px;display:flex}.results-head b{color:#111;font-size:15px}.empty-state{text-align:center;border:1px dashed #bbb;padding:100px}.empty-state>span{font-size:40px}.site-footer{color:#eeeae1;background:#161615;padding:70px max(4vw,32px) 25px}.footer-main{max-width:var(--max);grid-template-columns:1.2fr 1fr 1fr;gap:6vw;margin:auto;display:grid}.footer-brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:11px;display:flex}.footer-main p{color:#8e8b83;font-size:12px;line-height:1.8}.footer-links{gap:6vw;display:flex}.footer-links div{flex-direction:column;gap:12px;font-size:11px;display:flex}.footer-links b{letter-spacing:.15em;color:#888;font-size:8px}.footer-cta{border-bottom:1px solid #555;justify-content:space-between;align-self:start;padding:20px 0;font-family:Georgia;font-size:21px;display:flex}.footer-bottom{max-width:var(--max);color:#777;border-top:1px solid #333;justify-content:space-between;margin:70px auto 0;padding-top:20px;font-size:9px;display:flex}.empty-state h2{font-family:Georgia;font-size:32px;font-weight:400}@media (max-width:1100px){.nav-links{gap:14px}.palette-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr 1fr}.hero-composition{transform:scale(.84)}.finder-callout{grid-template-columns:.2fr 1fr 1fr}.lab-intro{grid-template-columns:1fr}.lab-copy{max-width:700px}.footer-main{grid-template-columns:1fr 1fr}.footer-cta{grid-column:1/-1}}@media (max-width:760px){.site-header{position:sticky}.nav-wrap{height:62px;padding:0 18px}.mobile-menu{display:block}.nav-links{background:#f5f3ee;border-bottom:1px solid #bbb;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:62px;left:0;right:0}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:10px 0}.nav-links>a.active:after{display:none}.home-hero{min-height:auto}.hero-grid{min-height:900px;padding:70px 20px;display:block}.hero-copy h1{font-size:50px}.hero-actions{align-items:stretch}.hero-actions .button{flex:1}.hero-actions .text-link{width:100%;margin:13px 0}.hero-composition{transform-origin:top;height:450px;margin:50px -100px -100px;transform:scale(.68)}.scroll-note{display:none}.value-strip{justify-content:flex-start;overflow:auto}.value-strip div{white-space:nowrap}.section{padding:75px 18px}.section-heading{display:block}.section-heading .text-link{margin-top:15px;display:inline-block}.palette-grid{grid-template-columns:1fr}.finder-callout{grid-template-columns:1fr;padding:75px 22px}.callout-number{display:none}.lab-intro{display:block}.lab-copy ul{grid-template-columns:1fr}.lab-window{margin-top:50px;overflow:hidden}.lab-demo{grid-template-columns:100px 1fr;min-height:380px}.demo-sidebar{padding:15px 8px}.demo-canvas{padding:18px 15px}.demo-canvas>div{padding:50px 5px}.demo-canvas h3{font-size:30px}.final-cta{padding:80px 18px}.final-cta>div{flex-direction:column}.page-hero{padding:70px 18px 45px}.page-hero.compact h1{font-size:49px}.catalog-toolbar{padding:10px 18px;top:62px}.sort-box{display:none}.filter-toggle{background:#fff;border:1px solid #ccc;height:48px;display:block}.catalog-layout{padding:20px 18px 80px;display:block}.filters{border:0;padding:0 0 20px;display:none}.filters.open{display:block}.results-head span:last-child{display:none}.footer-main{grid-template-columns:1fr}.footer-links{margin-top:20px}.footer-cta{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{margin-top:8px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.float-card{transform:none!important}}.palette-detail{background:var(--paper)}.detail-hero{max-width:var(--max);margin:auto;padding:35px 32px 0}.detail-breadcrumb{color:#77736c;letter-spacing:.08em;text-transform:uppercase;gap:10px;margin:15px 0 70px;font-size:9px;display:flex}.detail-title{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.detail-title h1{letter-spacing:-.05em;margin:0 0 25px;font-family:Georgia;font-size:clamp(56px,8vw,110px);font-weight:400;line-height:.9}.detail-title p{color:#65615a;max-width:620px;line-height:1.7}.detail-actions{gap:7px;display:flex}.detail-actions button{background:0 0;border:1px solid #bdb8ae;height:43px;padding:0 14px;font-size:10px}.detail-actions button.active{color:#fff;background:#1d1d1b}.large-color-strip{height:240px;display:flex}.large-color-strip button{text-align:left;border:0;flex-direction:column;flex:1;justify-content:space-between;padding:17px;display:flex;position:relative}.large-color-strip span,.large-color-strip b{letter-spacing:.12em;font-size:8px}.detail-tabs{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f5f3eef4;justify-content:center;gap:32px;padding:19px;display:flex;position:sticky;top:74px;overflow:auto}.detail-tabs a{letter-spacing:.08em;white-space:nowrap;font-size:9px}.detail-section{max-width:var(--max);margin:auto;padding:110px 32px}.intro-grid{grid-template-columns:1fr 1fr;gap:12vw;display:grid}.detail-section h2,.section-minihead h2,.export-section h2,.choose-cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,5vw,68px);font-weight:450;line-height:1.04}.detail-section h2 em{font-family:Georgia;font-weight:400}.intro-grid>div>p{color:#5f5c56;margin:0 0 40px;font-size:17px;line-height:1.8}.intro-grid h4,.guidance h4{letter-spacing:.14em;font-size:9px}.industry-list{border-top:1px solid var(--line)}.industry-list a{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 20px;padding:18px 0;display:grid}.industry-list span{color:#888;font-size:8px}.industry-list b{text-align:right}.section-minihead{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.section-minihead>p{color:#706c65;max-width:430px;line-height:1.7}.mode-toggle,.viewport-controls{border:1px solid #bbb;padding:3px;display:flex}.mode-toggle button,.viewport-controls button{text-transform:capitalize;background:0 0;border:0;padding:10px 14px;font-size:9px}.mode-toggle button.active,.viewport-controls button.active{color:#fff;background:#1b1b1a}.token-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.token{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;background:0 0;padding:12px}.token i{border:1px solid #00000014;height:110px;display:block}.token span{justify-content:space-between;padding:14px 3px 5px;display:flex}.token small{color:#777;font-size:9px}.token b{font-size:9px}.scales{margin-top:70px}.scales>div{height:150px;display:flex}.scales button{text-align:left;border:0;flex-direction:column;flex:1;justify-content:space-between;padding:10px;display:flex}.scales small,.scales span{font-size:8px}.typography-section{grid-template-columns:.7fr 1.3fr;gap:9vw;max-width:none;padding-left:max(32px,50vw - 718px);padding-right:max(32px,50vw - 718px);transition:background .35s,color .35s;display:grid}.type-info h2{font-size:clamp(46px,5vw,74px)}.type-info p{opacity:.65;line-height:1.8}.type-specimen small{letter-spacing:.13em;opacity:.5;margin-bottom:12px;font-size:8px;display:block}.type-specimen h3{margin:0 0 50px;font-size:clamp(50px,6vw,84px);font-weight:400;line-height:.95}.type-specimen h4{margin:0 0 45px;font-size:36px;font-weight:400}.type-specimen p{max-width:620px;margin-bottom:45px;font-size:17px;line-height:1.8}.type-specimen>b{letter-spacing:.13em;font-size:10px}.ui-showcase{border:1px solid var(--p-border);padding:35px;transition:background .35s,color .35s}.ui-block{border-bottom:1px solid var(--p-border);padding:30px 0}.ui-block:last-child{border-bottom:0}.ui-block>small{letter-spacing:.14em;margin-bottom:20px;font-size:8px;display:block}.ui-row{flex-wrap:wrap;gap:12px;display:flex}.ui-row button{background:0 0;border:1px solid #0000;padding:13px 20px}.ui-row button:nth-child(3){background:0 0}.form-sample{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-sample label{letter-spacing:.08em;font-size:9px}.form-sample input:not([type=checkbox]),.form-sample select{border:1px solid;width:100%;margin-top:8px;padding:13px;display:block}.check{align-items:center;gap:8px;display:flex}.switch{align-items:center;gap:8px;display:flex;position:relative}.switch input{opacity:0;position:absolute}.switch i{border-radius:20px;width:35px;height:20px;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;right:3px}.card-samples>div{grid-template-columns:1fr 1fr;gap:15px;display:grid}.card-samples article{border:1px solid;padding:24px}.card-samples h3{margin:25px 0 8px;font-size:24px}.card-samples p{opacity:.7;font-size:12px;line-height:1.6}.card-samples article button{background:0 0;border:0;padding:0}.card-samples .price>b{margin-top:20px;font-family:Georgia;font-size:30px;display:block}.card-samples .price button{margin-top:15px;padding:12px}.alert{border:1px solid;grid-column:1/-1;margin-top:15px;padding:15px;font-size:11px}.progress{grid-column:1/-1;height:7px;margin-top:15px}.progress i{height:100%;display:block}.website-frame{background:#aaa;width:100%;margin:auto;padding:10px;transition:max-width .35s}.website-frame.tablet{max-width:850px}.website-frame.mobile{max-width:390px}.website-mock{min-height:620px;transition:background .35s,color .35s}.website-mock nav{letter-spacing:.1em;border-bottom:1px solid;justify-content:space-between;align-items:center;height:70px;padding:0 4%;font-size:9px;display:flex}.website-mock nav button{border:0;padding:11px 17px;font-size:8px}.website-mock>section{grid-template-columns:1fr 1fr;align-items:center;gap:7%;min-height:490px;padding:5% 7%;display:grid}.website-mock section small{letter-spacing:.17em;font-size:7px}.website-mock section h3{letter-spacing:-.04em;margin:20px 0;font-size:clamp(40px,5vw,74px);font-weight:400;line-height:.95}.website-mock section p{opacity:.65;max-width:470px;line-height:1.7}.website-mock section button{border:0;margin-top:12px;padding:14px 18px;font-size:8px}.mock-art{height:390px;position:relative}.mock-art i{border:1px solid;border-radius:50%;width:55%;height:55%;position:absolute;top:22%;left:22%}.website-mock footer{border-top:1px solid;justify-content:space-between;align-items:center;height:60px;padding:0 4%;font-size:8px;display:flex}.website-frame.mobile .website-mock nav span,.website-frame.mobile .website-mock footer span:last-child{display:none}.website-frame.mobile .website-mock>section{grid-template-columns:1fr;padding:35px 25px}.website-frame.mobile .mock-art{grid-row:1;height:190px}.website-frame.mobile .website-mock section h3{font-size:39px}.website-frame.mobile .website-mock{min-height:700px}.full-preview{margin:30px auto 0;display:flex}.guidance{grid-template-columns:1fr 1fr;gap:9vw;display:grid}.guidance>div>p{color:#625f58;font-size:16px;line-height:1.8}.ratio-bar{border:1px solid #aaa;height:65px;margin:20px 0 10px;display:flex}.ratio-bar i{display:block}.ratio-labels{justify-content:space-between;font-size:8px;display:flex}.do-dont{grid-template-columns:1fr 1fr;gap:14px;margin-top:45px;display:grid}.do-dont>div{border:1px solid var(--line);padding:20px}.do-dont b{font-size:9px}.do-dont p{color:#777;font-size:11px;line-height:1.6}.export-section{background:#dedad1;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:100px max(32px,50vw - 718px);display:grid}.export-section p{color:#68645d;line-height:1.7}.code-card{color:#d7d3ca;background:#1b1b1a;overflow:hidden}.code-card>div{border-bottom:1px solid #3a3936;justify-content:space-between;padding:16px 20px;font-size:9px;display:flex}.code-card button{color:#fff;background:0 0;border:1px solid #555;padding:6px 10px}.code-card pre{max-height:300px;padding:20px;font-size:11px;line-height:1.7;overflow:auto}.choose-cta{background:var(--p-primary);color:var(--p-primary-foreground);text-align:center;padding:100px 25px;transition:background .35s,color .35s}.choose-cta>span{letter-spacing:.14em;font-size:9px}.choose-cta h2{margin:20px 0}.choose-cta p{opacity:.7}.choose-cta>div{justify-content:center;gap:10px;margin-top:30px;display:flex}.preview-modal{z-index:100;background:#242422;padding:15px;position:fixed;inset:0;overflow:auto}.preview-modal-head{color:#fff;justify-content:space-between;align-items:center;height:55px;font-size:10px;display:flex}.preview-modal-head>button{color:#fff;background:0 0;border:0}.preview-modal .website-frame{max-width:1400px}.mobile-detail-bar{display:none}.empty-page{text-align:center;min-height:70vh;padding:140px 20px}.empty-page>span{letter-spacing:.14em;font-size:9px}.empty-page h1{font-family:Georgia;font-size:60px;font-weight:400}.empty-page p{color:#777;margin-bottom:25px}@media (max-width:760px){.detail-hero{padding:25px 18px 0}.detail-breadcrumb{margin-bottom:45px}.detail-title{display:block}.detail-title h1{font-size:60px}.detail-actions{margin-top:30px}.detail-actions button{flex:1}.large-color-strip{height:270px}.large-color-strip button{padding:8px}.large-color-strip button span{writing-mode:vertical-rl}.detail-tabs{justify-content:flex-start;padding-left:18px;top:62px}.detail-section{padding:75px 18px}.intro-grid,.typography-section,.guidance,.export-section{grid-template-columns:1fr}.section-minihead{display:block}.mode-toggle,.viewport-controls{margin-top:25px;display:inline-flex}.token-grid{grid-template-columns:repeat(2,1fr)}.token i{height:90px}.scales>div{overflow:auto}.scales button{min-width:65px}.typography-section{padding:75px 18px}.type-specimen{margin-top:50px}.type-specimen h3{font-size:50px}.form-sample,.card-samples>div,.website-mock>section{grid-template-columns:1fr}.website-mock .mock-art{grid-row:1;height:230px}.website-mock nav span{display:none}.do-dont{grid-template-columns:1fr}.ratio-labels{flex-wrap:wrap;gap:7px}.export-section,.choose-cta{padding:75px 18px}.choose-cta>div{flex-direction:column}.mobile-detail-bar{z-index:20;background:#fff;border-top:1px solid #ccc;padding:9px;display:flex;position:sticky;bottom:0}.mobile-detail-bar button{background:#fff;border:0;border-right:1px solid #ccc;flex:1;padding:12px;font-size:10px}.mobile-detail-bar button:last-child{color:#fff;background:#171716}.preview-modal{padding:8px}.preview-modal-head b{display:none}}.design-lab-page{background:#dedbd3;min-height:100vh;padding-bottom:60px}.lab-header{justify-content:space-between;align-items:flex-end;max-width:1800px;margin:auto;padding:55px 30px 35px;display:flex}.lab-header h1{margin:0;font-family:Georgia;font-size:64px;font-weight:400}.lab-header p{color:#66625b}.lab-head-actions{gap:6px;display:flex}.lab-head-actions button{background:0 0;border:1px solid #aaa69d;height:40px;padding:0 13px;font-size:9px}.lab-head-actions .dark-action{color:#fff;background:#1b1b1a}.starter-presets{border-top:1px solid #c3bfb6;align-items:center;gap:7px;max-width:1800px;margin:auto;padding:12px 30px;display:flex;overflow:auto}.starter-presets span{letter-spacing:.14em;white-space:nowrap;margin-right:10px;font-size:8px}.starter-presets button{white-space:nowrap;background:#e9e6df;border:1px solid #bbb6ac;padding:8px 11px;font-size:9px}.lab-layout{grid-template-columns:260px minmax(550px,1fr) 280px;align-items:start;gap:10px;max-width:1800px;margin:auto;padding:0 30px;display:grid}.lab-controls,.lab-insights,.lab-center{background:#efede7;border:1px solid #c8c4bb}.panel-title{border-bottom:1px solid #cbc7be;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.panel-title b{font-size:11px}.panel-title span{letter-spacing:.12em;background:#dce6d7;padding:5px;font-size:7px}.color-control{border-bottom:1px solid #d4d0c7;padding:12px 14px}.color-control>div{justify-content:space-between;align-items:center;display:flex}.color-control label{text-transform:capitalize;font-size:10px;font-weight:600}.color-control span{color:#858178;font-size:7px}.color-control input[type=color]{appearance:none;background:0 0;border:1px solid #aaa;width:33px;height:29px;padding:0}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-control input[type=text],.color-control input:not([type]){text-align:right;background:0 0;border:0;width:90px;font-size:9px}.control-actions{gap:7px;padding:12px;display:grid}.control-actions button,.wide-button{text-align:center;background:#e4e1d9;border:1px solid #bbb7ad;padding:11px;font-size:9px}.lab-center{background:#b6b3ab}.canvas-toolbar{background:#eeece6;border-bottom:1px solid #c8c4bb;justify-content:space-between;align-items:center;height:51px;padding:6px;display:flex}.canvas-toolbar .segment{margin:0}.canvas-toolbar select{background:#fff;border:1px solid #bbb;padding:9px;font-size:9px}.component-canvas{border:1px solid;min-height:810px;margin:24px;transition:background .3s,color .3s;position:relative}.canvas-label{letter-spacing:.14em;opacity:.5;font-size:7px;position:absolute;top:82px;right:10px}.component-canvas nav{letter-spacing:.12em;border-bottom:1px solid;justify-content:space-between;align-items:center;height:64px;padding:0 30px;font-size:8px;display:flex}.component-canvas nav button{border:0;padding:10px;font-size:8px}.canvas-body{padding:55px 7%}.canvas-body>header{margin-bottom:50px}.canvas-body header>small,.canvas-body section>small{letter-spacing:.14em;font-size:7px}.canvas-body h2{margin:15px 0;font-family:Georgia;font-size:50px;font-weight:400;line-height:.95}.canvas-body header p{opacity:.65;max-width:600px;line-height:1.7}.canvas-body header a,.canvas-body article a{font-size:9px;font-weight:650}.canvas-body>section{border-top:1px solid;margin-top:35px;padding-top:20px}.canvas-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.canvas-form label{font-size:8px}.canvas-form input,.canvas-form select{border:1px solid;width:100%;margin-top:7px;padding:12px;display:block}.canvas-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.canvas-cards article{border:1px solid;padding:20px}.canvas-cards article>i{height:90px;margin-bottom:18px;display:block}.canvas-cards article>span{letter-spacing:.14em;font-size:7px}.canvas-cards h3{margin:13px 0;font-size:22px}.canvas-cards p{opacity:.65;font-size:10px;line-height:1.6}.canvas-cards button{border:0;padding:11px;font-size:8px}.status-sample{border:1px solid;padding:14px;font-size:9px}.component-canvas footer{letter-spacing:.12em;border-top:1px solid;justify-content:space-between;padding:17px 30px;font-size:7px;display:flex}.component-canvas.focused .canvas-body{padding-top:120px}.component-canvas.focused .canvas-body>section,.component-canvas.focused .canvas-body>header{transform-origin:0 0;margin-bottom:80px;transform:scale(1.12)}.split-canvas{grid-template-columns:1fr 1fr;display:grid}.split-canvas .component-canvas{min-height:780px;margin:14px}.split-canvas .component-canvas nav span{display:none}.split-canvas .canvas-body{padding:45px 6%}.split-canvas .canvas-body h2{font-size:36px}.split-canvas .canvas-cards{grid-template-columns:1fr}.lab-insights section{border-bottom:1px solid #cecac1;padding:16px}.lab-insights section>small{letter-spacing:.14em;margin-bottom:14px;font-size:7px;display:block}.contrast-row{justify-content:space-between;align-items:center;margin:13px 0;display:flex}.contrast-row div{flex-direction:column;display:flex}.contrast-row b{font-size:9px}.contrast-row span{color:#777;font-size:7px}.contrast-row strong{padding:4px 6px;font-size:14px}.contrast-row strong.pass{color:#285d38;background:#d7e6d9}.contrast-row strong.warn{color:#7f5e16;background:#eee1bd}.contrast-row strong.fail{color:#842f2b;background:#efd3d0}.suggestion{background:#e5e1d8;border-left:2px solid #777;padding:10px;font-size:9px;line-height:1.5}.harmony-row{text-transform:capitalize;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:8px 0;font-size:9px;display:flex}.harmony-row span{display:flex}.harmony-row i{border:2px solid #efede7;border-radius:50%;width:20px;height:20px;margin-left:-3px}.mood-cloud,.variation-grid{flex-wrap:wrap;gap:5px;display:flex}.mood-cloud span,.variation-grid button{background:0 0;border:1px solid #bdb9b0;padding:6px 8px;font-size:8px}.wide-button{width:100%;margin-top:7px;display:block}.toast{color:#fff;z-index:100;background:#1c1c1b;padding:13px 20px;font-size:10px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0004}@media (max-width:1200px){.lab-layout{grid-template-columns:240px 1fr}.lab-insights{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.lab-insights .panel-title{grid-column:1/-1}.canvas-toolbar .segment:last-child{display:none}}@media (max-width:760px){.design-lab-page{padding-bottom:20px}.lab-header{padding:45px 18px 25px;display:block}.lab-header h1{font-size:52px}.lab-head-actions{margin-top:25px;overflow:auto}.starter-presets{padding:12px 18px}.lab-layout{flex-direction:column;padding:0 10px;display:flex}.lab-controls,.lab-center,.lab-insights{width:100%}.lab-center{order:1}.lab-controls{order:2}.lab-insights{order:3;display:block}.canvas-toolbar{flex-wrap:wrap;height:auto}.component-canvas{min-height:750px;margin:8px}.component-canvas nav span{display:none}.canvas-body{padding:45px 20px}.canvas-body h2{font-size:40px}.canvas-form,.canvas-cards{grid-template-columns:1fr}.split-canvas{display:flex;overflow:auto}.split-canvas .component-canvas{min-width:330px}.split-canvas .canvas-body{padding:40px 18px}.lab-insights .panel-title{display:flex}}.flow-content{max-width:var(--max);margin:auto;padding:10px 32px 120px}.collection-bar,.compare-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 0;font-size:11px;display:flex}.polished-empty{text-align:center;border:1px solid var(--line);background:#ebe8e0;padding:100px 20px}.polished-empty>span{font-size:54px}.polished-empty h2{margin:20px;font-family:Georgia;font-size:44px;font-weight:400}.polished-empty p{color:#69665f;max-width:480px;margin:0 auto 25px;line-height:1.7}.flow-cta{color:#fff;text-align:center;background:#1c1c1a;margin-top:90px;padding:85px 20px}.flow-cta h2{margin:0;font-family:Georgia;font-size:52px;font-weight:400;line-height:1}.flow-cta p{color:#aaa69e}.compare-table{scroll-snap-type:x mandatory;border-top:1px solid var(--line);border-left:1px solid var(--line);display:flex;overflow:auto}.compare-table>article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);scroll-snap-align:start;flex:1;min-width:300px;padding:20px;position:relative}.compare-remove{background:0 0;border:0;font-size:9px;position:absolute;top:13px;right:13px}.compare-table article>small{letter-spacing:.12em;font-size:8px}.compare-table article>h2{margin:15px 0;font-family:Georgia;font-size:34px;font-weight:400}.compare-ui{border:1px solid;margin:18px 0;padding:18px}.compare-ui>span{margin-bottom:15px;font-size:7px;display:block}.compare-ui>button{border:0;width:100%;margin:6px 0;padding:10px;font-size:8px;display:block}.compare-ui>div{border:1px solid;margin-top:15px;padding:15px}.compare-ui h3{margin:8px 0}.compare-ui p{font-size:9px;line-height:1.5}.compare-table dl{margin:0}.compare-table dt{letter-spacing:.12em;color:#777;margin-top:15px;font-size:7px}.compare-table dd{border-bottom:1px solid var(--line);margin:5px 0;padding-bottom:12px;font-size:10px;line-height:1.6}.compare-table .choose{width:100%;margin-top:18px}.selection-grid{border:1px solid var(--line);grid-template-columns:1.2fr .8fr;display:grid}.selection-preview{flex-direction:column;justify-content:space-between;min-height:570px;padding:55px;display:flex}.selection-preview small{letter-spacing:.14em;font-size:8px}.selection-preview h2{letter-spacing:-.05em;font-size:70px;font-weight:400;line-height:.95}.selection-preview p{opacity:.7;max-width:500px;line-height:1.7}.selection-summary{background:#ebe8e0;padding:35px}.selection-summary>div,.selection-summary>label{border-bottom:1px solid #ccc7bd;padding:17px 0;display:block}.selection-summary small{letter-spacing:.13em;color:#777;margin-bottom:7px;font-size:7px;display:block}.selection-summary b,.selection-summary span{text-transform:capitalize;font-size:12px}.selection-summary textarea{resize:vertical;background:#f7f5f0;border:1px solid #c2beb4;width:100%;min-height:100px;padding:12px}.selection-summary>.button{width:100%;margin-top:14px}.finder-page{background:#ebe8df;min-height:100vh}.finder-page>header{border-bottom:1px solid #ccc7bd;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.finder-page>header>span{letter-spacing:.14em;font-size:8px}.finder-page>header>button{background:0 0;border:0;font-size:22px}.finder-page>main{max-width:1180px;margin:auto;padding:0 30px 40px}.finder-progress{background:#d0ccc3;height:2px}.finder-progress i{background:#1b1b1a;height:100%;transition:width .3s;display:block}.finder-step{min-height:650px;padding:70px 0 30px}.finder-step h1,.finder-results h1{max-width:900px;margin:0;font-family:Georgia;font-size:clamp(44px,6vw,72px);font-weight:400;line-height:1}.finder-step>p,.finder-results>p{color:#6b6861;max-width:620px;margin:22px 0 40px;font-size:15px;line-height:1.7}.industry-options{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.industry-options button{text-align:left;background:#f1efe9;border:1px solid #c9c4ba;flex-direction:column;justify-content:space-between;align-items:flex-start;height:105px;padding:15px;font-size:10px;display:flex}.industry-options span{font-size:20px}.industry-options button.active,.feeling-options button.active,.style-options button.active{color:#fff;background:#1b1b1a;border-color:#1b1b1a}.feeling-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.feeling-options button{background:#f1efe9;border:1px solid #c9c4ba;justify-content:space-between;padding:17px;font-size:11px;display:flex}.selection-count{text-align:right!important;max-width:none!important;margin:12px 0!important;font-size:9px!important}.color-options{grid-template-columns:repeat(7,1fr);gap:15px;display:grid}.color-options button{background:0 0;border:0;padding:8px}.color-options i{aspect-ratio:1;border:5px solid #ebe8df;border-radius:50%;display:block;box-shadow:0 0 0 1px #aaa}.color-options button.active i{transform:scale(.92);box-shadow:0 0 0 2px #111}.color-options span{margin-top:10px;font-size:9px;display:block}.brightness-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.brightness-options button{text-align:left;background:#eeeae3;border:1px solid #c8c3b9;flex-direction:column;height:270px;padding:15px;display:flex}.brightness-options i{flex:1;width:100%;margin-bottom:15px;display:block}.brightness-0{background:linear-gradient(135deg,#fff,#ddd)}.brightness-1{background:linear-gradient(135deg,#f4f1e8 50%,#292927 50%)}.brightness-2{background:linear-gradient(135deg,#4a4945,#121212)}.brightness-options b{font-family:Georgia;font-size:24px}.brightness-options span{color:#777;margin-top:7px;font-size:9px}.brightness-options button.active{outline:2px solid #1b1b1a}.style-options{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.style-options button{background:#f3f1eb;border:1px solid #c8c4ba;padding:8px}.style-art{background:#dedad1;place-items:center;height:120px;font-family:Georgia;font-size:50px;font-style:normal;display:grid}.style-options button>span{text-align:left;padding:11px 2px;font-size:10px;display:block}.style-options button.active .style-art{color:#fff;background:#333}.finder-nav{border-top:1px solid #ccc7bd;justify-content:space-between;padding-top:20px;display:flex}.finder-nav>button:first-child{background:0 0;border:0}.finder-results{max-width:var(--max);margin:auto;padding:90px 32px 120px}.finder-results h1 em{font-weight:400}.recommend-summary{flex-wrap:wrap;gap:7px;margin-bottom:45px;display:flex}.recommend-summary span{border:1px solid #bbb6ac;padding:8px 10px;font-size:9px}.recommended-card{position:relative}.match-label{z-index:3;background:#fff;padding:7px 9px;font-size:8px;position:absolute;top:9px;right:9px;box-shadow:0 3px 10px #0002}.results-cta{color:#fff;text-align:center;background:#1b1b1a;margin-top:80px;padding:75px 20px}.results-cta h2{font-family:Georgia;font-size:42px;font-weight:400}.results-cta p{color:#999}.results-cta .button{margin-top:15px}@media (max-width:760px){.flow-content{padding:0 18px 80px}.collection-bar{align-items:flex-start;gap:10px}.collection-bar .button{min-height:38px;padding:0 10px}.flow-cta{margin-top:60px}.flow-cta h2{font-size:40px}.selection-grid{grid-template-columns:1fr}.selection-preview{min-height:430px;padding:30px}.selection-preview h2{font-size:50px}.finder-page>header,.finder-page>main{padding:0 18px}.finder-step{padding-top:50px}.industry-options,.feeling-options{grid-template-columns:repeat(2,1fr)}.color-options{grid-template-columns:repeat(4,1fr)}.brightness-options{grid-template-columns:1fr}.brightness-options button{height:160px}.style-options{grid-template-columns:repeat(2,1fr)}.finder-results{padding:70px 18px}.finder-results .palette-grid{grid-template-columns:1fr}.compare-toolbar{align-items:flex-start}.compare-toolbar .mode-toggle{margin:0}.compare-table>article{min-width:280px}}.collection-hero{color:#f4f1e9;background:#1c1c1a;padding:110px max(32px,50vw - 718px)}.collection-hero h1{text-transform:capitalize;max-width:1000px;margin:0;font-family:Georgia;font-size:clamp(56px,8vw,100px);font-weight:400;line-height:.95}.collection-hero h1 em{color:#c8a85b}.collection-hero p{color:#aaa69d;max-width:680px;margin:30px 0;font-size:16px;line-height:1.8}.collection-hero>div{gap:7px;display:flex}.collection-hero>div span{border:1px solid #55514b;padding:8px 11px;font-size:9px}.collection-education{max-width:var(--max);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10vw;margin:auto;padding:90px 32px;display:grid}.collection-education small{letter-spacing:.14em;font-size:8px}.collection-education h2{font-family:Georgia;font-size:46px;font-weight:400}.collection-education p{color:#625f59;font-size:16px;line-height:1.8}.about-hero{background:#e5e1d8;padding:120px max(32px,50vw - 718px)}.about-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(56px,7vw,94px);font-weight:430;line-height:.95}.about-hero h1 em{font-family:Georgia;font-weight:400}.about-hero p{color:#66625b;max-width:670px;margin:35px 0;font-size:17px;line-height:1.8}.about-manifesto{color:#eeeae2;background:#1c1c1a;grid-template-columns:.3fr 1.2fr .7fr;align-items:start;gap:6vw;padding:100px max(32px,50vw - 600px);display:grid}.about-manifesto>span{letter-spacing:.14em;color:#888;font-size:8px}.about-manifesto blockquote{margin:0;font-family:Georgia;font-size:clamp(34px,4vw,58px);line-height:1.1}.about-manifesto p{color:#aaa69e;line-height:1.8}.about-values{max-width:var(--max);grid-template-columns:repeat(3,1fr);gap:2px;margin:auto;padding:100px 32px;display:grid}.about-values article{border:1px solid var(--line);min-height:300px;padding:35px}.about-values span{font-size:9px}.about-values h2{margin-top:80px;font-family:Georgia;font-size:34px;font-weight:400}.about-values p{color:#6d6962;line-height:1.7}.hyzan-block{background:#d0a64f;grid-template-columns:1fr 1fr;gap:10vw;padding:100px max(32px,50vw - 718px);display:grid}.hyzan-block h2{letter-spacing:-.04em;font-size:58px;line-height:1}.hyzan-block>div>p{max-width:600px;font-size:16px;line-height:1.8}.contact-page{background:#e7e3da;padding-bottom:110px}.contact-intro{padding:100px max(32px,50vw - 718px) 70px}.contact-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(55px,7vw,90px);font-weight:430;line-height:.95}.contact-intro h1 em{font-family:Georgia;font-weight:400}.contact-intro p{color:#625f58;max-width:650px;font-size:16px;line-height:1.7}.contact-intro>div{letter-spacing:.1em;gap:30px;margin-top:40px;font-size:8px;display:flex}.contact-form-wrap{grid-template-columns:.7fr 1.3fr;max-width:1250px;margin:auto;display:grid;box-shadow:0 25px 60px #0001}.form-context{color:#fff;background:#1c1c1a;padding:45px}.form-context h2{margin:70px 0 5px;font-family:Georgia;font-size:50px;font-weight:400}.form-context>p{color:#aaa69d}.form-context .palette-strip{margin:35px 0}.form-context .tag-row span{border-color:#555}.form-context>small{color:#888;margin-top:60px;line-height:1.7;display:block}.contact-form-wrap form{background:#f5f3ee;padding:45px}.form-title{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:25px}.form-title span{letter-spacing:.13em;font-size:8px;display:block}.form-title b{font-family:Georgia;font-size:30px;font-weight:400}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid label{letter-spacing:.1em;font-size:8px}.form-grid input,.form-grid textarea{background:0 0;border:0;border-bottom:1px solid #bbb6ac;outline:0;width:100%;padding:13px 0;font-size:11px;display:block}.form-grid input:focus,.form-grid textarea:focus{border-color:#111}.form-grid textarea{resize:vertical;min-height:100px}.form-grid .wide{grid-column:1/-1}.consent{align-items:center;gap:9px;margin:25px 0;font-size:9px;display:flex}.contact-form-wrap form>.button{width:100%}.contact-form-wrap form>small{text-align:center;color:#888;margin-top:11px;font-size:8px;display:block}.contact-success{text-align:center;background:#f5f3ee;max-width:800px;margin:auto;padding:90px 30px}.contact-success>span{font-size:40px}.contact-success h2{font-family:Georgia;font-size:48px;font-weight:400}.contact-success p{color:#68645d;max-width:570px;margin:0 auto 25px;line-height:1.7}@media (max-width:760px){.collection-hero{padding:75px 18px}.collection-education{grid-template-columns:1fr;padding:65px 18px}.collection-education h2{font-size:40px}.collection-hero>div{flex-wrap:wrap}.about-hero{padding:80px 18px}.about-manifesto{grid-template-columns:1fr;padding:75px 18px}.about-values{grid-template-columns:1fr;padding:65px 18px}.about-values h2{margin-top:40px}.hyzan-block{grid-template-columns:1fr;padding:75px 18px}.hyzan-block h2{font-size:45px}.contact-intro{padding:75px 18px 45px}.contact-intro>div{flex-direction:column;gap:10px}.contact-form-wrap{grid-template-columns:1fr;margin:0 10px}.form-context,.contact-form-wrap form{padding:30px 22px}.form-context h2{margin-top:40px}.form-grid{grid-template-columns:1fr}.contact-success{margin:0 10px;padding:70px 20px}}body{font-family:Arial,Helvetica Neue,sans-serif}.nav-search{background:0 0;border:0;padding:8px;font-size:18px}.global-search{color:#fff;z-index:80;background:#161615f5;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.search-close{color:#fff;background:0 0;border:0;font-size:11px;position:absolute;top:30px;right:30px}.global-search form{width:min(900px,100%)}.global-search label{border-bottom:1px solid #777;align-items:center;display:flex}.global-search label>span{font-size:38px}.global-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:22px;font-family:Georgia,serif;font-size:clamp(28px,5vw,55px)}.global-search label>button{white-space:nowrap;background:#f1ede4;border:0;padding:14px 18px}.global-search form>div{color:#888;margin-top:22px;font-size:9px}.global-search form>div button{color:#ddd;background:0 0;border:1px solid #555;margin:5px;padding:8px}.directory-hero{background:#e4e0d6;min-height:540px;padding:100px max(32px,50vw - 718px);position:relative}.directory-hero h1{letter-spacing:-.055em;max-width:1000px;margin:0;font-size:clamp(56px,7vw,96px);font-weight:430;line-height:.95}.directory-hero p{color:#68645e;max-width:650px;margin-top:30px;font-size:16px;line-height:1.8}.directory-hero>div{align-items:center;gap:12px;display:flex;position:absolute;bottom:90px;right:max(32px,50vw - 718px)}.directory-hero>div b{font-family:Georgia;font-size:54px;font-weight:400}.directory-hero>div span{letter-spacing:.12em;font-size:8px;line-height:1.5}.directory-grid{max-width:var(--max);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:auto;padding:80px 32px 110px;display:grid}.directory-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:360px;padding:22px;display:flex}.directory-card:hover{background:#ebe8e0}.directory-number{letter-spacing:.12em;color:#888;font-size:8px}.directory-colors{height:90px;margin:35px 0;display:flex}.directory-colors i{flex:1}.directory-card small{letter-spacing:.14em;color:#777;font-size:7px}.directory-card h2{margin:10px 0;font-family:Georgia;font-size:34px;font-weight:400}.directory-card p{color:#6e6a63;min-height:52px;font-size:11px;line-height:1.6}.directory-card>div:last-child>span{margin-top:20px;font-size:9px;font-weight:650;display:block}.directory-cta{color:#fff;text-align:center;background:#1c1c1a;padding:90px 20px}.directory-cta h2{margin:0 0 30px;font-family:Georgia;font-size:56px;font-weight:400;line-height:1}@media (max-width:1100px){.directory-grid{grid-template-columns:repeat(2,1fr)}.nav-search{display:none}}@media (max-width:760px){.global-search label{flex-wrap:wrap}.global-search input{width:calc(100% - 45px);padding:18px 10px;font-size:28px}.global-search label>button{width:100%;margin-bottom:10px}.directory-hero{min-height:540px;padding:75px 18px}.directory-hero>div{bottom:55px;left:18px;right:auto}.directory-grid{grid-template-columns:1fr;padding:50px 18px 75px}.directory-card{min-height:330px}.directory-cta h2{font-size:43px}.footer-links{flex-wrap:wrap}}.view-controls{border:1px solid #d4d0c7;height:48px;display:flex}.view-controls button{background:0 0;border:0;width:40px}.view-controls button.active{color:#fff;background:#1b1b1a}.filter-note{color:#807c74;text-transform:none;margin-top:10px;letter-spacing:0!important;display:block!important}.color-filters button.active{box-shadow:0 0 0 2px #111}.compact-grid{grid-template-columns:repeat(2,1fr)}.compact-grid .palette-card{grid-template-columns:180px 1fr;display:grid}.compact-grid .card-preview{height:210px}.compact-grid .palette-strip{z-index:2;flex-direction:column;width:34px;height:auto;position:absolute;top:0;bottom:0;left:180px}.compact-grid .palette-meta{align-items:center;padding-left:54px}.compact-grid .preview-copy{margin-top:30px}.compact-grid .preview-copy strong{font-size:22px}.compact-grid .preview-orb{width:100px;height:100px}@media (max-width:760px){.view-controls{display:none}.compact-grid{grid-template-columns:1fr}.compact-grid .palette-card{display:block}.compact-grid .card-preview{height:260px}.compact-grid .palette-strip{flex-direction:row;width:auto;height:45px;position:static}.compact-grid .palette-meta{padding-left:20px}}.preview-button{border:0;margin-top:8px;padding:9px 12px;font-size:8px;display:inline-block}.loading-page{max-width:var(--max);margin:auto;padding:100px 32px}.loading-heading{background:#e1ded6;width:55%;height:80px;animation:1.2s ease-in-out infinite alternate skeleton}.loading-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;display:grid}.loading-card{border:1px solid var(--line);height:380px;padding:15px}.loading-card i,.loading-card span,.loading-card b{background:#e1ded6;animation:1.2s ease-in-out infinite alternate skeleton;display:block}.loading-card i{height:250px}.loading-card span{width:35%;height:12px;margin-top:20px}.loading-card b{width:65%;height:22px;margin-top:12px}@keyframes skeleton{to{opacity:.45}}@media (max-width:760px){.loading-page{padding:70px 18px}.loading-heading{width:90%;height:60px}.loading-grid{grid-template-columns:1fr}.loading-card:nth-child(n+4){display:none}}@media print{.site-header,.site-footer,.detail-tabs,.detail-actions,.choose-cta,.mobile-detail-bar,.full-preview{display:none!important}.palette-detail{background:#fff}.detail-section,.detail-hero{padding:30px!important}.large-color-strip{break-inside:avoid}.token-grid{grid-template-columns:repeat(4,1fr)}.website-section,.components-section{break-before:page}}.send-options{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.edit-brief{background:0 0;border:0;margin-top:22px;font-size:10px;text-decoration:underline}.export-tools{gap:12px;display:grid}.export-actions{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.export-actions button{background:0 0;border:1px solid #a9a49a;padding:10px 12px;font-size:9px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}