@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p-resources *,.p-resources :before,.p-resources :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.p-resources h1,.p-resources h2{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.012em;margin:0;font-weight:400;line-height:1.06}.p-resources h1{font-size:clamp(40px,7.6vw,84px)}.p-resources h2{padding-bottom:.06em;font-size:clamp(29px,4.4vw,48px)}.p-resources section h2+.col,.p-resources section h2+.body{margin-top:clamp(26px,3.4vh,38px)}.p-resources .hero{padding:clamp(60px,11vh,120px) 0 clamp(50px,8vh,92px)}.p-resources .hero .lede{max-width:54ch;margin-top:clamp(22px,2.8vh,32px)}.p-resources .hero-word{font-family:var(--font-display);letter-spacing:-.012em;color:var(--ink);margin:clamp(24px,3.8vh,42px) 0 0;font-size:clamp(40px,7.6vw,84px);font-weight:400;line-height:1.06}.p-resources .hero-op{--ease:var(--fc-ease-out);isolation:isolate;align-items:flex-end;height:clamp(112px,17vh,190px);margin:clamp(26px,4vh,46px) 0 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 76%,#0000 100%);mask-image:linear-gradient(90deg,#000 76%,#0000 100%)}.p-resources .hero-op i{width:var(--w);background:var(--c);height:calc(var(--h) * 100%);opacity:var(--o);mix-blend-mode:multiply;transition:width var(--fc-duration-slower) var(--ease), margin-left var(--fc-duration-slower) var(--ease);flex:none;display:block}.p-resources .hero-op:hover i{width:var(--space-6);margin-left:var(--space-3)}.p-resources .hero-op:hover u{width:var(--space-3);margin-left:0}.p-resources .hero-op:hover i:first-child{margin-left:0}.p-resources .hero-op b{width:calc(var(--w) * 2);flex:none;height:100%;margin-left:0;display:block}.p-resources .hero-op u{width:var(--w);background:repeating-linear-gradient(45deg, var(--stone-700) 0 1px, transparent 1px 6px);height:100%;transition:width var(--fc-duration-slower) var(--ease), margin-left var(--fc-duration-slower) var(--ease);flex:none;display:block}html[data-theme=dark] .p-resources .hero-op i{mix-blend-mode:screen}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .p-resources .hero-op i{mix-blend-mode:screen}}.p-resources .hero-op>*+*{margin-left:var(--m)}.p-resources .sp-word{font-family:var(--font-display);letter-spacing:-.03em;margin:clamp(26px,4vh,44px) 0 0;font-size:clamp(34px,6.4vw,76px);font-weight:400;line-height:1.04}.p-resources .sp-word em{color:var(--color-primary-solid);font-style:normal}@media (width<=700px){.p-resources .hero-rule{height:64px}}.p-resources .hint{color:var(--faint)}.p-resources .hero-cite{color:var(--faint);margin-top:22px;font-size:13px;font-style:normal;display:block}.p-resources .hero-cite i{font-style:italic}.p-resources .spacescale{border-top:1px solid var(--hair);margin-top:34px}.p-resources .sp-row{gap:var(--space-9);border-bottom:1px solid var(--hair);transition:background var(--fc-duration-base) var(--fc-ease-standard);grid-template-columns:300px 1fr;align-items:center;padding:18px 0;display:grid}.p-resources .sp-row:hover{background:var(--color-surface)}.p-resources .sp-tok{font-family:var(--font-mono);color:var(--accent);font-size:12px}.p-resources .sp-val{font-family:var(--font-mono);color:var(--faint);margin-top:3px;font-size:11px}.p-resources .sp-use{color:var(--mid);margin-top:7px;font-size:12.5px;line-height:1.5}.p-resources .sp-bar{align-items:center;gap:0;display:flex}.p-resources .sp-bar i{background:var(--color-primary-solid);border-radius:2px;height:26px;display:block}.p-resources .sp-bar u{background:repeating-linear-gradient(45deg, var(--color-neutral-border) 0 1px, transparent 1px 5px);border-radius:2px;height:26px;display:block}.p-resources .sp-bar{gap:6px}@media (width<=760px){.p-resources .sp-row{grid-template-columns:1fr;gap:12px}}.p-resources .radii{background:var(--hair);border:1px solid var(--hair);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-top:34px;display:grid}.p-resources .rc{background:var(--ground);padding:22px 20px}.p-resources .rc-box{background:var(--color-primary-bg);border:1px solid var(--color-primary-border);width:100%;height:62px;margin-bottom:16px}.p-resources .rc b{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:400}.p-resources .rc span{font-family:var(--font-mono);color:var(--faint);margin-left:8px;font-size:11px}.p-resources .rc p{color:var(--mid);margin-top:8px;font-size:12.5px;line-height:1.5}.p-resources table{border-collapse:collapse;width:100%;margin-top:30px;font-size:14px}.p-resources 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-resources td{border-bottom:1px solid var(--hair);vertical-align:baseline;padding:11px 14px 11px 0}.p-resources td.mono{font-family:var(--font-mono);white-space:nowrap;width:1%;font-size:12px}.p-resources td.old{color:var(--faint)}.p-resources td.new{color:var(--accent)}.p-resources td.num{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;width:1%;font-size:12px}.p-resources td.why{color:var(--mid);font-size:13px}@media (width<=820px){.p-resources td.why,.p-resources th.whycol{display:none}}.p-resources .density{border:1px solid var(--line);border-radius:5px;margin-top:34px;overflow:hidden}.p-resources .den-bar{background:var(--raised);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 18px;display:flex}.p-resources .den-bar span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-right:auto;font-size:10.5px}.p-resources .den-btn{font-family:var(--font-mono);border:1px solid var(--line);color:var(--mid);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:12px}.p-resources .den-btn[aria-pressed=true]{background:var(--ground);color:var(--ink);border-color:var(--ink)}.p-resources .den-body{padding:clamp(20px,3vw,32px)}.p-resources .den-card{--k:1;border:1px solid var(--color-neutral-border);border-radius:calc(12px * var(--k));max-width:420px;padding:calc(16px * var(--k));background:var(--color-canvas);transition:padding var(--fc-duration-base) var(--fc-ease-standard), border-radius var(--fc-duration-base) var(--fc-ease-standard)}.p-resources .den-card h4{font-size:calc(16px * var(--k));margin:0;font-weight:600;line-height:1.45}.p-resources .den-card p{margin:calc(4px * var(--k)) 0 0;font-size:calc(13px * var(--k));color:var(--mid);line-height:1.5}.p-resources .den-rows{margin-top:calc(16px * var(--k));gap:calc(8px * var(--k));display:grid}.p-resources .den-rows div{justify-content:space-between;gap:calc(12px * var(--k));font-size:calc(13px * var(--k));padding:calc(6px * var(--k)) 0;border-top:1px solid var(--color-neutral-bg-hover);display:flex}.p-resources .den-rows span{color:var(--mid)}.p-resources .codeblock{border:1px solid var(--line);background:var(--raised);border-radius:4px;margin-top:30px;overflow-x:auto}.p-resources .codeblock pre{margin:0;padding:20px 22px}.p-resources .codeblock code{font-family:var(--font-mono);color:var(--ink);white-space:pre;background:0 0;padding:0;font-size:12.5px;line-height:1.7}.p-resources .pull p{font-family:var(--font-display);font-size:clamp(23px,3.2vw,34px);font-style:italic;line-height:1.2}.p-resources .res-live{grid-template-columns:140px 210px 1fr 74px}.p-resources .res-sw-live{width:140px;color:var(--color-primary-solid);display:block}.p-resources .res-sw-live svg{width:100%;height:auto;max-height:46px;display:block}@media (width<=720px){.p-resources .res-live{grid-template-columns:140px 1fr auto}.p-resources .res-live .res-desc{grid-column:2/-1}}.p-resources .bgrid{border-top:1px solid var(--line);margin-top:26px}.p-resources .bg-row{border-bottom:1px solid var(--hair);color:var(--color-primary-solid);--logo-ink:var(--color-neutral-fg-strong);grid-template-columns:176px 1.15fr 1fr;align-items:start;gap:0 28px;padding:30px 0 34px;display:grid}.p-resources .bg-row.rev{--logo-ink:var(--color-canvas);background:var(--color-neutral-fg-strong);background:var(--color-neutral-fg-strong);border-bottom-color:#ffffff17;margin:0 -22px;padding-left:22px;padding-right:22px}.p-resources .bg-band{background:0 0;padding:0;display:block}.p-resources .bg-band b{color:var(--ink);font-size:14px;display:block}.p-resources .bg-band span{font-family:var(--font-mono);color:var(--faint);margin-top:5px;font-size:10.5px;display:block}.p-resources .bg-band i{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:999px;margin-top:12px;padding:2px 8px;font-size:9px;font-style:normal;display:inline-block}.p-resources .bg-row.rev .bg-row.rev .bg-band span,.p-resources .bg-row.rev .bg-row.rev .bg-kind{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:18px;font-size:9.5px}.p-resources .bg-col{flex-direction:column;align-items:flex-start;gap:26px;min-width:0;display:flex}.p-resources .bg-col .bc{max-width:100%;color:inherit;flex-direction:column;align-items:flex-start;gap:9px;text-decoration:none;display:flex}.p-resources .bc-meta{align-items:baseline;gap:9px;display:flex}.p-resources .bc-meta b{font-family:var(--font-body);color:var(--mid);font-size:12px;font-weight:400}.p-resources .bc-meta em{font-family:var(--font-mono);color:var(--faint);font-size:10px;font-style:normal}.p-resources .bg-row.rev .bc-meta b{color:var(--color-neutral-solid)}.p-resources .bc-art{height:calc(var(--h) * var(--pk,1));display:block}.p-resources .bc-art svg{width:auto;height:100%;display:block}.p-resources .faces{border:1px solid var(--line);border-radius:4px;grid-template-columns:1fr;margin-top:38px;display:grid;overflow:hidden}.p-resources .face{border:1px solid var(--line);border-radius:4px;overflow:hidden}.p-resources .face-demo{padding:30px 26px 26px}.p-resources .face-demo .big{letter-spacing:-.02em;font-size:clamp(44px,5.6vw,68px);line-height:1.04}.p-resources .face-demo .set{color:var(--mid);margin-top:16px;font-size:15px;line-height:1.55}.p-resources .face-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-resources .face-meta b{font-family:var(--font-mono);font-size:12px;font-weight:500}.p-resources .face-meta span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.p-resources .res-name{font-size:14.5px;font-weight:600}.p-resources .res-file{font-family:var(--font-mono);color:var(--faint);grid-column:1;margin-top:3px;font-size:10.5px;display:block}.p-resources .res-desc{color:var(--mid);font-size:13px;line-height:1.55}.p-resources .res-size{font-family:var(--font-mono);color:var(--faint);text-align:right;font-size:11px}.p-resources .res-desc{grid-column:1/-1}.p-resources .res-sw{border-radius:3px;grid-template-columns:repeat(4,1fr);align-self:center;gap:1px;width:58px;height:22px;display:grid;overflow:hidden}.p-resources .res-sw i{display:block}.p-resources .res-colour .res-file{margin-top:3px}.p-resources .res-colour{grid-template-columns:58px 1fr auto}.p-resources .res-colour .res-desc{grid-column:2/-1}.p-resources .facecards{gap:16px;margin-top:32px;display:grid}.p-resources .face-card{border:1px solid var(--hair);background:var(--raised);border-radius:4px;overflow:hidden}.p-resources .face-sample{padding:26px 24px 18px}.p-resources .face-spec{letter-spacing:-.018em;font-size:clamp(28px,3.6vw,40px);line-height:1.15}.p-resources .face-alpha{color:var(--mid);margin-top:9px;font-size:clamp(12px,1.4vw,15px);line-height:1.5}.p-resources .face-row{grid-template-columns:200px 1fr auto;align-items:baseline;gap:18px;padding:0 24px 20px;display:grid}.p-resources .face-id b{font-size:14.5px;font-weight:600}.p-resources .face-id span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:3px;font-size:10.5px;display:block}.p-resources .face-facts{color:var(--mid);background:0 0;border:0;flex-wrap:wrap;gap:4px 18px;padding:0;font-size:12.5px;display:flex}.p-resources .face-get{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:11px;text-decoration:none}.p-resources .face-get:hover{color:var(--accent)}.p-resources .face-row{grid-template-columns:1fr;gap:10px}.p-resources .brandcards{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.p-resources .brand-sample{justify-content:center;align-items:center;min-height:132px;padding:34px 24px 26px;display:flex}.p-resources .brand-mark{color:var(--color-primary-solid);display:block}.p-resources .brand-mark svg{width:76px;height:78px;display:block}.p-resources .brand-shapes{gap:10px}.p-resources .brand-shapes i{clip-path:url(#odin-shape);width:30px;height:31px;display:block}.p-resources .brandcards{grid-template-columns:1fr}.p-resources .res-sw-fam{grid-template-columns:repeat(8,1fr);align-self:center;gap:2px;width:148px;height:24px;display:grid}.p-resources .res-sw-fam i{border-radius:2px;display:block}.p-resources .res-sw-fam i.gap{margin-left:7px}.p-resources .res-fam{grid-template-columns:148px 1fr auto}.p-resources .res-sw-type{align-items:baseline;gap:10px;width:148px;display:flex}.p-resources .res-sw-type b{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-weight:400;line-height:1}.p-resources .res-type{grid-template-columns:148px 1fr auto}.p-resources .res-states{grid-template-columns:148px 210px 1fr 74px;align-items:start}.p-resources .res-sw-states{grid-template-columns:repeat(3,1fr);align-self:start;gap:4px;width:120px;height:24px;margin-top:2px;display:grid}.p-resources .res-sw-states i{border-radius:3px;display:block;position:relative}.p-resources .res-sw-states b{font-family:var(--font-mono);color:var(--faint);text-align:center;letter-spacing:-.01em;font-size:8.5px;font-weight:400;position:absolute;top:calc(100% + 4px);left:0;right:0}.p-resources .res-states{grid-template-columns:148px 1fr auto}.p-resources .res-sw-logo{border-radius:3px;justify-content:center;align-items:center;width:132px;height:46px;padding:6px 8px;display:flex}.p-resources .res-sw-logo svg{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.p-resources .res-sw-logo.light{background:var(--raised);color:var(--color-primary-solid)}.p-resources .res-sw-logo.dark{background:var(--color-neutral-fg-strong);color:var(--color-canvas)}.p-resources .res-sw-shape{grid-template-columns:repeat(4,1fr);align-self:center;gap:3px;width:132px;height:30px;display:grid}.p-resources .res-sw-shape i{clip-path:url(#odin-shape);display:block}.p-resources .res-brand{grid-template-columns:132px 1fr auto}.p-resources .bg-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);grid-template-columns:170px repeat(5,1fr);gap:1px;margin-top:32px;font-size:9.5px;display:grid}.p-resources .bg-head div{padding:0 0 9px 14px}.p-resources .bc.pos{background:var(--ground);color:var(--color-primary-solid);--logo-ink:var(--color-neutral-fg-strong)}.p-resources .bc.rev{background:var(--color-neutral-fg-strong);color:var(--color-canvas);--logo-ink:var(--color-canvas)}.p-resources .bc.pos:hover{background:var(--raised)}.p-resources .bc.rev:hover{background:var(--color-neutral-fg)}.p-resources .bc.empty{background:var(--ground)}.p-resources .bc svg{display:block}.p-resources .bc em{font-family:var(--font-mono);opacity:.55;font-size:9px;font-style:normal}.p-resources .lgroup{margin-top:26px}.p-resources .lgrid{background:var(--hair);border:1px solid var(--hair);border-top:0;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:1px;display:grid}.p-resources .lc{background:var(--ground);color:var(--color-primary-solid);transition:background var(--fc-duration-quick) var(--fc-ease-standard);flex-direction:column;align-items:center;gap:12px;padding:20px 14px 16px;text-decoration:none;display:flex}.p-resources .lc:hover{background:var(--raised)}.p-resources .lc svg{width:auto;height:42px;display:block}.p-resources .lc em{font-family:var(--font-mono);color:var(--faint);text-align:center;word-break:break-word;font-size:9px;font-style:normal;line-height:1.4}.p-resources .res-desc{font-size:12.5px}.p-resources .res-row{border-bottom:1px solid var(--hair);align-items:center;gap:14px;padding:15px 2px;display:grid}.p-resources .res-row:first-of-type{border-top:1px solid var(--line)}.p-resources .res-get{font-family:var(--font-mono);letter-spacing:.06em;color:var(--mid);text-align:right;white-space:nowrap;border:1px solid var(--line);transition:color var(--fc-duration-quick) var(--fc-ease-standard), border-color var(--fc-duration-quick) var(--fc-ease-standard);border-radius:999px;padding:5px 11px;font-size:10.5px;text-decoration:none}.p-resources .res-get:hover{color:var(--color-primary-solid);border-color:var(--faint)}@media (width<=720px){.p-resources .res-row{gap:10px 12px}.p-resources .res-desc{font-size:12.5px}}