@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Nunito:wght@400;500;600;700&display=swap";:root{font-family:Nunito,ui-sans-serif,system-ui,sans-serif;color:#384052;background:#f9f7f3;font-synthesis:none;--ink: #384052;--paper: #f9f7f3;--line: rgba(231, 225, 243, .95);--acid: #f3d27a;--lavender: #d9d3f2;--cloud: #d8e9f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,rgba(217,211,242,.48),transparent 32rem),radial-gradient(circle at bottom left,rgba(216,233,248,.52),transparent 30rem),var(--paper)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page-shell{width:min(100%,1500px);margin:0 auto;padding:0 clamp(1.25rem,4vw,4.5rem)}.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.1rem;font-weight:600;letter-spacing:-.04em}.brand em{font-family:"Baloo 2",sans-serif;font-weight:800;font-style:normal}.brand-mark{position:relative;display:grid;width:2rem;height:2rem;place-items:center;transform:rotate(45deg)}.brand-mark i{position:absolute;width:1.35rem;height:1.35rem;border:1.5px solid currentColor;border-radius:50%}.brand-mark i:nth-child(2){transform:translate(.42rem)}.brand-mark i:nth-child(3){transform:translateY(.42rem)}nav{display:flex;align-items:center;gap:clamp(1.1rem,3vw,2.5rem);font-family:DM Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}nav a{text-decoration:none}nav a:not(.source-link){border-bottom:1px solid transparent}nav a:not(.source-link):hover{border-color:currentColor}.source-link{padding:.65rem .9rem;color:var(--paper);background:var(--ink);border-radius:999px}.hero{padding:clamp(4.5rem,10vw,9.5rem) 0 clamp(4rem,9vw,8rem)}.eyebrow,.section-number{font-family:DM Mono,monospace;font-size:.69rem;text-transform:uppercase;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 2.5rem}.eyebrow span{width:.5rem;height:.5rem;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px #d7ff5240}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.34fr);gap:clamp(3rem,8vw,8rem);align-items:end}h1{max-width:1000px;margin:0;color:#384052;font-family:"Baloo 2",sans-serif;font-size:clamp(4.2rem,10vw,9.8rem);font-weight:800;line-height:.78;letter-spacing:-.085em}h1 em{color:#7f72bb;font-family:inherit;font-weight:inherit;font-style:normal}.hero-note{display:grid;gap:1.5rem;padding-bottom:.35rem}.hero-note p{margin:0;max-width:27rem;font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.7}.orbit{position:relative;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid var(--line);border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ink)}.orbit:before{top:-2px}.orbit:after{right:-2px}.orbit i{width:.85rem;height:.85rem;border-radius:50%;background:var(--ink)}.reference-section{padding:clamp(4rem,8vw,7rem) 0;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr minmax(14rem,.34fr);gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.section-number{margin:0 0 1rem;opacity:.6}h2{margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(2.8rem,6vw,5.8rem);font-weight:700;line-height:.95;letter-spacing:-.065em}.section-description{margin:0;padding-bottom:.5rem;line-height:1.6;opacity:.7}.swatch-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.swatch-card{grid-column:span 3;min-width:0;padding:0;overflow:hidden;color:var(--ink);background:#fffdf9d1;border:1px solid #e7e1f3;border-radius:1.75rem;box-shadow:0 18px 45px #59627514;cursor:pointer;text-align:left;animation:reveal .6s both;animation-delay:var(--delay);transition:transform .18s ease,box-shadow .18s ease}.swatch-card:nth-child(1),.swatch-card:nth-child(6n+1){grid-column:span 6}.swatch-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px #59627529}.swatch-card:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.swatch-color{position:relative;display:flex;min-height:clamp(13rem,23vw,22rem);justify-content:space-between;align-items:flex-start;padding:1.1rem;color:var(--swatch-text);background:var(--swatch)}.swatch-index,.copy-state,.swatch-hex{font-family:DM Mono,monospace;font-size:.69rem;letter-spacing:.04em}.copy-state{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border:1px solid currentColor;border-radius:999px;opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.swatch-card:hover .copy-state,.swatch-card:focus-visible .copy-state{opacity:1;transform:translateY(0)}.copy-state svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.4}.swatch-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 1.1rem}.swatch-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.swatch-hex{opacity:.62}.type-section{padding-bottom:clamp(5rem,10vw,10rem)}.font-list{border-top:1px solid var(--ink)}.font-card{display:grid;grid-template-columns:minmax(12rem,.35fr) minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(1.8rem,4vw,3.25rem) 0;border-bottom:1px solid var(--line)}.font-meta{display:flex;gap:1.2rem;align-items:flex-start}.font-number{padding-top:.25rem;font-family:DM Mono,monospace;font-size:.68rem;opacity:.55}.font-meta h3,.font-meta p{margin:0}.font-meta h3{font-family:"Baloo 2",sans-serif;font-size:1.15rem;font-weight:700}.font-name-row{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.font-name-row h3{white-space:nowrap}.font-copy{display:inline-flex;gap:.3rem;align-items:center;padding:.2rem .4rem;color:inherit;font-family:DM Mono,monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer}.font-copy:hover{background:var(--lavender)}.font-copy:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.font-copy svg{width:.7rem;height:.7rem;fill:none;stroke:currentColor;stroke-width:1.4}.font-meta p{margin-top:.3rem;font-family:DM Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.font-sample{min-width:0;margin:0;overflow:hidden;font-size:clamp(2.2rem,5vw,5.5rem);line-height:1;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap}.font-action{display:inline-flex;gap:.5rem;align-items:center;padding:.65rem 0;font-family:DM Mono,monospace;font-size:.69rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid currentColor}.font-action.muted{border-color:transparent;opacity:.4}.font-drop-note{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;max-width:48rem;margin-top:3rem;padding:1.4rem;background:#ffffff6b;border:1px dashed rgba(33,31,38,.35);border-radius:1rem}.font-drop-note>span{display:grid;width:3.25rem;height:3.25rem;place-items:center;font-family:"Baloo 2",sans-serif;font-size:1.25rem;font-weight:700;background:var(--acid);border-radius:50%}.font-drop-note strong,.font-drop-note p{display:block;margin:0}.font-drop-note p{margin-top:.35rem;font-size:.86rem;line-height:1.6;opacity:.68}code{font-family:DM Mono,monospace;font-size:.82em}.empty-state{padding:clamp(3rem,7vw,6rem);text-align:center;border:1px dashed rgba(33,31,38,.35);border-radius:1.1rem}.empty-state span{font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.empty-state p{margin:.55rem 0 0;opacity:.6}footer{display:flex;min-height:110px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-family:DM Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}footer p{margin:0}footer p span{padding:0 .5rem}footer a{text-decoration:none}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}}@media(max-width:900px){.hero-grid,.section-heading{grid-template-columns:1fr}.hero-note{max-width:32rem}.swatch-card,.swatch-card:nth-child(1),.swatch-card:nth-child(6n+1){grid-column:span 6}.font-card{grid-template-columns:1fr auto}.font-sample{grid-column:1 / -1;grid-row:2}}@media(max-width:600px){.page-shell{padding:0 1rem}.site-header{min-height:76px}nav a:not(.source-link){display:none}.hero{padding-top:5rem}h1{font-size:clamp(3.7rem,19vw,6rem)}.swatch-card,.swatch-card:nth-child(1),.swatch-card:nth-child(6n+1){grid-column:span 12}.swatch-color{min-height:15rem}.copy-state{opacity:1;transform:none}.font-card{gap:1rem}.font-action{font-size:.62rem}.font-drop-note{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-shell{width:min(100%,1180px);min-height:100svh;padding:.75rem clamp(.9rem,2.5vw,1.75rem) 1rem}.site-header{min-height:2.75rem;border-bottom:0}.brand{gap:0;font-size:.92rem;font-weight:700;letter-spacing:-.02em}.brand-mark,.hero,.section-number,.section-description,.swatch-index,.font-number,.font-drop-note,footer,nav a:not(.source-link){display:none}nav{gap:0}.source-link{min-height:2rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.6rem;background:#596275}main{display:grid;gap:1.1rem;padding-top:.55rem}.reference-section,.type-section{padding:0;border-top:0}.favorite-section{padding-bottom:1rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}h2{font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.swatch-card,.swatch-card:nth-child(1),.swatch-card:nth-child(6n+1){grid-column:auto;border-radius:.7rem;box-shadow:none;animation:none;transition:transform .14s ease,box-shadow .14s ease}.swatch-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #5962751f}.swatch-card:focus-visible{outline:2px solid #384052;outline-offset:2px}.swatch-color{min-height:3.25rem;padding:0}.copy-state{position:absolute;top:.35rem;right:.35rem;gap:.25rem;padding:.2rem .35rem;font-size:.5rem;background:color-mix(in srgb,var(--swatch) 78%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.copy-state svg{width:.6rem;height:.6rem}.swatch-meta{min-height:2.45rem;display:block;padding:.42rem .55rem .45rem}.swatch-name{display:block;font-size:.68rem;line-height:1.1}.swatch-hex{display:block;margin-top:.18rem;font-size:.53rem;line-height:1}.font-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;border-top:0}.font-card{min-height:5.4rem;grid-template-columns:minmax(10rem,.45fr) minmax(0,1fr) auto;gap:.75rem;padding:.75rem;border:1px solid #e7e1f3;border-radius:.7rem;background:#fffdf9b8}.font-meta{display:block}.font-meta h3{font-size:.85rem;line-height:1.15}.font-name-row{gap:.25rem}.font-copy{padding:.15rem .3rem;font-size:.45rem}.font-meta p{margin-top:.18rem;font-size:.5rem;line-height:1.2}.font-sample{grid-column:auto;grid-row:auto;font-size:clamp(1.4rem,2.6vw,2.2rem);letter-spacing:-.035em}.font-action{min-height:2rem;padding:.35rem 0;font-size:.55rem;white-space:nowrap}.empty-state{padding:1.5rem}@media(max-width:900px){.swatch-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.font-card{grid-template-columns:minmax(10rem,.45fr) minmax(0,1fr) auto}.font-sample{grid-column:auto;grid-row:auto}}