/* Type and the existing spark: no period between yay and coolstuff. */
.brand-group{display:flex;align-items:center;gap:18px;min-width:0;pointer-events:auto}
.site-header .wordmark{font-family:var(--display);font-size:27px;letter-spacing:-1.3px;flex-shrink:0}
.logo-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:var(--display,"Segoe UI",Arial,sans-serif);font-size:1em;font-weight:800;line-height:1.08;letter-spacing:-.05em;text-transform:none;white-space:nowrap;color:var(--ink);font-style:normal}
.logo-main{display:inline-flex;align-items:baseline;position:relative}
.logo-symbol{display:inline-block;font-family:Arial,sans-serif;color:var(--accent);font-size:1em;align-self:center;margin-left:.42em;line-height:1;letter-spacing:0;font-weight:400}
.logo-gap,.logo-wordgap{white-space:pre}
.logo-domain{font-size:.56em;font-weight:500;letter-spacing:-.045em}
.logo-caption{font:500 .37em/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.055em;margin-top:.48em;color:var(--muted)}
[data-logo="softspace"] .logo-gap{width:.22em}
.logo-lockup[data-logo="joined"]{letter-spacing:-.06em}
.logo-lockup[data-logo="camel"]{letter-spacing:-.045em;font-weight:750}
.logo-lockup[data-logo="threewords"]{letter-spacing:-.04em;font-weight:650}
[data-logo="threewords"] .logo-symbol{font-size:.88em;margin-left:.33em}
[data-logo="colorjoin"] .logo-yay{color:var(--accent)}
[data-logo="weightshift"] :is(.logo-cool,.logo-stuff){font-weight:350;letter-spacing:-.065em}
[data-logo="weightshift"] .logo-yay{margin-right:.025em}
[data-logo="yaybang"] .logo-yay{color:var(--accent)}
[data-logo="yaybang"] .logo-symbol{font-size:.76em;margin-left:.35em}
[data-logo="sparkfirst"] .logo-symbol{order:-1;margin:0 .34em 0 0;font-size:1.1em}
[data-logo="risingspark"] .logo-symbol{align-self:flex-start;font-size:.62em;margin-left:.16em;transform:translateY(-.2em)}
[data-logo="underline"] .logo-cool,[data-logo="underline"] .logo-stuff{border-bottom:2px solid var(--accent);padding-bottom:.075em}
[data-logo="underline"] .logo-symbol{transform:rotate(-13deg);font-size:.8em}
[data-logo="yaytag"] .logo-yay{padding:.09em .19em .13em;background:var(--accent);color:var(--accent-ink,#fff);border-radius:.23em;letter-spacing:-.055em}
[data-logo="yaytag"] .logo-symbol{font-size:.8em;margin-left:.3em}
[data-logo="sunseal"] .logo-symbol{order:-1;font-size:.86em;width:1.38em;height:1.38em;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;margin:0 .36em 0 0}
[data-logo="twostory"] .logo-main{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;line-height:.96}
[data-logo="twostory"] .logo-yay{grid-column:1/3;grid-row:1;color:var(--accent);font-size:.9em}
[data-logo="twostory"] .logo-cool{grid-row:2;grid-column:1}
[data-logo="twostory"] .logo-stuff{grid-row:2;grid-column:2}
[data-logo="twostory"] .logo-symbol{grid-column:3;grid-row:1/3;font-size:1.3em;margin-left:.35em}
[data-logo="twostory"] :is(.logo-gap,.logo-wordgap,.logo-domain){display:none}
[data-logo="bigyay"] .logo-main{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;column-gap:.13em;line-height:.85}
[data-logo="bigyay"] .logo-yay{grid-column:1;grid-row:1/3;font-size:1.35em;align-self:center;color:var(--accent);letter-spacing:-.08em;padding-right:.03em}
[data-logo="bigyay"] .logo-cool{grid-column:2;grid-row:1;font-size:.67em;letter-spacing:-.04em}
[data-logo="bigyay"] .logo-stuff{grid-column:2;grid-row:2;font-size:.67em;letter-spacing:-.04em}
[data-logo="bigyay"] .logo-symbol{grid-column:3;grid-row:1/3;font-size:1.04em;margin-left:.14em}
[data-logo="bigyay"] :is(.logo-gap,.logo-wordgap,.logo-domain){display:none}
.logo-lockup[data-logo="serif"]{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.045em}
[data-logo="serif"] .logo-yay{font-style:italic;color:var(--accent);padding-right:.035em}
[data-logo="serif"] .logo-symbol{font-size:.76em}
.logo-lockup[data-logo="rounded"]{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;letter-spacing:-.055em}
[data-logo="rounded"] .logo-symbol{font-size:1.12em;margin-left:.26em}
.logo-lockup[data-logo="mono"]{font-family:"Courier New",monospace;font-size:.84em;letter-spacing:-.09em;font-weight:700}
[data-logo="mono"] .logo-symbol{font-size:1.1em;margin-left:.38em}
[data-logo="fulladdress"] .logo-domain{color:var(--accent);margin-left:.02em}
[data-logo="fulladdress"] .logo-symbol{font-size:.74em;margin-left:.3em}
[data-logo="addressbelow"] .logo-symbol{font-size:.85em}
.logo-lockup[data-logo="wordstamp"]{padding:.31em .48em .35em;border:1.5px solid currentColor;border-radius:.55em;text-transform:uppercase;font-size:.76em;letter-spacing:-.04em}
[data-logo="wordstamp"] .logo-symbol{font-size:1.15em;margin-left:.25em}
/* A comparison sheet with large marks, shown over the working gallery. */
.logo-lab{--ink:#173e52;--muted:#58707b;--accent:#2c7b8d;--accent-ink:#fff;--display:"Segoe UI",Arial,sans-serif;--line:#c2d7db;width:min(1180px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #f5ffff;border-radius:22px;background:#eef6f5;color:var(--ink);box-shadow:0 28px 100px #061e4899;font:16px/1.5 "Segoe UI",Arial,sans-serif;color-scheme:light;overflow:auto;overscroll-behavior:contain}
.logo-lab::backdrop{background:#071f397a;backdrop-filter:blur(8px)}
[data-logo-lab-open="true"] body{overflow:hidden}
.logo-lab-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:28px 32px 24px;border-bottom:1px solid #c5d9dd;background:linear-gradient(120deg,#f8fbf4,#deedf0)}
.logo-lab-eyebrow{margin:0 0 7px;font-size:12px;letter-spacing:.13em;font-weight:650;color:#527583}
.logo-lab-heading h2{font-size:34px;letter-spacing:-.06em;font-weight:450;line-height:1.15;margin:0 0 10px}
.logo-lab-heading p:last-child{margin:0;color:var(--muted);font-size:15px}
.logo-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;font:26px/1 Arial,sans-serif;border:1px solid #aecbd2;border-radius:50%;background:#ffffff70;color:#335d6e;cursor:pointer}
.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 24px}
.logo-option{position:relative;min-width:0;text-align:left;padding:0 14px 15px;border:1px solid #c6dadd;border-radius:14px;background:#ffffffb8;color:var(--ink);font:14px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.logo-option:hover{border-color:#6899a6;box-shadow:0 4px 13px #173e5210}
.logo-option[aria-pressed="true"]{border-color:#2c7b8d;box-shadow:0 0 0 2px #2c7b8d;background:#fff}
.logo-sample{display:flex;align-items:center;justify-content:center;height:102px;font-size:25px;margin-inline:-5px}
.logo-option-label{display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid #dbe7e8}
.logo-number{font-size:12px;font-variant-numeric:tabular-nums;color:#698593}
.logo-name{font-size:14px;font-weight:650;letter-spacing:-.02em}
.logo-selected{margin-left:auto;color:#287184;font-size:15px;visibility:hidden}
.logo-option[aria-pressed="true"] .logo-selected{visibility:visible}
.logo-option-description{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:#647e88;min-height:35px}
.logo-lab-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid #c3dadd;background:#e8f3f4f5;backdrop-filter:blur(14px)}
.logo-lab-footer p{margin:0;font-size:14px;font-weight:600;color:#315e6f}
.logo-lab-footer button{border:1px solid #286e80;background:#286e80;color:#fff;border-radius:9px;min-height:43px;padding:10px 17px;font:600 14px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer}
.logo-lab-footer button span{margin-left:12px}
.logo-lab :focus-visible{outline:3px solid #287b8d;outline-offset:4px}
@media(max-width:1100px){.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-sample{font-size:26px}}
@media(max-width:800px){.brand-group{gap:12px}.site-header .wordmark{font-size:23px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-sample{font-size:clamp(20px,3.4vw,27px)}.logo-lab-heading{padding:24px}.logo-lab-footer{padding:14px 24px}}
@media(max-width:540px){.brand-group{flex-wrap:wrap;gap:3px 8px;max-width:calc(100% - 100px)}.site-header .wordmark{font-size:22px}.logo-lab{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.logo-lab-heading{padding:22px 18px}.logo-lab-heading h2{font-size:29px}.logo-grid{grid-template-columns:1fr;padding:18px;gap:12px}.logo-sample{font-size:31px;height:99px}.logo-option-description{min-height:0}.logo-lab-footer{padding:13px 18px}.logo-lab-footer button{padding:9px 12px}.logo-lab-footer button span{margin-left:5px}.logo-lab-footer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.logo-option{transition:none}}
@media(max-width:540px){.site-header{flex-wrap:wrap;gap:10px;padding-block:14px}.brand-group{max-width:100%;flex:1 0 200px}.site-header .personal-link{margin-left:auto}}
@media(forced-colors:active){.logo-lab,.logo-lab-heading,.logo-option,.logo-lab-footer{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.logo-option[aria-pressed="true"]{outline:2px solid Highlight}.logo-option .logo-name,.logo-option-description,.logo-number,.logo-lab p{color:CanvasText}.logo-lab-footer button,.logo-close{background:ButtonFace;color:ButtonText;border-color:ButtonText}.logo-lockup{color:CanvasText}.logo-symbol,.logo-yay,.logo-domain{forced-color-adjust:auto}}