.react-site .brand-artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.react-site .brand-artwork{border:1px solid var(--line,#dfe5e1);border-radius:12px;overflow:hidden}.react-site .brand-artwork-stage{background:#edf2e8;justify-content:center;align-items:center;min-height:300px;padding:52px;display:flex}.react-site .brand-artwork-stage.is-dark{background:#13251f}.react-site .brand-artwork-stage img{max-width:100%;height:auto;display:block}.react-site .brand-logo-preview{width:330px}.react-site .brand-symbol-preview{width:155px}.react-site .brand-artwork-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.react-site .brand-artwork-details h3{margin:0;font-size:18px}.react-site .brand-artwork-details>div{flex-wrap:wrap;gap:22px;display:flex}.react-site .brand-artwork-details a{align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.react-site .brand-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;display:grid}.react-site .brand-swatch>div{border:1px solid #dfe5e1;border-radius:8px;height:130px}.react-site .brand-swatch h3{margin:16px 0 6px;font-size:17px}.react-site .brand-swatch code{color:#64706a;font-size:13px}.react-site .brand-type{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.react-site .brand-type h2{font-size:clamp(28px,3vw,44px)}.react-site .brand-type-sample{padding-top:40px}.react-site .brand-type-sample>span{letter-spacing:-.07em;font-size:110px;line-height:1}.react-site .brand-type-sample p{overflow-wrap:anywhere;margin-top:28px;font-size:15px;line-height:1.9}.react-site .brand-type-mono{color:#edf2e8;background:#13251f;border-radius:12px;min-width:0;padding:44px}.react-site .brand-type-mono>span{font:500 15px var(--mono,"Geist Mono",monospace);color:#a3f4bd}.react-site .brand-type-mono pre{font:400 clamp(12px,1.25vw,16px)/1.9 var(--mono,"Geist Mono",monospace);white-space:pre-wrap;overflow-wrap:anywhere;margin:32px 0 0}.react-site .brand-clearspace{justify-content:center;align-items:center;min-height:350px;display:flex}.react-site .brand-clearspace>div{width:260px;position:relative}.react-site .brand-clearspace>div:before{content:"";pointer-events:none;border:1px dashed #64706a;position:absolute;inset:2%}.react-site .brand-clearspace img{width:100%;display:block}.react-site .brand-clearspace span{font:12px var(--mono,"Geist Mono",monospace);color:#64706a;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.react-site .brand-downloads{justify-content:space-between;align-items:center;gap:48px;display:flex}.react-site .brand-downloads>div{max-width:650px}.react-site .brand-downloads .button{flex-shrink:0}@media (width<=850px){.react-site .brand-type{grid-template-columns:1fr;gap:32px}.react-site .brand-artwork-stage{min-height:240px;padding:30px}.react-site .brand-downloads{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=560px){.react-site .brand-artwork-grid{grid-template-columns:1fr}.react-site .brand-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.react-site .brand-artwork-details{padding:20px}.react-site .brand-type-mono{padding:28px}.react-site .brand-clearspace>div{width:210px}}.react-site .brand-downloads{flex-wrap:wrap;justify-content:flex-start;gap:24px}.react-site .brand-downloads>div{flex:100%;max-width:none}.react-site .brand-downloads>.button{white-space:normal}