/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--paper:#f5f0e5;--paper-deep:#ebe3d4;--ink:#171612;--rule:#c8beac;--accent:#5b5bef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.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}.site-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(22px,4vw,58px);min-height:72px;padding:10px clamp(18px,3vw,44px);display:grid}.brand{text-transform:uppercase;align-items:center;gap:8px;width:fit-content;display:inline-flex}.brand i{background:var(--accent);border:1px solid var(--ink);width:13px;height:31px;margin-right:2px}.brand span{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-size:30px}.brand sup{letter-spacing:.12em;margin-top:3px;font-size:9px}.brand small{letter-spacing:.11em;white-space:nowrap;align-self:flex-end;margin-bottom:4px;font-size:7px}.topbar nav{border:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;justify-self:center;gap:5px;padding:4px;font-size:9px;display:flex}.topbar nav a{padding:8px 10px}.topbar nav a,footer a{border-bottom:1px solid #0000;transition:border-color .18s}.topbar nav a:hover{background:var(--ink);color:var(--paper);border-color:#0000}footer a:hover{border-color:currentColor}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.account-nav{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:4px;font-size:8px;display:flex}.account-nav a,.account-link{border:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;padding:7px 8px;font-size:8px}.account-nav a:hover,.account-link:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.account-nav b{background:var(--accent);color:#fff;border-radius:50%;place-items:center;min-width:16px;height:16px;margin-left:3px;font-size:7px;display:inline-grid}.account-nav .account-join{background:var(--accent);border-color:var(--accent);color:#fff}.header-search{border:1px solid var(--ink);background:#fff;grid-template-columns:auto minmax(74px,110px) 34px auto;align-items:center;display:grid}.header-search>span{letter-spacing:.12em;opacity:.55;padding-left:9px;font-size:7px}.header-search input{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:9px 7px}.header-search button{border:0;border-left:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;align-self:stretch;padding:0 10px;font-size:8px}.header-search button:hover{background:var(--accent)}.header-search .header-eyedropper{color:var(--ink);text-transform:none;background:#fff;padding:0;font-size:16px}.header-search .header-eyedropper:hover{background:var(--paper-deep)}.hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);display:grid}.hero-copy{flex-direction:column;align-items:flex-start;min-height:330px;padding:clamp(24px,3vw,36px) clamp(25px,4vw,58px) 24px clamp(18px,3vw,44px);display:flex}.eyebrow,.section-heading>p:first-child,.mini-heading p,.fingerprint-title>p,.related>div:first-child p{letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font-size:10px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin:0 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,6vw,88px);font-weight:400;line-height:.9}h1>span{letter-spacing:.02em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:.34em;line-height:1}h1 em,.section-heading h2 em,.fingerprint h2 em{color:var(--accent);font-weight:400}.hero-intro{max-width:535px;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.45}.hero-intro strong{letter-spacing:.04em;font-family:Arial,Helvetica,sans-serif;font-size:.8em}.hero-search{width:min(590px,100%);margin-top:auto}.hero-search label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:11px;display:block}.hero-search>div{border:1px solid var(--ink);background:#fff;display:flex}.hero-search input{text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 17px;font-family:Georgia,serif;font-size:21px}.hero-search input:focus{box-shadow:inset 0 -3px var(--accent)}.hero-search button{border:0;border-left:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;padding:0 26px;font-size:12px}.hero-search button:hover{background:var(--accent)}.hero-search small{opacity:.65;margin-top:8px;font-size:10px;display:block}.wheel-link{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;margin:11px 0 18px;padding-bottom:3px;font-size:9px}.specimen{border-left:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:330px;padding:16px clamp(20px,2.5vw,36px);display:flex}.specimen-top,.specimen-foot{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;gap:30px;font-size:10px;display:flex}.specimen-top button{color:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid;padding:5px 8px;font-size:8px}.specimen-mark{letter-spacing:-.07em;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(62px,7vw,108px);line-height:.9}.save-color{border:1px solid var(--ink);min-height:38px;color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;align-items:center;gap:8px;padding:8px 13px;font-size:9px;display:inline-flex}.save-color span{color:var(--accent);font-size:18px;line-height:1}.save-color:hover,.save-color.is-saved{background:var(--ink);color:var(--paper)}.save-color.is-saved span{color:#ff8ea1}.save-color:disabled{opacity:.55;cursor:wait}.relationship-wheel{border-bottom:1px solid var(--ink);grid-template-columns:minmax(240px,.62fr) minmax(360px,.85fr) minmax(250px,.62fr);align-items:center;display:grid}.wheel-copy{border-right:1px solid var(--ink);flex-direction:column;align-self:stretch;align-items:flex-start;padding:30px clamp(22px,4vw,48px);display:flex}.wheel-copy>p:first-child{text-transform:uppercase;letter-spacing:.12em;margin:0 0 24px;font-size:9px}.wheel-copy h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:.96}.wheel-copy h2 em{color:var(--accent);font-weight:400}.wheel-copy>p:not(:first-child){margin:22px 0;font-family:Georgia,serif;font-size:14px;line-height:1.45}.wheel-copy>a{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;margin-top:auto;font-size:8px}.atlas-wheel{place-items:center;padding:20px;display:grid}.interactive-wheel{aspect-ratio:1;background:radial-gradient(circle,var(--paper) 0 18%,transparent 18.5%),repeating-radial-gradient(circle,transparent 0 20%,#1716121f 20.4% 20.8%,transparent 21.2% 29%);border-radius:50%;width:min(100%,470px);position:relative}.interactive-wheel:before{content:"";background:conic-gradient(from -15deg,#ef4444 0 8.33%,#f97316 8.33% 16.66%,#eab308 16.66% 25%,#84cc16 25% 33.33%,#22c55e 33.33% 41.66%,#14b8a6 41.66% 50%,#06b6d4 50% 58.33%,#0ea5e9 58.33% 66.66%,#3b82f6 66.66% 75%,#8b5cf6 75% 83.33%,#d946ef 83.33% 91.66%,#f43f5e 91.66% 100%);opacity:.12;box-shadow:inset 0 0 0 82px var(--paper);pointer-events:none;border:1px solid #17161273;border-radius:50%;position:absolute;inset:1%}.wheel-axis{z-index:1;background:repeating-linear-gradient(90deg,var(--ink) 0 5px,transparent 5px 10px);transform-origin:50%;pointer-events:none;width:88%;height:1px;position:absolute;top:50%;left:50%}.wheel-dot{z-index:2;border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;transition:box-shadow .13s;position:absolute;transform:translate(-50%,-50%)}.wheel-dot>a{border-radius:50%;position:absolute;inset:0}.wheel-dot:hover,.wheel-dot:focus-within{z-index:12;box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)}.wheel-key-dot{z-index:5;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--ink);border-width:2px}.wheel-key-dot:before{content:attr(data-relation);z-index:3;border:1px solid var(--ink);background:var(--paper);width:max-content;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;padding:3px 6px;font-size:7px;line-height:1;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.wheel-key-dot.is-base{box-shadow:0 0 0 4px var(--paper),0 0 0 7px var(--accent)}.wheel-key-dot.is-base:before{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.wheel-tooltip{z-index:4;background:var(--paper);width:158px;color:var(--ink);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);opacity:0;pointer-events:none;padding:8px;transition:opacity .13s,transform .13s;position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%,4px)}.wheel-tooltip:after{content:"";border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.wheel-dot:hover .wheel-tooltip,.wheel-dot:focus-within .wheel-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%)}.wheel-tooltip>i{border:1px solid var(--ink);height:38px;margin:-1px -1px 8px;display:block}.wheel-tooltip span,.wheel-tooltip strong{display:block}.wheel-tooltip span{text-transform:uppercase;letter-spacing:.09em;font-size:7px}.wheel-tooltip strong{margin:3px 0 8px;font-family:Georgia,serif;font-size:16px;font-weight:400}.wheel-tooltip>div{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.wheel-tooltip>div a,.wheel-tooltip button{color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:6px 5px;font-size:7px}.wheel-tooltip button{border-left:1px solid var(--ink)}.wheel-tooltip>div a:hover,.wheel-tooltip button:hover{background:var(--ink);color:var(--paper)}.wheel-centre{z-index:6;border:1px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffffff8c}.wheel-centre>button{border:1px solid var(--ink);cursor:pointer;border-radius:50%;width:20px;height:20px;padding:0;transition:box-shadow .13s}.wheel-centre>button:hover,.wheel-centre>button:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink);outline:0}.wheel-centre>div{border:1px solid var(--ink);width:126px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:center;opacity:0;pointer-events:none;background:#fff;padding:8px;transition:opacity .13s,transform .13s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.wheel-centre:hover>div,.wheel-centre:focus-within>div{opacity:1;transform:translate(-50%)}.wheel-centre span,.wheel-centre strong,.wheel-centre small{display:block}.wheel-centre span,.wheel-centre small{text-transform:uppercase;letter-spacing:.08em;font-size:7px}.wheel-centre strong{margin:3px 0;font-family:Georgia,serif;font-size:14px;font-weight:400}.wheel-centre small{opacity:.6}.wheel-relation-list{border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.wheel-relation-list article{border-bottom:1px solid #17161266;border-right:1px solid #17161266;flex-direction:column;min-height:110px;padding:10px;display:flex;position:relative}.wheel-relation-list article:nth-child(2n){border-right:0}.wheel-relation-list article:nth-last-child(-n+2){border-bottom:0}.wheel-relation-list a{flex-direction:column;flex:1;justify-content:space-between;display:flex}.wheel-relation-list span{text-transform:uppercase;letter-spacing:.08em;font-size:7px}.wheel-relation-list strong{font-family:Georgia,serif;font-size:14px;font-weight:400}.wheel-relation-list button{width:22px;height:22px;color:inherit;cursor:pointer;opacity:0;background:0 0;border:1px solid;padding:0;transition:all .16s;position:absolute;top:8px;right:8px}.wheel-relation-list article:hover button,.wheel-relation-list article:focus-within button{opacity:1}.section{border-bottom:1px solid var(--ink);grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);display:grid}.section-heading{border-right:1px solid var(--ink);padding:34px clamp(22px,4vw,48px)}.section-heading h2,.fingerprint h2{letter-spacing:-.045em;margin-bottom:16px;font-family:Georgia,serif;font-size:clamp(36px,3.7vw,52px);font-weight:400;line-height:.96}.section-heading>p:last-child{max-width:390px;font-family:Georgia,serif;font-size:17px;line-height:1.55}.reference .section-heading{padding:24px clamp(20px,3vw,36px)}.reference .section-heading h2{font-size:clamp(31px,3.2vw,43px)}.reference-grid{padding:16px clamp(16px,2.2vw,28px)}.formats-grid{border:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.format-row{border:0;border-bottom:1px solid var(--rule);cursor:pointer;text-align:left;background:0 0;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:58px;padding:9px 11px;transition:background-color .16s,padding-left .16s;display:grid;position:relative}.format-row:nth-child(odd){border-right:1px solid var(--ink)}.format-row:nth-child(2n){padding-left:22px}.format-row:nth-last-child(-n+2){border-bottom:0}.format-row:hover{background:var(--paper-deep)}.format-row:hover b{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.format-row span{letter-spacing:.13em;font-size:10px;font-weight:700}.format-row code{white-space:normal;overflow-wrap:anywhere;font-family:Georgia,serif;font-size:clamp(13px,1.15vw,16px)}.format-row b{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.07em;padding:6px 8px;font-size:8px;transition:all .18s}.reference-notes{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.reference-note{border:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:4px;margin:0;padding:10px;display:flex}.reference-note span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.reference-note strong{font-family:Georgia,serif;font-size:16px;font-weight:400}.reference-note b{text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:9px}.tonal-section,.vision-section{border-bottom:1px solid var(--ink);padding:30px clamp(18px,3vw,44px) 34px}.mini-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.mini-heading p{margin-bottom:0}.mini-heading h2{margin:0;font-family:Georgia,serif;font-size:32px;font-weight:400}.tonal-anchor{border:1px solid var(--ink);gap:3px;min-width:164px;padding:11px 42px 10px 12px;display:grid;position:relative}.tonal-anchor span{text-transform:uppercase;letter-spacing:.1em;font-size:7px}.tonal-anchor strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.tonal-anchor button{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:1px solid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.tone-group{grid-template-columns:70px 1fr;align-items:stretch;margin-top:12px;display:grid}.tone-group>span{text-transform:uppercase;letter-spacing:.1em;padding-top:12px;font-size:9px}.tint-grid{border:1px solid var(--ink);grid-template-columns:repeat(20,minmax(42px,1fr));min-height:94px;display:grid;overflow-x:auto}.tone-chip{border-right:1px solid #17161261;flex-direction:column;justify-content:space-between;min-width:0;padding:5px;display:flex;position:relative}.tone-chip:last-child{border-right:0}.tone-chip a{flex-direction:column;flex:1;justify-content:flex-end;min-height:74px;display:flex}.tone-chip:hover{outline:2px solid var(--ink);outline-offset:-2px}.tone-chip span,.tone-chip b{opacity:0;transition:all .15s;transform:translateY(3px)}.tone-chip span{text-transform:uppercase;letter-spacing:.04em;font-size:7px}.tone-chip b{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:7px}.tone-chip:hover span,.tone-chip:hover b,.tone-chip:focus-within span,.tone-chip:focus-within b{opacity:1;transform:none}.tone-chip button{background:currentColor;border:1px solid;width:20px;height:20px;position:absolute;top:5px;right:5px}@supports (color:color-mix(in lab, red, red)){.tone-chip button{background:color-mix(in srgb, currentColor 7%, transparent)}}.tone-chip button{color:inherit;cursor:pointer;padding:0;font-size:11px;line-height:18px}.tonal-anchor button,.tone-chip button,.palette-chip button,.vision-grid article button,.related article button,.curated-chip button,.specimen-top button{transition:transform .16s,background-color .16s,box-shadow .16s}.tonal-anchor button:hover,.tone-chip button:hover,.palette-chip button:hover,.vision-grid article button:hover,.related article button:hover,.curated-chip button:hover,.specimen-top button:hover{background:currentColor;transform:translateY(-2px)scale(1.06)}@supports (color:color-mix(in lab, red, red)){.tonal-anchor button:hover,.tone-chip button:hover,.palette-chip button:hover,.vision-grid article button:hover,.related article button:hover,.curated-chip button:hover,.specimen-top button:hover{background:color-mix(in srgb, currentColor 22%, transparent)}}.tonal-anchor button:hover,.tone-chip button:hover,.palette-chip button:hover,.vision-grid article button:hover,.related article button:hover,.curated-chip button:hover,.specimen-top button:hover{box-shadow:0 3px}@supports (color:color-mix(in lab, red, red)){.tonal-anchor button:hover,.tone-chip button:hover,.palette-chip button:hover,.vision-grid article button:hover,.related article button:hover,.curated-chip button:hover,.specimen-top button:hover{box-shadow:0 3px 0 color-mix(in srgb, currentColor 38%, transparent)}}.tonal-anchor button:hover{transform:translateY(calc(-50% - 2px))scale(1.06)}.contrast-workbench{grid-template-columns:1fr 1fr;gap:12px;padding:28px clamp(18px,3vw,44px);display:grid}.contrast-card{border:1px solid var(--ink);flex-direction:column;min-height:195px;padding:17px;display:flex}.contrast-card>div{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:15px;font-size:9px;display:flex}.contrast-card h3{margin:auto 0 8px;font-family:Georgia,serif;font-size:25px;font-weight:400}.contrast-card p{opacity:.8;max-width:290px;font-size:13px;line-height:1.45}.contrast-card button{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:1px solid;width:fit-content;padding:10px 14px;font-size:10px}.contrast-verdict{border-top:1px solid var(--ink);grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;gap:8px 30px;padding-top:26px;display:grid}.contrast-verdict span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.contrast-verdict strong{grid-column:1;font-family:Georgia,serif;font-size:31px;font-weight:400}.contrast-verdict p{grid-area:1/2/span 2;margin:0;font-size:12px}.meter{background:var(--paper-deep);grid-column:1/-1;height:7px;margin-top:10px}.meter i{background:var(--accent);height:100%;display:block}.palette-stack{gap:10px;padding:20px clamp(18px,3vw,44px);display:grid}.palette-row{border:1px solid var(--ink);grid-template-columns:150px 1fr;display:grid}.palette-row>header{border-right:1px solid var(--ink);padding:12px}.palette-row h3{margin:0 0 5px;font-family:Georgia,serif;font-size:17px;font-weight:400}.palette-row header p{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin:0;font-size:8px}.palette-swatches{grid-template-columns:repeat(5,1fr);min-width:0;display:grid}.palette-swatches.count-2{grid-template-columns:repeat(2,1fr)}.palette-swatches.count-3{grid-template-columns:repeat(3,1fr)}.palette-swatches.count-4{grid-template-columns:repeat(4,1fr)}.palette-size{gap:3px;margin-top:12px;display:flex}.palette-size button{border:1px solid var(--ink);cursor:pointer;background:0 0;width:24px;height:24px;padding:0;font-size:8px}.palette-size button.active{background:var(--ink);color:var(--paper)}.palette-chip{border-right:1px solid #17161273;flex-direction:column;min-width:0;min-height:90px;padding:8px;display:flex}.palette-chip:last-child{border-right:0}.palette-chip a{flex-direction:column;flex:1;justify-content:space-between;display:flex}.palette-chip span{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:12px}.palette-chip b{text-transform:uppercase;letter-spacing:.07em;font-size:7px}.palette-chip button{width:fit-content;color:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid;margin-top:7px;padding:4px 5px;font-size:7px}.palette-chip:hover{outline:2px solid var(--ink);outline-offset:-2px}.fingerprint{background:var(--ink);color:var(--paper);padding:38px clamp(18px,3vw,44px)}.fingerprint-title{grid-template-columns:.75fr 1.25fr;display:grid}.fingerprint-title>p{padding-top:9px}.traits{border-top:1px solid #5c574f;border-bottom:1px solid #5c574f;grid-template-columns:repeat(3,1fr);display:grid}.traits article{border-right:1px solid #5c574f;flex-direction:column;min-height:178px;margin-right:28px;padding:22px 28px 22px 0;display:flex}.traits article:last-child{border-right:0}.traits span,.roles>span{text-transform:uppercase;letter-spacing:.13em;color:#bdb4a7;font-size:9px}.traits strong{color:var(--accent);margin:auto 0 12px;font-family:Georgia,serif;font-size:38px;font-weight:400}.traits p{color:#d8d0c4;margin:0;font-family:Georgia,serif;font-size:15px;line-height:1.5}.roles{grid-template-columns:.7fr 1.4fr auto;align-items:center;gap:35px;padding-top:35px;display:grid}.roles ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.roles li{border:1px solid #5c574f;padding:8px 11px;font-family:Georgia,serif;font-size:13px}.roles button{border:1px solid var(--paper);color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:14px 18px;font-size:10px}.roles button:hover{background:var(--paper);color:var(--ink)}.vision-intro{max-width:600px;margin:-12px 0 24px;font-family:Georgia,serif;font-size:15px}.vision-grid{border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.vision-grid article{border-right:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:145px;padding:12px;display:flex}.vision-grid article:last-child{border-right:0}.vision-grid article a{flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;display:flex}.vision-grid article button{width:fit-content;color:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid;padding:4px 6px;font-size:7px}.vision-grid span,.vision-grid small{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.vision-grid b{font-family:Georgia,serif;font-size:20px;font-weight:400}.related{padding:32px clamp(18px,3vw,44px) 38px}.related>div:first-child{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.related>div:first-child p{margin:0}.related h2{margin:0;font-family:Georgia,serif;font-size:35px;font-weight:400}.related>div:last-child{border:1px solid var(--ink);grid-template-columns:repeat(10,1fr);display:grid}.related article{border-right:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:132px;padding:10px;display:flex}.related article:last-child{border-right:0}.related article a{flex-direction:column;flex:1;justify-content:space-between;transition:transform .18s;display:flex}.related article a:hover{transform:translateY(-4px)}.related article span{font-family:Georgia,serif;font-size:14px}.related article b{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.related article button{width:fit-content;color:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid;margin-top:10px;padding:7px 9px;font-size:9px}.curated-palettes{border-top:1px solid var(--ink);padding:34px clamp(18px,3vw,44px) 42px}.curated-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.curated-heading p{text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:9px}.curated-heading h2{margin:0;font-family:Georgia,serif;font-size:35px;font-weight:400}.curated-heading>span{text-transform:uppercase;letter-spacing:.09em;font-size:8px}.curated-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.curated-card{border:1px solid var(--ink);min-width:0}.curated-card>header{border-bottom:1px solid var(--ink);padding:11px 12px}.curated-card h3{margin:0 0 3px;font-family:Georgia,serif;font-size:16px;font-weight:400}.curated-card header p{text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin:0;font-size:7px}.curated-card>div{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.curated-chip{border-right:1px solid #17161266;min-width:0;min-height:118px;position:relative}.curated-chip:last-child{border-right:0}.curated-chip a{flex-direction:column;justify-content:flex-end;padding:7px 4px;display:flex;position:absolute;inset:0}.curated-chip span{opacity:0;writing-mode:vertical-rl;letter-spacing:.02em;font-size:7px;transition:opacity .16s}.curated-chip b{text-transform:uppercase;letter-spacing:.05em;font-size:6px;position:absolute;bottom:5px;left:4px}.curated-chip button{width:19px;height:19px;color:inherit;cursor:pointer;opacity:0;background:0 0;border:1px solid;padding:0;font-size:10px;position:absolute;top:5px;right:4px}.curated-chip:hover span,.curated-chip:focus-within span,.curated-chip:hover button,.curated-chip:focus-within button{opacity:1}footer{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr .6fr;align-items:start;gap:28px;padding:34px clamp(18px,3vw,44px);display:grid}footer p{font-family:Georgia,serif;font-size:25px;line-height:1.25}footer>div:nth-child(3){text-transform:uppercase;letter-spacing:.08em;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px;display:flex}footer small{opacity:.58;grid-column:2/-1;font-size:10px}.toast{z-index:10;background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.08em;opacity:0;pointer-events:none;padding:12px 16px;font-size:11px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(30px)}.toast.show{opacity:1;transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.header-search input:focus,.header-search input:focus-visible{outline-offset:0;box-shadow:none;outline:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.header-search{width:210px}.hero{grid-template-columns:1fr}.hero-copy{min-height:auto}.specimen{border:0;border-top:1px solid var(--ink);min-height:360px}.section{grid-template-columns:1fr}.section-heading{border-right:0;border-bottom:1px solid var(--ink)}.relationship-wheel{grid-template-columns:.7fr 1.3fr}.wheel-relation-list{border-left:0;border-top:1px solid var(--ink);grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.wheel-relation-list article:nth-child(2n){border-right:1px solid #17161266}.wheel-relation-list article:nth-child(3n){border-right:0}.wheel-relation-list article:nth-last-child(-n+3){border-bottom:0}.fingerprint-title,.traits{grid-template-columns:1fr}.traits article{border-bottom:1px solid #5c574f;border-right:0;min-height:185px;margin:0}.roles{grid-template-columns:1fr}.palette-row{grid-template-columns:125px 1fr}.related>div:last-child{grid-template-columns:repeat(5,1fr)}.curated-grid,.vision-grid{grid-template-columns:repeat(2,1fr)}.vision-grid article:nth-child(2){border-right:0}.vision-grid article{border-bottom:1px solid var(--ink)}}@media (width<=600px){.topbar{gap:12px;min-height:68px}.brand i,.brand small{display:none}.brand span{font-size:23px}.account-nav .account-join{display:none}.account-nav a,.account-link{padding:6px}.header-actions{gap:6px}.header-search{grid-template-columns:minmax(64px,1fr) 32px auto;width:178px}.header-search>span{display:none}.header-search button{padding:0 8px}.header-search input{min-width:0}.hero-copy{padding-top:34px}.specimen{min-height:310px}.specimen-mark{font-size:62px}.relationship-wheel{grid-template-columns:1fr}.wheel-copy{border-right:0;border-bottom:1px solid var(--ink)}.interactive-wheel{width:min(100%,390px)}.interactive-wheel:before{box-shadow:inset 0 0 0 68px var(--paper)}.wheel-dot{width:37px;height:37px}.wheel-centre{width:52px;height:52px}.wheel-key-dot:before{padding:3px 4px;font-size:6px}.wheel-relation-list{grid-template-columns:repeat(2,1fr)}.wheel-relation-list article:nth-child(3n){border-right:1px solid #17161266}.wheel-relation-list article:nth-child(2n){border-right:0}.wheel-relation-list article:nth-last-child(-n+3){border-bottom:1px solid #17161266}.wheel-relation-list article:nth-last-child(-n+2){border-bottom:0}.formats-grid{grid-template-columns:1fr}.format-row{grid-template-columns:48px 1fr}.format-row:nth-child(odd){border-right:0}.format-row:nth-child(2n){padding-left:14px}.format-row:nth-last-child(2){border-bottom:1px solid var(--rule)}.format-row b{display:none}.format-row code{font-size:15px}.reference-notes{grid-template-columns:1fr}.mini-heading,.related>div:first-child,.curated-heading{display:block}.mini-heading p,.related>div:first-child p{margin-bottom:12px}.tonal-anchor{width:100%;margin-top:16px}.curated-heading>span{margin-top:9px;display:block}.contrast-workbench{grid-template-columns:1fr}.contrast-verdict{display:block}.contrast-verdict>*{margin-bottom:8px;display:block}.tone-group{grid-template-columns:1fr}.tone-group>span{padding:0 0 7px}.tint-grid{grid-template-columns:repeat(20,44px)}.palette-row{grid-template-columns:1fr}.palette-row>header{border-right:0;border-bottom:1px solid var(--ink)}.palette-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.palette-swatches.count-2{grid-template-columns:repeat(2,1fr)}.palette-swatches.count-3{grid-template-columns:repeat(3,1fr)}.palette-swatches.count-4{grid-template-columns:repeat(4,1fr)}.palette-chip{min-height:92px;padding:6px 5px}.palette-chip span{font-size:9px}.related>div:last-child{grid-template-columns:repeat(2,1fr)}.related article{min-height:115px}.curated-grid{grid-template-columns:1fr}.curated-chip{min-height:105px}.vision-grid{grid-template-columns:1fr}.vision-grid article{border-right:0}footer{grid-template-columns:1fr}footer small{grid-column:1}}.universal-nav{background:var(--paper);z-index:2;position:relative}.universal-nav nav{gap:5px}.home-hero{border-bottom:1px solid var(--ink);grid-template-columns:1.05fr .95fr;min-height:450px;display:grid}.home-hero>div:first-child{flex-direction:column;align-items:flex-start;padding:38px clamp(20px,4vw,56px);display:flex}.home-hero h1{margin-bottom:24px}.home-hero h1 em{color:var(--accent);font-weight:400}.home-hero>div:first-child>p:not(.eyebrow){max-width:610px;font-family:Georgia,serif;font-size:19px;line-height:1.5}.home-hero form{width:min(600px,100%);margin-top:auto}.home-hero form label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;display:block}.home-hero form div{border:1px solid var(--ink);background:#fff;display:flex}.home-hero form input{text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:15px;font-family:Georgia,serif;font-size:22px}.home-hero form button{border:0;border-left:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;padding:0 22px;font-size:10px}.home-specimen{border-left:1px solid var(--ink);grid-template-rows:1fr auto;gap:20px;padding:28px;display:grid}.home-color-stage{border:1px solid var(--ink);grid-template-rows:1fr 46px;min-height:310px;display:grid}.home-color-stage>i{display:block}.home-color-stage .stage-actions{border-top:1px solid var(--ink);background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:8px;display:flex}.home-color-stage .stage-actions button{border:1px solid var(--ink);cursor:pointer;font-size:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;padding:5px 7px}.home-specimen span{font-family:Georgia,serif;font-size:23px;line-height:1.2}.home-proof{border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,auto 1fr);align-items:center;display:grid}.home-proof b{color:var(--accent);padding:20px 12px 20px 30px;font-family:Georgia,serif;font-size:27px}.home-proof span{text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--rule);padding:20px 28px 20px 0;font-size:9px;line-height:1.35}.home-proof-single{border-bottom:1px solid var(--ink);align-items:baseline;gap:18px;min-height:76px;padding:13px clamp(22px,4vw,56px);display:flex}.home-proof-single strong{color:var(--accent);font-family:Georgia,serif;font-size:37px;font-weight:400}.home-proof-single span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.home-section{border-bottom:1px solid var(--ink);padding:30px clamp(18px,3vw,44px) 34px}.popular-grid{border:1px solid var(--ink);grid-template-columns:repeat(8,1fr);display:grid}.popular-grid article{border-right:1px solid var(--ink);flex-direction:column;min-height:190px;padding:12px;display:flex}.popular-grid article:last-child{border-right:0}.popular-grid a{flex-direction:column;flex:1;justify-content:space-between;display:flex}.popular-grid span{font-family:Georgia,serif;font-size:16px}.popular-grid b,.popular-grid button{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.popular-grid button{width:fit-content;color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:6px 8px}.cornerstone>div:last-child{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.cornerstone a{border-right:1px solid var(--rule);margin-right:28px;padding:18px 28px 24px 0}.cornerstone a:last-child{border-right:0}.cornerstone a>span,.cornerstone a>b{text-transform:uppercase;letter-spacing:.09em;font-size:9px}.cornerstone h3{margin:14px 0 10px;font-family:Georgia,serif;font-size:28px;font-weight:400}.resource-visual{border:1px solid var(--ink);height:150px;margin:15px 0 0}.swatch-visual{grid-template-columns:repeat(4,1fr);display:grid}.swatch-visual i:first-child{background:#ff6b6b}.swatch-visual i:nth-child(2){background:#f7b801}.swatch-visual i:nth-child(3){background:#2ec4b6}.swatch-visual i:nth-child(4){background:#5b5bef}.contrast-visual{grid-template-columns:1fr 1fr;display:grid}.contrast-visual i{place-items:center;font-family:Georgia,serif;font-size:48px;font-style:normal;display:grid}.contrast-visual i:first-child{color:#f5f0e5;background:#171612}.contrast-visual i:last-child{color:#fff;background:#5b5bef}.code-visual{background:var(--ink);color:var(--paper);place-items:center;display:grid}.code-visual code{font-family:Georgia,serif;font-size:32px}.wheel-visual{background:var(--paper-deep);place-items:center;display:grid}.wheel-visual i{width:112px;height:112px;box-shadow:inset 0 0 0 28px var(--paper);background:conic-gradient(#ff3b30,#fc0,#34c759,#00c7be,#007aff,#af52de,#ff2d55,#ff3b30);border-radius:50%}.home-usps{background:var(--ink);color:var(--paper);grid-template-columns:1.2fr repeat(2,1fr);display:grid}.home-usps>*{border-bottom:1px solid #514c44;border-right:1px solid #514c44;min-height:190px;padding:28px}.home-usps>div{grid-row:span 2}.home-usps h2{font-family:Georgia,serif;font-size:38px;font-weight:400}.home-usps article{flex-direction:column;justify-content:space-between;display:flex}.home-usps article b{color:#d3cabd;font-family:Georgia,serif;font-size:22px;font-weight:400}.home-usps article span{color:#8d8df8;letter-spacing:-.05em;font-family:Georgia,serif;font-size:50px}.site-footer{grid-template-columns:.7fr .7fr 1.2fr}.site-footer .footer-links{grid-template-columns:1fr 1fr;gap:30px;display:grid}.site-footer .footer-links section{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.site-footer .footer-links b{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:5px;font-size:9px}.site-footer small{grid-column:3}.content-page>header{border-bottom:1px solid var(--ink);padding:54px clamp(22px,7vw,105px) 46px}.content-page>header h1{max-width:980px}.content-page>header h1 em{color:var(--accent);font-weight:400}.content-page>header>p:last-child{max-width:720px;font-family:Georgia,serif;font-size:18px;line-height:1.55}.colour-library>section{border-bottom:1px solid var(--ink);grid-template-columns:220px 1fr;padding-left:clamp(22px,4vw,56px);display:grid}.colour-library>section h2{padding:25px 20px 25px 0;font-family:Georgia,serif;font-size:23px;font-weight:400}.colour-library>section>div{border-left:1px solid var(--ink);grid-template-columns:repeat(6,1fr);display:grid}.colour-library>section article{border-right:1px solid var(--ink);flex-direction:column;min-height:118px;padding:10px;display:flex}.colour-library>section article a{flex-direction:column;flex:1;justify-content:space-between;display:flex}.colour-library>section article a b{font-family:Georgia,serif;font-weight:400}.colour-library>section article a span,.colour-library>section article button{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.colour-library>section article button{width:fit-content;color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:4px 6px}.prose-page>section{max-width:940px;padding:48px clamp(22px,7vw,105px) 65px}.prose-page h2{margin:42px 0 12px;font-family:Georgia,serif;font-size:34px;font-weight:400}.prose-page h2:first-child{margin-top:0}.prose-page section p{font-family:Georgia,serif;font-size:18px;line-height:1.65}.prose-page code{background:var(--paper-deep);padding:2px 5px}.prose-page pre{background:var(--ink);color:#fff;border:1px solid var(--ink);margin:18px 0 22px;padding:24px 26px;overflow-x:auto}.prose-page pre code{color:inherit;white-space:pre;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;line-height:1.7;display:block}.contrast-tool{padding-bottom:55px}.contrast-controls{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding:30px clamp(22px,7vw,105px);display:grid}.contrast-controls label{text-transform:uppercase;letter-spacing:.09em;grid-template-columns:1fr auto;gap:8px;font-size:9px;display:grid}.contrast-controls label input[type=text]{border:1px solid var(--ink);background:0 0;grid-column:1;padding:12px;font-family:Georgia,serif;font-size:19px}.contrast-controls label input[type=color]{border:1px solid var(--ink);background:0 0;grid-column:2;width:48px;height:48px}.contrast-value-actions{grid-column:1/-1;gap:7px;display:flex}.contrast-value-actions a,.contrast-value-actions button{border:1px solid var(--ink);color:inherit;cursor:pointer;background:0 0;padding:4px 7px;font-size:8px}.contrast-controls>button{border:1px solid var(--ink);cursor:pointer;background:0 0;height:48px;padding:0 16px}.contrast-result{grid-template-columns:.7fr 1.3fr;gap:28px;padding:32px clamp(22px,7vw,105px) 0;display:grid}.contrast-result>div{border-top:1px solid var(--ink);padding-top:20px}.contrast-result>div>span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.contrast-result>div>strong{margin:20px 0;font-family:Georgia,serif;font-size:64px;font-weight:400;display:block}.contrast-result ul{margin:0;padding:0;list-style:none}.contrast-result li{border-top:1px solid var(--rule);justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.contrast-result li.pass b{color:#18753c}.contrast-result li.fail b{color:#b42318}.contrast-result article{flex-direction:column;justify-content:center;min-height:340px;padding:28px;display:flex}.contrast-result article h2{margin:40px 0 12px;font-family:Georgia,serif;font-size:42px;font-weight:400}.contrast-result article p{max-width:520px;font-family:Georgia,serif;font-size:17px}.contrast-result article button{background:0 0;border:1px solid;width:fit-content;padding:10px 14px}.dashboard-page>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:start;padding:48px clamp(22px,5vw,70px);display:flex}.dashboard-page>header h1 em{color:var(--accent);font-weight:400}.dashboard-stats{border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-stats article{border-right:1px solid var(--ink);padding:26px clamp(18px,2.4vw,36px)}.dashboard-stats article:last-child{border-right:0}.dashboard-stats span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.dashboard-stats strong{color:var(--accent);margin:25px 0 8px;font-family:Georgia,serif;font-size:clamp(28px,3.2vw,45px);font-weight:400;display:block}.dashboard-stats p{margin:0;font-family:Georgia,serif;font-size:14px}.cache-panel{border-bottom:1px solid var(--ink);grid-template-columns:1.2fr .8fr;gap:50px;padding:44px clamp(22px,5vw,70px);display:grid}.cache-panel h2,.dashboard-notes h2{font-family:Georgia,serif;font-size:34px;font-weight:400}.cache-panel p{font-family:Georgia,serif;line-height:1.55}.dashboard-action{border:1px solid var(--ink);flex-direction:column;justify-content:center;gap:13px;padding:20px;display:flex}.dashboard-action label{border-bottom:1px solid var(--rule);grid-template-columns:1fr minmax(135px,.85fr);align-items:center;gap:12px;padding-bottom:10px;display:grid}.dashboard-action label>span,.dashboard-action>span,.cache-coverage>span{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.dashboard-action select{border:1px solid var(--ink);width:100%;color:var(--ink);background:#fff;padding:9px}.dashboard-action input{width:18px;height:18px;accent-color:var(--accent);justify-self:end}.dashboard-action>div:not(.cache-coverage){grid-template-columns:1fr 1fr;gap:8px;display:grid}.cache-coverage{border-bottom:1px solid var(--rule);padding:2px 0 12px}.cache-coverage strong,.cache-coverage small{display:block}.cache-coverage strong{margin:6px 0 2px;font-family:Georgia,serif;font-size:17px;font-weight:400}.cache-coverage small{opacity:.6;font-size:8px}.dashboard-action button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;padding:12px 9px}.dashboard-action .secondary-action{color:var(--ink);background:0 0}.dashboard-notes{padding:44px clamp(22px,5vw,70px)}.dashboard-notes>div{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.dashboard-notes article{border-right:1px solid var(--rule);margin-right:25px;padding:22px 25px 0 0}.dashboard-notes article p{font-family:Georgia,serif;font-size:14px;line-height:1.5}.saved-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:30px clamp(22px,5vw,70px) 55px;display:grid}.saved-grid article{border:1px solid var(--ink);flex-direction:column;min-height:180px;padding:13px;display:flex}.saved-grid article>a{flex-direction:column;flex:1;justify-content:space-between;display:flex}.saved-grid strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.saved-grid span,.saved-grid button{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.saved-grid article>div{gap:6px;margin-top:16px;display:flex}.saved-grid button{color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:5px 7px}.saved-grid button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.saved-empty{flex-direction:column;justify-content:center;align-items:flex-start;min-height:360px;padding:55px clamp(22px,7vw,105px);display:flex}.saved-empty>span{color:var(--accent);font-size:45px}.saved-empty h2{margin:10px 0;font-family:Georgia,serif;font-size:38px;font-weight:400}.saved-empty p{font-family:Georgia,serif;font-size:17px}.saved-empty a{text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid;font-size:9px}.account-card{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:30px clamp(22px,7vw,105px);display:grid}.account-card>div{border-right:1px solid var(--ink);flex-direction:column;align-items:flex-start;min-height:210px;padding:20px;display:flex}.account-card>div:last-child{border-right:0}.account-card span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.account-card strong{margin:auto 0 6px;font-family:Georgia,serif;font-size:28px;font-weight:400}.account-card small{opacity:.65;font-size:10px}.account-card a{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;margin-top:13px;font-size:8px}.logout-button{border:1px solid var(--ink);width:fit-content;color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:10px 13px;font-size:9px}.logout-button:hover{background:var(--ink);color:var(--paper)}.account-page>.logout-button{margin:0 clamp(22px,7vw,105px) 55px}.auth-page{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);min-height:620px;display:grid}.auth-page>section{border-right:1px solid var(--ink);flex-direction:column;justify-content:center;padding:58px clamp(22px,6vw,88px);display:flex}.auth-page>section p:not(.eyebrow){max-width:470px;font-family:Georgia,serif;font-size:18px;line-height:1.55}.auth-page>div{flex-direction:column;justify-content:center;padding:46px clamp(22px,5vw,68px);display:flex}.auth-page>div>p{margin:16px 0 0;font-size:10px}.auth-page>div>p a{border-bottom:1px solid}.auth-form{gap:15px;display:grid}.auth-form label{text-transform:uppercase;letter-spacing:.09em;gap:7px;font-size:9px;display:grid}.auth-form input{border:1px solid var(--ink);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:0;outline:none;padding:11px 13px;font:16px Georgia,serif}.auth-form input:focus-visible{box-shadow:0 0 0 2px var(--accent)}.auth-form>small{opacity:.65;font-size:9px;line-height:1.45}.auth-form>button{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.auth-form>button:hover{background:var(--accent);border-color:var(--accent)}.auth-form>button:disabled{opacity:.55;cursor:wait}.auth-error{color:#8b1717;border:1px solid #a22;margin:0;padding:10px;font-size:11px;line-height:1.4}.signup-page{grid-template-columns:1fr 1fr;min-height:620px;display:grid}.signup-page>section{border-right:1px solid var(--ink);flex-direction:column;justify-content:center;align-items:flex-start;padding:64px clamp(22px,6vw,88px);display:flex}.signup-page>section p:not(.eyebrow){max-width:520px;font-family:Georgia,serif;font-size:18px;line-height:1.55}.signup-page>section>a{background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.08em;margin-top:10px;padding:14px 18px;font-size:9px}.signup-page>section>small{opacity:.65;margin-top:12px;font-size:9px}.signup-page>aside{grid-template-rows:repeat(3,1fr);display:grid}.signup-page article{border-bottom:1px solid var(--ink);grid-template-columns:auto 1fr;align-content:center;gap:10px 24px;padding:30px;display:grid}.signup-page article:last-child{border-bottom:0}.signup-page article span{color:var(--accent);grid-row:1/span 2;font-family:Georgia,serif;font-size:30px}.signup-page article h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:400}.signup-page article p{margin:0;font-family:Georgia,serif;font-size:15px}.picker-studio>header{border-bottom:1px solid var(--ink);grid-template-columns:1fr minmax(320px,.65fr);display:grid}.picker-studio>header>div:first-child{padding:46px clamp(22px,6vw,88px) 38px}.picker-studio>header h1 em{color:var(--accent);font-weight:400}.picker-current{border-left:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:260px;padding:24px;display:flex}.picker-current span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.picker-current strong{letter-spacing:-.05em;font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);font-weight:400}.picker-current button,.screen-pick{width:fit-content;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:1px solid;padding:10px 13px;font-size:9px;transition:all .16s}.picker-current button:hover,.screen-pick:hover{transform:translateY(-2px);box-shadow:0 3px}.picker-workspace{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.wheel-panel{border-right:1px solid var(--ink);grid-template-columns:minmax(240px,360px) 1fr;align-items:center;gap:32px;padding:32px clamp(22px,5vw,70px);display:grid}.wheel-wrap{aspect-ratio:1;width:min(100%,360px);position:relative}.wheel-wrap canvas{cursor:crosshair;touch-action:none;border-radius:50%;width:100%;height:100%;display:block}.wheel-wrap>i{pointer-events:none;border:3px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #171612}.wheel-controls{gap:20px;display:grid}.wheel-controls label{text-transform:uppercase;letter-spacing:.09em;grid-template-columns:1fr auto;gap:8px;font-size:9px;display:grid}.wheel-controls input{width:100%;accent-color:var(--accent);grid-column:1/-1}.picker-methods{grid-template-columns:1fr 1fr;align-items:stretch;display:grid;position:relative}.picker-methods>section{border-right:1px solid var(--rule);padding:28px}.picker-methods>section>span{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.picker-methods h2{margin:28px 0 18px;font-family:Georgia,serif;font-size:28px;font-weight:400}.picker-methods small{opacity:.6;margin-top:10px;font-size:8px;display:block}.image-picker>label{border:1px solid var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;padding:10px 12px;font-size:9px;display:inline-block}.image-picker>label input{opacity:0;pointer-events:none;position:absolute}.image-canvas{border:1px dashed var(--ink);place-items:center;min-height:150px;margin-top:15px;display:grid;position:relative;overflow:hidden}.image-canvas canvas{cursor:crosshair;width:100%;height:auto;display:none}.image-canvas.ready{border-style:solid;min-height:0}.image-canvas.ready canvas{display:block}.image-canvas p{letter-spacing:.1em;opacity:.55;font-size:8px}.picker-status{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:8px;position:absolute;bottom:22px;left:28px}.harmony-results{padding:32px clamp(22px,5vw,70px) 42px}.harmony-results>div:last-child{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.harmony-results article{border:1px solid var(--ink)}.harmony-results article>header{border-bottom:1px solid var(--ink);justify-content:space-between;gap:10px;padding:11px 12px;display:flex}.harmony-results h3{margin:0;font-family:Georgia,serif;font-size:16px;font-weight:400}.harmony-results header span{text-transform:uppercase;letter-spacing:.07em;font-size:7px}.harmony-results article>section{grid-auto-columns:1fr;grid-auto-flow:column;min-height:155px;display:grid}.harmony-results article>section>div{border-right:1px solid #17161266;position:relative}.harmony-results article>section>div:last-child{border-right:0}.harmony-results article a{writing-mode:vertical-rl;align-items:flex-end;padding:8px 5px;font-size:7px;display:flex;position:absolute;inset:0}.harmony-results article button{width:21px;height:21px;color:inherit;cursor:pointer;opacity:0;background:0 0;border:1px solid;padding:0;transition:all .16s;position:absolute;top:5px;right:5px}.harmony-results article div:hover button,.harmony-results article div:focus-within button{opacity:1}@media (width<=1100px){.universal-nav nav a:nth-child(3),.universal-nav nav a:nth-child(4){display:none}.popular-grid{grid-template-columns:repeat(4,1fr)}.popular-grid article:nth-child(4){border-right:0}.home-proof{grid-template-columns:repeat(2,auto 1fr)}.colour-library>section>div{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.universal-nav{grid-template-columns:1fr auto}.universal-nav nav{display:none}.home-hero{grid-template-columns:1fr}.home-hero>div:first-child{min-height:440px}.home-specimen{border-left:0;border-top:1px solid var(--ink)}.home-proof{grid-template-columns:auto 1fr}.cornerstone>div:last-child,.home-usps{grid-template-columns:1fr}.cornerstone a{border-right:0;border-bottom:1px solid var(--rule);margin:0}.home-usps>div{grid-row:auto}.site-footer{grid-template-columns:1fr}.site-footer .footer-links,.site-footer small{grid-column:1}.colour-library>section{grid-template-columns:1fr;padding:0}.colour-library>section h2{padding-left:22px}.colour-library>section>div{border-left:0}.contrast-controls,.contrast-result,.cache-panel{grid-template-columns:1fr}.contrast-controls>button{order:3}.dashboard-stats,.dashboard-notes>div{grid-template-columns:1fr}.dashboard-stats article{border-right:0;border-bottom:1px solid var(--ink)}.auth-page{grid-template-columns:1fr;min-height:0}.auth-page>section{border-right:0;border-bottom:1px solid var(--ink);padding-top:44px;padding-bottom:34px}.auth-page>div{padding-top:34px;padding-bottom:44px}.picker-studio>header,.picker-workspace{grid-template-columns:1fr}.picker-current,.wheel-panel{border-left:0;border-right:0;border-top:1px solid var(--ink)}.wheel-panel{grid-template-columns:1fr}.picker-methods{min-height:460px}.harmony-results>div:last-child{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.home-hero form div{flex-direction:column}.home-hero form button{border-left:0;border-top:1px solid var(--ink);min-height:44px}.popular-grid,.colour-library>section>div{grid-template-columns:repeat(2,1fr)}.contrast-result article{min-height:280px}.site-footer .footer-links{grid-template-columns:1fr}.dashboard-page>header{display:block}.dashboard-page>header>a{margin-top:15px;display:inline-block}.picker-methods{grid-template-columns:1fr;min-height:0}.picker-methods>section{border-right:0;border-bottom:1px solid var(--rule)}.picker-status{padding:15px 28px;position:static}.harmony-results>div:last-child{grid-template-columns:1fr}}@media (width<=900px){.saved-grid{grid-template-columns:repeat(3,1fr)}.account-card{grid-template-columns:1fr}.account-card>div{border-right:0;border-bottom:1px solid var(--ink);min-height:150px}.account-card>div:last-child{border-bottom:0}.signup-page{grid-template-columns:1fr}.signup-page>section{border-right:0;border-bottom:1px solid var(--ink)}}@media (width<=600px){.saved-grid{grid-template-columns:repeat(2,1fr);padding-left:18px;padding-right:18px}.saved-grid article{min-height:145px}.signup-page>section{padding-top:45px;padding-bottom:45px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}