.bs-hero{background:var(--ev-pine);color:#eaf0ec;padding-block:var(--ev-space-8)}.bs-hero h1{color:#fff;font-size:clamp(2.4rem,4.5vw,3.4rem)}.bs-hero p{color:#c9d4cc;font-size:var(--ev-text-lg);max-width:56ch}.bs-hero .oneliner{font-family:var(--ev-font-display);font-size:var(--ev-text-xl);color:var(--ev-brass);margin-top:18px;font-style:italic}.bs-section{padding-block:var(--ev-space-8);border-bottom:1px solid var(--ev-line)}.bs-head{margin-bottom:var(--ev-space-6)}.bs-head .num{font-family:var(--ev-font-display);color:var(--ev-brass);font-size:var(--ev-text-lg);font-weight:600}.bs-head h2{margin:4px 0 6px}.bs-head p{color:var(--ev-sage)}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.swatch-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.swatch-grid{grid-template-columns:1fr}}.swatch{border:1px solid var(--ev-line);border-radius:var(--ev-radius);background:var(--ev-warm-white);overflow:hidden}.swatch .chip{align-items:flex-end;height:96px;padding:12px;display:flex}.swatch .chip .role{letter-spacing:.06em;text-transform:uppercase;color:var(--ev-bark);background:#ffffffd9;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.swatch .meta{padding:12px 14px}.swatch .meta b{color:var(--ev-pine);display:block}.swatch .meta code{color:var(--ev-sage);font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.swatch .meta .use{color:var(--ev-sage);margin-top:4px;font-size:.8rem;display:block}.rules{background:var(--ev-warm-white);border:1px solid var(--ev-line);border-radius:var(--ev-radius);margin-top:24px;padding:24px 28px}.rules li{color:var(--ev-bark);margin:8px 0}.type-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:760px){.type-grid{grid-template-columns:1fr}}.specimen{background:var(--ev-warm-white);border:1px solid var(--ev-line);border-radius:var(--ev-radius);padding:28px}.specimen .lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--ev-evergreen-600);margin-bottom:14px;font-size:.8rem;font-weight:700}.specimen .big{font-family:var(--ev-font-display);color:var(--ev-pine);font-size:4rem;line-height:1}.specimen .big.sans{font-family:var(--ev-font-body);font-weight:700}.specimen .glyphs{color:var(--ev-sage);margin-top:8px;font-size:1.1rem}.scale-row{border-top:1px solid var(--ev-line);align-items:baseline;gap:18px;padding:12px 0;display:flex}.scale-row:first-of-type{border-top:0}.scale-row .tag{color:var(--ev-sage);flex:none;width:90px;font-family:ui-monospace,monospace;font-size:.75rem}.scale-row .smp{color:var(--ev-pine);font-family:var(--ev-font-display)}.logo-cols{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:860px){.logo-cols{grid-template-columns:1fr}}.logo-card{border:1px solid var(--ev-line);border-radius:var(--ev-radius-lg);background:var(--ev-warm-white);overflow:hidden}.logo-card .stage{background:var(--ev-linen);place-items:center;height:150px;display:grid}.logo-card .stage.dark{background:var(--ev-pine)}.logo-card .stage svg{width:80px;height:80px;color:var(--ev-evergreen)}.logo-card .stage.dark svg{color:#fff}.logo-card .cap{padding:18px 20px}.logo-card .cap b{color:var(--ev-pine)}.logo-card .cap p{color:var(--ev-sage);margin:4px 0 0;font-size:.88rem}.logo-variants{background:var(--ev-warm-white);border:1px solid var(--ev-line);border-radius:var(--ev-radius);flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;padding:20px 24px;display:flex}.logo-variants .v{border-radius:10px;place-items:center;display:grid}.logo-variants .v.fav,.logo-variants .v.fav svg{width:36px;height:36px}.logo-variants .v.one svg{width:48px;height:48px;color:var(--ev-bark)}.logo-variants .v.onw{background:var(--ev-pine);width:64px;height:48px}.logo-variants .v.onw svg{color:#fff;width:44px;height:44px}.logo-variants .vlbl{color:var(--ev-sage);font-size:.8rem}.lockup-demo{background:var(--ev-warm-white);border:1px solid var(--ev-line);border-radius:var(--ev-radius);flex-wrap:wrap;align-items:center;gap:32px;margin-top:16px;padding:28px;display:flex}.lockup-demo .dk{background:var(--ev-pine);border-radius:10px;padding:20px 28px}.kit{gap:28px;display:grid}.kit-block{background:var(--ev-warm-white);border:1px solid var(--ev-line);border-radius:var(--ev-radius-lg);padding:28px}.kit-block>.lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--ev-evergreen-600);margin-bottom:18px;font-size:.78rem;font-weight:700}.demo-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.token-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:760px){.token-grid{grid-template-columns:1fr}}.radius-demo{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.radius-demo .r{background:var(--ev-evergreen-tint);border:2px solid var(--ev-evergreen);width:80px;height:64px;color:var(--ev-evergreen-600);place-items:end center;padding-bottom:6px;font-family:ui-monospace,monospace;font-size:.72rem;display:grid}.shadow-demo{flex-wrap:wrap;gap:24px;display:flex}.shadow-demo .s{background:var(--ev-warm-white);width:110px;height:80px;color:var(--ev-sage);border-radius:12px;place-items:center;font-family:ui-monospace,monospace;font-size:.72rem;display:grid}.dl{align-items:center;gap:10px;display:inline-flex}
