@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p-colour *,.p-colour :before,.p-colour :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.p-colour h1,.p-colour h2,.p-colour .display{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.012em;margin:0;font-weight:400;line-height:1.06}.p-colour h1{font-size:var(--h1-size)}.p-colour h2{font-size:var(--h2-size);padding-bottom:.06em}.p-colour h1 em{color:var(--color-danger-solid);font-style:italic}.p-colour .band .hero{padding-bottom:clamp(52px,8vh,90px)}.p-colour .hero{padding:clamp(60px,11vh,120px) 0 0}.p-colour .hero .lede{max-width:54ch;margin-top:clamp(26px,3.2vh,36px)}.p-colour .build{margin:clamp(46px,8vh,84px) 0 0}.p-colour .build-grid{flex-direction:column;margin:0 -6px;padding:0 6px;display:flex;position:relative;overflow:hidden}.p-colour .drow{grid-template-columns:repeat(13,1fr);place-items:center;margin-bottom:-3.6%;display:grid}.p-colour .drow.shift{margin-left:3.85%;margin-right:-3.85%}.p-colour .drow>i{width:calc(var(--k) * 100%);margin:var(--m);aspect-ratio:1;clip-path:url(#odin-shape);background:var(--c);animation:grow-p-colour var(--fc-duration-slower) var(--fc-ease-out) backwards, drift-p-colour var(--dur) var(--fc-ease-linear) infinite;transition:transform var(--fc-duration-moderate) var(--fc-ease-out), background var(--fc-duration-moderate) var(--fc-ease-standard);cursor:crosshair;place-self:center;display:block}@keyframes drift-p-colour{0%{translate:-220% calc(var(--rise) * 1)}to{translate:220% calc(var(--rise) * -1)}}.p-colour .drow>i:hover,.p-colour .drow>i:focus-visible{background:var(--solid);z-index:3;outline:none;animation-play-state:running,paused;position:relative;transform:scale(1.5)}.p-colour .drow{isolation:isolate}.p-colour .drow:last-child{margin-bottom:0}@keyframes grow-p-colour{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}.p-colour .build-cap{font-family:var(--font-mono);color:var(--faint);letter-spacing:.06em;justify-content:space-between;margin-top:11px;font-size:11px;display:flex}.p-colour section h2+.col,.p-colour section h2+.body{margin-top:clamp(26px,3.4vh,38px)}.p-colour .col h3+.body{margin-top:12px}.p-colour .hero h1{margin-top:26px}.p-colour .ladder{grid-template-columns:repeat(13,1fr);gap:3px;margin-top:34px;display:grid}.p-colour .ladder>div{flex-direction:column;gap:8px;min-width:0;display:flex}.p-colour .ladder .chip{border-radius:3px;height:clamp(54px,7.4vw,88px)}.p-colour .ladder .n{font-family:var(--font-mono);color:var(--faint);font-size:10px}.p-colour .ladder .job{color:var(--mid);-webkit-hyphens:auto;hyphens:auto;font-size:11px;line-height:1.3}@media (width<=760px){.p-colour .ladder{grid-template-columns:repeat(7,1fr)}.p-colour .ladder .job{display:none}}.p-colour .families{gap:34px;margin-top:40px;display:grid}.p-colour .famgroup{gap:14px;display:grid}.p-colour .famhead{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:baseline;gap:14px;padding-bottom:9px;display:flex}.p-colour .famhead h4{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0;font-size:10.5px;font-weight:500}.p-colour .famhead p{color:var(--faint);margin:0;font-size:12.5px}.p-colour .fam{grid-template-columns:140px 1fr;align-items:center;gap:18px;display:grid}.p-colour .fam-name .mono{color:var(--faint);margin-top:1px;font-size:11px;display:block}.p-colour .fam-strip{grid-template-columns:repeat(13,1fr);gap:2px;height:42px;display:grid}.p-colour .fam-strip i{border-radius:2px}@media (width<=760px){.p-colour .fam{grid-template-columns:1fr;gap:8px}.p-colour .fam-strip{height:32px}}.p-colour .twin{margin-top:40px}.p-colour .twin-row{grid-template-columns:68px repeat(13,minmax(0,1fr));align-items:center;gap:4px;display:grid}.p-colour .twin-row+.twin-row{margin-top:10px}.p-colour .twin-lab{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px}.p-colour .twin-step{font-family:var(--font-mono);color:var(--faint);text-align:center;font-size:9.5px}.p-colour .twin-cell .sw{border-radius:3px;height:52px;box-shadow:inset 0 0 0 1px #80808038}.p-colour .twin-cell .hx{font-family:var(--font-mono);color:var(--faint);text-align:center;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8.5px;display:block;overflow:hidden}.p-colour .twin-jobs{grid-template-columns:68px repeat(13,minmax(0,1fr));gap:4px;margin-top:14px;display:grid}.p-colour .twin-jobs span{color:var(--mid);-webkit-hyphens:auto;hyphens:auto;font-size:10px;line-height:1.25}@media (width<=860px){.p-colour .twin-row,.p-colour .twin-jobs{grid-template-columns:40px repeat(13,minmax(0,1fr));gap:2px}.p-colour .twin-cell .sw{height:32px}.p-colour .twin-cell .hx,.p-colour .twin-jobs span:not(:first-child){display:none}}.p-colour .proof{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:20px;margin-top:36px;display:grid}.p-colour .proof-card{border:1px solid var(--line);border-radius:4px;overflow:hidden}.p-colour .proof-demo{justify-content:center;align-items:center;min-height:128px;padding:34px 24px;display:flex}.p-colour .proof-meta{border-top:1px solid var(--line);background:var(--raised);justify-content:space-between;align-items:baseline;gap:12px;padding:13px 18px;display:flex}.p-colour .ratio{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px}.p-colour .verdict{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:10.5px}.p-colour .v-pass{background:var(--color-success-bg);color:var(--color-success-fg-strong)}.p-colour .v-fail{background:var(--color-danger-bg);color:var(--color-danger-fg-strong)}.p-colour .proof-note{color:var(--mid);background:var(--raised);padding:0 18px 15px;font-size:13px}.p-colour .fakebtn{font-family:var(--font-body);border:0;border-radius:4px;padding:11px 22px;font-size:15px;font-weight:600}.p-colour .rdemo{border:1px solid var(--line);border-radius:4px;margin-top:34px;overflow:hidden}.p-colour .rdemo-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);background:var(--raised);border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 20px;font-size:11px;display:flex}.p-colour .rdemo-body{background:#fefdfb;padding:8px 0}.p-colour .rd-row{border-bottom:1px solid #f3f0eb;grid-template-columns:1fr 78px 118px;align-items:center;gap:16px;padding:13px 20px;display:grid}.p-colour .rd-row:last-child{border-bottom:0}.p-colour .rd-row .txt{font-size:15px;line-height:1.45}.p-colour .rd-row .num{font-family:var(--font-mono);color:#6d6151;font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.p-colour .rd-row .vd{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:2px;padding:2px 8px;font-size:10px}.p-colour .rd-pass{color:#1f3a30;background:#e6f6ef}.p-colour .rd-large{color:#503412;background:#fff0c9}.p-colour .rd-fail{color:#5e231b;background:#fdece9}@media (width<=640px){.p-colour .rd-row{grid-template-columns:1fr auto;gap:7px 12px;padding:14px 16px}.p-colour .rd-row .txt{grid-column:1/-1}.p-colour .rd-row .num{text-align:left}.p-colour .rd-row .vd{justify-self:end}.p-colour .rdemo-head{padding:11px 16px;font-size:10px}.p-colour .rdemo-head span:last-child{display:none}}.p-colour .figures{background:var(--hair);border:1px solid var(--hair);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-top:clamp(40px,6vh,64px);display:grid}.p-colour .fig{background:var(--color-canvas);padding:26px 22px}.p-colour .fig b{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(36px,5vw,52px);font-weight:400;line-height:1;display:block}.p-colour .fig span{color:var(--mid);margin-top:9px;font-size:13.5px;display:block}.p-colour .stage{border:1px solid var(--line);border-radius:5px;margin-top:38px;overflow:hidden}.p-colour .rolebar{background:var(--raised);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:14px;display:flex}.p-colour .rolebtn{font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;color:var(--mid);border:1px solid var(--line);background:0 0;border-radius:999px;padding:6px 12px;font-size:11px}.p-colour .rolebtn[aria-pressed=true]{background:var(--ground);color:var(--ink);border-color:var(--ink);font-weight:500}.p-colour .rolebtn .swatch{clip-path:url(#odin-shape);vertical-align:-.5px;width:9px;height:9px;margin-right:7px;display:inline-block}.p-colour .demo{background:var(--color-surface);padding:clamp(28px,5vw,52px)}.p-colour .demo-card{background:var(--color-canvas);border:1px solid var(--x-border);max-width:460px;transition:border-color var(--fc-duration-moderate);border-radius:5px;margin:0 auto;padding:26px}.p-colour .demo-badge{background:var(--x-bg);color:var(--x-fg);transition:background var(--fc-duration-moderate), color var(--fc-duration-moderate);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.p-colour .demo-card h3{color:var(--ink);margin-top:14px;font-size:21px}.p-colour .demo-card p{color:var(--mid);margin-top:8px;font-size:15px}.p-colour .demo-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.p-colour .demo-solid{cursor:pointer;font-family:var(--font-body);background:var(--x-solid);color:var(--x-on);transition:background var(--fc-duration-moderate), color var(--fc-duration-moderate);border:0;border-radius:4px;padding:10px 20px;font-size:15px;font-weight:600}.p-colour .demo-solid:hover{background:var(--x-solid-h)}.p-colour .demo-ghost{border:1px solid var(--x-border);cursor:pointer;font-family:var(--font-body);color:var(--x-muted);transition:color var(--fc-duration-moderate), border-color var(--fc-duration-moderate);background:0 0;border-radius:4px;padding:10px 20px;font-size:15px;font-weight:600}.p-colour .demo-track{background:var(--x-bg);height:5px;transition:background var(--fc-duration-moderate);border-radius:999px;margin-top:24px;overflow:hidden}.p-colour .demo-track i{background:var(--x-solid);width:62%;height:100%;transition:background var(--fc-duration-moderate);border-radius:999px;display:block}.p-colour .demo-code{text-align:center;font-family:var(--font-mono);color:var(--faint);margin-top:20px;font-size:12px}.p-colour .demo-code b{color:var(--accent);font-weight:500}.p-colour .demo[data-role=primary]{--x-bg:var(--color-primary-bg);--x-hover:var(--color-primary-bg-hover);--x-border:var(--color-primary-border);--x-solid:var(--color-primary-solid);--x-solid-h:var(--color-primary-solid-hover);--x-on:var(--color-primary-on-solid);--x-fg:var(--color-primary-fg-strong);--x-muted:var(--color-primary-fg)}.p-colour .demo[data-role=neutral]{--x-bg:var(--color-neutral-bg);--x-hover:var(--color-neutral-bg-hover);--x-border:var(--color-neutral-border);--x-solid:var(--color-neutral-solid);--x-solid-h:var(--color-neutral-solid-hover);--x-on:var(--color-neutral-on-solid);--x-fg:var(--color-neutral-fg-strong);--x-muted:var(--color-neutral-fg)}.p-colour .demo[data-role=info]{--x-bg:var(--color-info-bg);--x-hover:var(--color-info-bg-hover);--x-border:var(--color-info-border);--x-solid:var(--color-info-solid);--x-solid-h:var(--color-info-solid-hover);--x-on:var(--color-info-on-solid);--x-fg:var(--color-info-fg-strong);--x-muted:var(--color-info-fg)}.p-colour .demo[data-role=success]{--x-bg:var(--color-success-bg);--x-hover:var(--color-success-bg-hover);--x-border:var(--color-success-border);--x-solid:var(--color-success-solid);--x-solid-h:var(--color-success-solid-hover);--x-on:var(--color-success-on-solid);--x-fg:var(--color-success-fg-strong);--x-muted:var(--color-success-fg)}.p-colour .demo[data-role=warning]{--x-bg:var(--color-warning-bg);--x-hover:var(--color-warning-bg-hover);--x-border:var(--color-warning-border);--x-solid:var(--color-warning-solid);--x-solid-h:var(--color-warning-solid-hover);--x-on:var(--color-warning-on-solid);--x-fg:var(--color-warning-fg-strong);--x-muted:var(--color-warning-fg)}.p-colour .demo[data-role=danger]{--x-bg:var(--color-danger-bg);--x-hover:var(--color-danger-bg-hover);--x-border:var(--color-danger-border);--x-solid:var(--color-danger-solid);--x-solid-h:var(--color-danger-solid-hover);--x-on:var(--color-danger-on-solid);--x-fg:var(--color-danger-fg-strong);--x-muted:var(--color-danger-fg)}.p-colour .demo[data-role=accent-1]{--x-bg:var(--color-accent-1-bg);--x-hover:var(--color-accent-1-bg-hover);--x-border:var(--color-accent-1-border);--x-solid:var(--color-accent-1-solid);--x-solid-h:var(--color-accent-1-solid-hover);--x-on:var(--color-accent-1-on-solid);--x-fg:var(--color-accent-1-fg-strong);--x-muted:var(--color-accent-1-fg)}.p-colour .demo[data-role=accent-2]{--x-bg:var(--color-accent-2-bg);--x-hover:var(--color-accent-2-bg-hover);--x-border:var(--color-accent-2-border);--x-solid:var(--color-accent-2-solid);--x-solid-h:var(--color-accent-2-solid-hover);--x-on:var(--color-accent-2-on-solid);--x-fg:var(--color-accent-2-fg-strong);--x-muted:var(--color-accent-2-fg)}.p-colour .wrongright{border:1px solid var(--line);border-radius:4px;margin-top:36px;overflow:hidden}.p-colour .wr-head{background:var(--raised);border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);grid-template-columns:1fr 1fr;font-size:10.5px;display:grid}.p-colour .wr-head span{padding:11px 20px}.p-colour .wr-head span+span{border-left:1px solid var(--line)}.p-colour .wr-case+.wr-case{border-top:1px solid var(--line)}.p-colour .wr-title{padding:14px 20px 0;font-size:12.5px;font-weight:600}.p-colour .wr-pair{grid-template-columns:1fr 1fr;display:grid}.p-colour .wr-cell{padding:14px 20px 20px}.p-colour .wr-cell+.wr-cell{border-left:1px solid var(--line)}.p-colour .wr-demo{align-items:center;min-height:62px;display:flex}.p-colour .wr-meta{align-items:baseline;gap:10px;margin-top:12px;display:flex}.p-colour .wr-meta p{color:var(--mid);font-size:12.5px;line-height:1.45}.p-colour .wr-tag{font-family:var(--font-mono);border-radius:2px;flex:none;padding:2px 7px;font-size:10.5px}.p-colour .wr-tag.bad{background:var(--color-danger-bg);color:var(--color-danger-fg-strong)}.p-colour .wr-tag.good{background:var(--color-success-bg);color:var(--color-success-fg-strong)}.p-colour .minicard{border:1px solid;border-radius:4px;width:100%;max-width:190px;padding:10px 13px}.p-colour .minicard b,.p-colour .minitext b{font-size:13px;display:block}.p-colour .minicard span,.p-colour .minitext span{color:var(--mid);font-size:12.5px}.p-colour .minitext b{margin-bottom:2px}@media (width<=700px){.p-colour .wr-head{display:none}.p-colour .wr-pair{grid-template-columns:1fr}.p-colour .wr-cell+.wr-cell{border-left:0;border-top:1px solid var(--hair)}}.p-colour .tctable{border-collapse:collapse;width:100%;margin-top:26px;font-size:14px}.p-colour .tctable th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);padding:0 14px 9px 0;font-size:10px;font-weight:400}.p-colour .tctable td{border-bottom:1px solid var(--hair);vertical-align:middle;padding:11px 14px 11px 0}.p-colour .tctable .tc-sw{width:30px;padding-right:12px}.p-colour .tctable .tc-sw i{border:1px solid #00000014;border-radius:5px;width:22px;height:22px;display:block}.p-colour .tctable .tc-name{font-size:13.5px}.p-colour .tctable .mono,.p-colour .tctable .num{font-family:var(--font-mono);font-size:12px}.p-colour .tctable .tc-d{color:var(--faint)}.p-colour .tc-was td{color:var(--color-danger-solid-hover)}.p-colour .tc-was .tc-d,.p-colour .tc-now .tc-d{color:inherit}.p-colour .tc-now td{color:var(--color-primary-solid-hover)}.p-colour .tcpair{grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:34px;display:grid}.p-colour .tcp{min-width:0}.p-colour .tcp-bars{border:1px solid var(--hair);grid-template-columns:1fr 1fr;display:grid}.p-colour .tcp-bars i{height:clamp(120px,20vw,190px);display:block}.p-colour .tcp b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:16px;font-size:10px;font-weight:400;display:block}.p-colour .tcp em{color:var(--mid);max-width:34ch;margin-top:7px;font-size:13.5px;font-style:normal;line-height:1.55;display:block}@media (width<=620px){.p-colour .tcpair{grid-template-columns:1fr;gap:26px}.p-colour .tcp-bars i{height:96px}}.p-colour .movetable{border-collapse:collapse;width:100%;margin-top:30px;font-size:14px}.p-colour .movetable th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);padding:0 14px 10px 0;font-size:10px;font-weight:500}.p-colour .movetable td{border-bottom:1px solid var(--hair);vertical-align:middle;padding:11px 14px 11px 0}.p-colour .movetable td.mono{font-family:var(--font-mono);white-space:nowrap;width:1%;font-size:12px}.p-colour .movetable td.rolecell{color:var(--ink)}.p-colour .movetable td.old{color:var(--faint)}.p-colour .movetable td.new{color:var(--accent)}.p-colour .movetable td.sw{width:1%;padding-right:10px}.p-colour .movetable td.why{color:var(--mid);font-size:13px}.p-colour .sws{grid-template-columns:repeat(4,1fr);gap:2px;width:62px;display:grid}.p-colour .sws i{border-radius:2px;height:18px;display:block}@media (width<=860px){.p-colour .movetable td.why,.p-colour .movetable th.whycol{display:none}}.p-colour .pull .display{font-size:clamp(23px,3.2vw,34px);font-style:italic;line-height:1.2}.p-colour footer a{color:var(--accent)}.p-colour .gridwrap{margin-top:34px}.p-colour .gridhead{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;font-size:11px;display:flex}.p-colour .grid{grid-template-columns:104px repeat(13,minmax(0,1fr));align-items:center;gap:4px;margin-top:14px;display:grid}.p-colour .grid .rowname{padding-right:8px;font-size:13px;font-weight:600}.p-colour .grid .rowname em{font-family:var(--font-mono);color:var(--faint);margin-top:1px;font-size:10px;font-style:normal;font-weight:400;display:block}.p-colour .grid .cell{min-width:0}.p-colour .grid .sw{border-radius:3px;height:46px;box-shadow:inset 0 0 0 1px #80808029}.p-colour .grid .hex{font-family:var(--font-mono);color:var(--faint);text-align:center;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8.5px;display:block;overflow:hidden}.p-colour .grid .stepnum{font-family:var(--font-mono);color:var(--faint);text-align:center;font-size:9.5px}.p-colour .grid .gband{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:16px 0 3px;font-size:9.5px}.p-colour .grid .gband-fill{border-bottom:1px solid var(--hair)}.p-colour .rolesep{background:var(--line);align-self:stretch;width:1px;margin:0 3px}.p-colour .grid.alpha .sw{background-image:linear-gradient(45deg, var(--color-neutral-bg-hover) 25%, transparent 25%, transparent 75%, var(--color-neutral-bg-hover) 75%), linear-gradient(45deg, var(--color-neutral-bg-hover) 25%, transparent 25%, transparent 75%, var(--color-neutral-bg-hover) 75%);background-position:0 0,5px 5px;background-size:10px 10px}.p-colour .grid.alpha .sw i{border-radius:3px;height:100%;display:block}@media (width<=940px){.p-colour .grid{grid-template-columns:72px repeat(13,minmax(0,1fr));gap:3px}.p-colour .grid .sw{height:32px}.p-colour .grid .hex,.p-colour .grid .rowname em{display:none}.p-colour .grid .rowname{font-size:11.5px}}.p-colour .fakebtn,.p-colour .demo-solid,.p-colour .demo-ghost,.p-colour .rolebtn{border-radius:7px}.p-colour .rolebtn{border-radius:999px}@supports (corner-shape:squircle){.p-colour .fakebtn,.p-colour .demo-solid,.p-colour .demo-ghost{corner-shape:squircle;border-radius:11px}.p-colour .rolebtn{corner-shape:squircle;border-radius:13px}}