html:has(.field-page):before{display:none}body:has(.field-page){background:transparent}html:has(.field-page) .site-footer{border-top:none;background-image:var(--grid-image);background-size:var(--grid-size) 100%;background-repeat:repeat-x;background-position:var(--grid-pos)}.field,.field-page{width:100%;min-height:100dvh}.field{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"era" "lead" "use" "free" "spec" "mod" "hair" "flush" "grot" "hist" "jmb" "wc" "n01" "n02" "n03" "n04" "n05" "n06" "n07" "n08" "n09" "n10" "n11" "n12" "n13" "n14" "n15" "n16" "n17" "n18" "n19" "n20" "faq" "colo";grid-auto-rows:minmax(204px,auto);background:var(--divider);padding:0 0 1px;gap:1px;box-shadow:inset 1px 0 0 var(--grid-line),inset -1px 0 0 var(--grid-line)}.field-cell{min-width:0;min-height:204px;padding:20px;background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;gap:16px;overflow:visible}.field-cell-era{grid-area:era;container-type:inline-size;justify-content:flex-end;min-height:408px}.field-cell-lead{grid-area:lead;padding-top:24px}.field-cell-use{grid-area:use;justify-content:flex-start;min-height:408px}.field-cell-free{grid-area:free}.field-cell-spec{grid-area:spec;justify-content:flex-start;min-height:408px}.field-cell-jmb{grid-area:jmb;min-height:408px}.field-cell-wc{grid-area:wc;min-height:408px}.field-cell-n01{grid-area:n01}.field-cell-n02{grid-area:n02}.field-cell-n03{grid-area:n03}.field-cell-n04{grid-area:n04}.field-cell-n05{grid-area:n05}.field-cell-n06{grid-area:n06}.field-cell-n07{grid-area:n07}.field-cell-n08{grid-area:n08}.field-cell-n09{grid-area:n09}.field-cell-n10{grid-area:n10}.field-cell-n11{grid-area:n11}.field-cell-n12{grid-area:n12}.field-cell-n13{grid-area:n13}.field-cell-n14{grid-area:n14}.field-cell-n15{grid-area:n15}.field-cell-n16{grid-area:n16}.field-cell-n17{grid-area:n17}.field-cell-n18{grid-area:n18}.field-cell-n19{grid-area:n19}.field-cell-n20{grid-area:n20}.field-cell-mod{grid-area:mod}.field-cell-hair{grid-area:hair}.field-cell-flush{grid-area:flush}.field-cell-grot{grid-area:grot;container-type:inline-size;min-height:408px;gap:20px}.field-cell-hist{grid-area:hist}.field-cell-faq{grid-area:faq;justify-content:flex-start}.field-cell-colophon{grid-area:colo;justify-content:flex-start;gap:12px}.field-face{margin:0 0 0 -.08em;font-size:clamp(4.5rem,28cqw,18rem);font-weight:600;letter-spacing:-.045em;line-height:.82;color:var(--text)}.field-name{margin:0;font-size:clamp(1.5rem,4.2vw,2.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}.field-name-feature{font-size:clamp(2.5rem,7vw,7rem);letter-spacing:-.045em;line-height:1.05}.field-kicker{margin:0;font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary)}.field-spec-type{margin:0 0 0 calc(1px - .045em);font-size:clamp(3rem,12vw,8rem);font-weight:600;letter-spacing:-.045em;line-height:.85;color:var(--text)}.field-copy{display:flex;flex-direction:column;gap:12px;max-width:28em}.field-copy-wide{max-width:36em}.field-copy p{font-size:.9375rem;line-height:1.5;color:var(--text)}.field-copy p,.field-mark{margin:0;font-weight:500;letter-spacing:-.01em}.field-mark{font-size:.8125rem;line-height:1.55;color:var(--text-secondary);text-wrap:balance;max-width:22em}.field-code-stack{gap:16px;max-width:44em}.field-code-stack,.field-step{display:flex;flex-direction:column;width:100%}.field-step{gap:8px}.field-code-row{display:flex;align-items:center;gap:8px;width:100%}.field-code{flex:1;min-width:0;margin:0;padding:20px;background:var(--table-alt);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);overflow-x:auto}.field-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7813rem;line-height:1.5;color:var(--text)}.field-cell-use .code-copy{position:static;top:auto;right:auto;transform:none;background:none;flex-shrink:0;width:32px;height:32px;min-width:32px;min-height:32px}.field-cell:has(>.field-name){gap:20px}.field-cell-has-work{padding:20px;gap:20px;min-height:408px;justify-content:flex-start}.field-work{position:relative;flex:0 0 auto;min-height:0;overflow:hidden;background:var(--bg)}.field-work img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.field-matter{display:flex;flex-direction:column;gap:20px;padding:0;background:transparent}.field-matter .field-kicker,.field-matter .field-mark,.field-matter .field-name{max-width:none}.field-spec{flex:1;min-height:88px;width:100%}.field-spec-module{display:flex;flex-direction:column;gap:8px}.field-mod204{flex:1;min-height:88px;display:grid;grid-template-columns:184fr 20fr;border:1px solid var(--divider);background:var(--bg)}.field-col184{background:var(--table-alt);border-right:1px solid var(--text)}.field-gut20{background:var(--bg)}.field-mod-dim{display:grid;grid-template-columns:184fr 20fr;font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary)}.field-mod-dim span:last-child{text-align:center}.field-spec-hair{background-image:repeating-linear-gradient(to bottom,var(--divider) 0,var(--divider) 1px,transparent 1px,transparent 20px)}.field-cell-flush{overflow:visible}.field-spec-flush{width:calc(100% + 40px);max-width:none;margin:0 0 0 -20px;border-top:1px solid var(--divider);display:flex;flex-direction:column}.field-flush-row,.field-spec-flush{box-sizing:border-box;border-bottom:1px solid var(--divider)}.field-flush-row{flex:1;min-height:40px;padding:20px}.field-flush-row:last-child{border-bottom:0}.field-grotesque{margin:0;font-size:clamp(4.5rem,22cqw,10rem);font-weight:600;letter-spacing:-.05em;line-height:.8;padding-block-end:.25em;color:var(--text)}.field-notes{margin:0;max-width:40em}.field-cell-faq .rs-acc-item summary{font-size:.8125rem}.field-cell-faq .rs-acc-body{font-size:.8125rem;font-weight:500}.field-colophon{display:flex;flex-direction:column;gap:6px;max-width:36em}.field-colophon p{margin:0;font-size:.75rem;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:var(--text-secondary)}.field-cell a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--divider);transition:border-color var(--duration-snap) var(--ease)}.field-cell a:hover{border-color:var(--text)}.field-cell a:any-link,.field-cell a:link,.field-cell a:visited{color:var(--text)}.field-colophon a,.field-colophon a:any-link,.field-colophon a:link,.field-colophon a:visited{color:var(--text-secondary)}.field-colophon a:hover{border-color:var(--text-secondary)}@media (min-width:481px){.field{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"era era" "lead lead" "use use" "free free" "spec spec" "mod hair" "flush grot" "hist hist" "jmb jmb" "wc wc" "n01 n02" "n03 n04" "n05 n06" "n07 n08" "n09 n10" "n11 n12" "n13 n14" "n15 n16" "n17 n18" "n19 n20" "faq faq" "colo colo"}}@media (min-width:816px){.field-name-feature{font-size:clamp(1.75rem,3.2vw,3.25rem);letter-spacing:-.04em;line-height:1.1}.field{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"era era era era" "era era era era" "lead lead lead lead" "use use use use" "free free spec spec" "mod mod hair hair" "flush flush grot grot" "hist hist hist hist" "jmb jmb wc wc" "n01 n01 n02 n02" "n03 n03 n04 n04" "n05 n05 n06 n06" "n07 n07 n08 n08" "n09 n09 n10 n10" "n11 n11 n12 n12" "n13 n13 n14 n14" "n15 n15 n16 n16" "n17 n17 n18 n18" "n19 n19 n20 n20" "faq faq faq faq" "colo colo colo colo"}}@media (min-width:1224px){.field{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"era era era lead lead lead" "era era era lead lead lead" "use use use use use use" "free free spec spec spec spec" "mod mod hair hair flush flush" "grot grot grot hist hist hist" "jmb jmb jmb wc wc wc" "n01 n01 n02 n02 n03 n03" "n04 n04 n05 n05 n06 n06" "n07 n07 n08 n08 n09 n09" "n10 n10 n11 n11 n12 n12" "n13 n13 n14 n14 n15 n15" "n16 n16 n17 n17 n18 n18" "n19 n19 n20 n20 n20 n20" "faq faq faq faq faq faq" "colo colo colo colo colo colo"}}@media (max-width:640px){.field-cell-word{padding-top:calc(20px + env(safe-area-inset-top, 0px))}.field-cell-mit{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.field-copy p{font-size:1rem;line-height:1.6}.field-kicker{font-size:.8125rem}.field-cell a{display:inline-flex;align-items:center}.field-cell a,.field-url a{min-height:44px}.field-cell-use .code-copy{width:44px;height:44px;min-width:44px;min-height:44px}}