:root{--maxw:1240px;--r-lg:30px;--r-xl:42px;--hairline:#2a1b2e17}.wrap{padding-inline:32px}.eyebrow.on-dark{box-shadow:none;color:#fff;background:#ffffff1f}.bnav{z-index:50;background:color-mix(in srgb,var(--cream) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.bnav.stuck{border-color:var(--hairline)}.bnav__in{justify-content:space-between;align-items:center;height:74px;display:flex}.bnav .brand{font-size:22px}.bnav .brand__mark{width:36px;height:36px}.bnav__links{gap:28px;display:flex}.bnav__links a{color:var(--ink-soft);font-size:14.5px;font-weight:500;transition:color .15s}.bnav__links a:hover{color:var(--ink)}.bnav .btn{padding:12px 22px;font-size:15.5px}.cover{padding:clamp(60px,9vw,120px) 0 clamp(60px,8vw,100px);position:relative;overflow:hidden}.cover__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.cover h1{font-size:clamp(46px,7vw,92px)}.cover h1 .tint{color:var(--pink-ink)}.cover__lead{color:var(--ink-soft);max-width:32em;margin-top:22px;font-size:clamp(17px,1.4vw,20px)}.cover__meta{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.cover__meta div{color:var(--ink-soft);font-size:14px}.cover__meta b{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:600;display:block}.cover__art{place-items:center;min-height:300px;display:grid;position:relative}.cover__disc{aspect-ratio:1;width:min(360px,80%);box-shadow:var(--shadow-card);background:radial-gradient(circle at 32% 30%,#ffe680,#ffc83d 60%,#f0a500);border-radius:50%;place-items:center;display:grid;position:relative}.cover__disc svg{width:62%;height:62%}.cover .blob--1{background:radial-gradient(circle at 30% 30%,#ffb6ce,#0000 70%);width:340px;height:340px;inset:-100px -60px auto auto}.cover .blob--2{background:radial-gradient(circle at 30% 30%,#a9ecc8,#0000 70%);width:300px;height:300px;inset:auto auto -120px -100px}.sec{padding-block:clamp(60px,8vw,104px);position:relative}.sec--alt{background:var(--cream-2);border-block:1px solid var(--hairline)}.sec__head{max-width:720px;margin-bottom:clamp(36px,5vw,60px)}.sec__num{font-family:var(--font-display);color:var(--pink-ink);letter-spacing:.06em;font-size:14px;font-weight:600}.sec__head h2{margin-top:10px;font-size:clamp(30px,4vw,50px)}.sec__head p{color:var(--ink-soft);margin-top:16px;font-size:17px}.logogrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.logocard{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:34px 30px 26px;transition:transform .16s,box-shadow .16s;position:relative}.logocard:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.logocard__stage{border-radius:var(--r-md);background:var(--cream);place-items:center;height:150px;margin-bottom:22px;display:grid;overflow:hidden}.logocard__stage svg{max-width:80%;max-height:78%}.logocard__no{font-family:var(--font-display);color:var(--ink-faint);background:var(--cream-2);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:grid;position:absolute;top:18px;right:20px}.logocard h3{font-size:21px}.logocard p{color:var(--ink-soft);margin-top:7px;font-size:14.5px}.logocard__tag{font-family:var(--font-display);border-radius:100px;align-items:center;gap:6px;margin-top:14px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.tag-pick{background:color-mix(in srgb,var(--green) 14%,white);color:var(--green-ink)}.tag-alt{background:color-mix(in srgb,var(--ink) 6%,white);color:var(--ink-soft)}.lockgrid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.lockcard{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:20px;padding:30px;display:flex}.lockcard__stage{border-radius:var(--r-md);background:var(--cream);flex:1;place-items:center;min-height:150px;padding:24px;display:grid}.lockcard__stage.dark{background:var(--ink)}.lockcard__stage.zest{background:var(--yellow)}.lockcard__stage svg{max-width:90%;max-height:110px}.lockcard__label{justify-content:space-between;align-items:center;gap:10px;display:flex}.lockcard__label b{font-family:var(--font-display);font-size:16px;font-weight:600}.lockcard__label span{color:var(--ink-faint);font-size:13px}.rulewrap{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:22px;display:grid}.panel{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:30px}.panel h4{margin-bottom:14px;font-size:18px}.clearbox{background:var(--cream);border-radius:var(--r-md);place-items:center;padding:40px;display:grid;position:relative}.clearbox svg{width:240px}.misuse{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.miss{background:var(--cream);border-radius:var(--r-md);text-align:center;padding:18px}.miss__stage{place-items:center;height:74px;margin-bottom:10px;display:grid}.miss__stage svg{max-width:80%;max-height:54px}.miss small{color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.x{color:var(--pink-ink);font-weight:700}.palette{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.swatch{border-radius:var(--r-lg);box-shadow:var(--shadow-soft);background:var(--paper);overflow:hidden}.swatch__chip{align-items:flex-end;height:130px;padding:16px;display:flex}.swatch__chip b{font-family:var(--font-display);font-size:15px;font-weight:600}.swatch__meta{padding:16px 18px 18px}.swatch__meta h5{font-size:16px}.swatch__row{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.swatch__row code{font-family:var(--font-body);color:var(--ink);font-weight:600}.neutrals{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px;display:grid}.neut{border-radius:var(--r-md);box-shadow:var(--shadow-soft);overflow:hidden}.neut__chip{height:78px}.neut__meta{background:var(--paper);padding:12px 14px;font-size:12.5px}.neut__meta b{font-family:var(--font-display);font-size:13.5px;font-weight:600;display:block}.neut__meta code{color:var(--ink-soft)}.ratio{height:26px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:100px;margin-top:24px;display:flex;overflow:hidden}.ratio span{color:#ffffffe6;font-size:11px;font-weight:600;font-family:var(--font-display);place-items:center;display:grid}.typegrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.typecard{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:32px}.typecard__name{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.typecard__name h3{font-size:24px}.typecard__name span{color:var(--ink-faint);font-size:13px}.typecard .big{font-family:var(--font-display);letter-spacing:-.02em;font-size:64px;font-weight:600;line-height:1}.typecard .glyphs{color:var(--ink-soft);letter-spacing:.04em;margin-top:14px;font-size:15px}.typecard .body-spec{font-size:16px}.weights{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.weights span{font-family:inherit}.scale{flex-direction:column;gap:10px;margin-top:22px;display:flex}.scale__row{border-top:1px solid var(--hairline);align-items:baseline;gap:14px;padding-top:10px;display:flex}.scale__row .tk{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none;width:74px;font-size:12px}.mascot-hero{background:var(--paper);border-radius:var(--r-xl);box-shadow:var(--shadow-card);grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding:clamp(28px,4vw,48px);display:grid;overflow:hidden}.mascot-hero__art{place-items:center;display:grid}.mascot-hero__art svg{width:min(260px,80%)}.mascot-hero h3{margin-bottom:12px;font-size:clamp(24px,3vw,34px)}.mascot-hero p{color:var(--ink-soft);max-width:30em;font-size:16px}.expr{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:26px;display:grid}.expr__cell{background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow-soft);text-align:center;padding:18px 10px 14px}.expr__cell svg{width:64px;height:64px}.expr__cell b{font-family:var(--font-display);color:var(--ink-soft);margin-top:8px;font-size:13px;font-weight:500;display:block}.voice{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.voicecard{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);border-top:6px solid var(--c,var(--pink));padding:26px}.voicecard h4{margin-bottom:8px;font-size:19px}.voicecard p{color:var(--ink-soft);font-size:14.5px}.saywrap{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.saycard{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:26px}.saycard h5{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;display:flex}.saycard ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.saycard li{color:var(--ink-soft);padding-left:24px;font-size:14.5px;position:relative}.saycard.do li:before{content:"✓";color:var(--green-ink);font-weight:700;position:absolute;left:0}.saycard.dont li:before{content:"✕";color:var(--pink-ink);font-weight:700;position:absolute;left:0}.stickerwrap{grid-template-columns:1.3fr 1fr;gap:22px;display:grid}.pattern{border-radius:var(--r-lg);background-color:var(--pink);min-height:240px;box-shadow:var(--shadow-soft);background-image:radial-gradient(circle at 20% 30%,#ffffff29 0 18px,#0000 19px),radial-gradient(circle at 70% 70%,#ffffff1f 0 26px,#0000 27px);place-items:center;display:grid;position:relative;overflow:hidden}.pattern svg{filter:drop-shadow(0 10px 20px #2a1b2e40);width:120px}.stickerset{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);flex-wrap:wrap;place-content:center;gap:12px;padding:28px;display:flex}.sticker{font-family:var(--font-display);color:#fff;box-shadow:var(--shadow-soft);transform:rotate(var(--rot,0deg));border-radius:100px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.bfoot{border-top:1px solid var(--hairline);margin-top:20px;padding-block:48px 40px}.bfoot__in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.bfoot p{color:var(--ink-faint);font-size:13.5px}@media (max-width:980px){.cover__grid{grid-template-columns:1fr}.logogrid{grid-template-columns:repeat(2,1fr)}.typegrid,.rulewrap,.stickerwrap,.mascot-hero,.palette{grid-template-columns:1fr}.bnav__links{display:none}.expr{grid-template-columns:repeat(3,1fr)}.voice{grid-template-columns:1fr}}@media (max-width:600px){.wrap{padding-inline:20px}.logogrid,.lockgrid,.saywrap{grid-template-columns:1fr}.neutrals,.expr{grid-template-columns:repeat(2,1fr)}}