.brand-header{background:var(--color-charcoal);padding:22px 0}.brand-header .cc-container{justify-content:space-between;align-items:center;display:flex}.brand-header img{height:36px}.brand-header .brand-tag{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:600}.brand-back{font-family:var(--font-display);color:var(--color-gray-600);align-items:center;gap:6px;margin-bottom:28px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-back:hover{color:var(--color-red)}.brand-intro{max-width:640px}.brand-intro h1{font-size:clamp(1.9rem,4vw,2.75rem)}.brand-intro p{color:var(--color-gray-600);font-size:1.02rem}.tile-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tile{border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;min-height:190px;padding:24px;text-decoration:none;transition:transform .2s;display:flex;position:relative}.tile:hover{transform:translateY(-3px)}.tile-icon{align-self:flex-end;width:26px;height:26px}.tile-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1.15}.tile-soon{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;opacity:.6;font-size:.66rem;font-weight:700;position:absolute;top:22px;left:24px}.tile-logo{background:var(--color-charcoal);color:var(--color-white)}.tile-color{background:var(--color-red);color:var(--color-white)}.tile-typography{background:var(--color-amber);color:#412402}.tile-foundations{background:var(--color-gray-100);color:var(--color-ink)}.tile-photography{background:var(--color-gray-400);color:var(--color-white)}.tile-graphics{background:var(--color-warm-gray);color:var(--color-white)}.tile-layout{background:var(--color-gray-600);color:var(--color-white)}.tile-applications{background:var(--color-off-white);color:var(--color-ink);border:1px solid var(--color-gray-100)}.tile-marketing{background:var(--color-charcoal-soft);color:var(--color-white)}@media (max-width:760px){.tile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tile-grid{grid-template-columns:1fr}}.brand-row{border-top:2px solid var(--color-ink);grid-template-columns:140px 1fr auto;align-items:start;gap:32px;padding-top:28px;display:grid}.brand-row .label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gray-600);padding-top:4px;font-size:.74rem;font-weight:700}.brand-row p{color:var(--color-gray-600);max-width:520px;margin:0}@media (max-width:760px){.brand-row{grid-template-columns:1fr}}.logo-showcase{border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:320px;margin-top:32px;display:flex}.logo-showcase.dark{background:var(--color-charcoal)}.logo-showcase.dark img{width:auto;height:60px}.logo-showcase.placeholder{background:var(--color-off-white);border:2px dashed var(--color-gray-100);text-align:center;flex-direction:column;gap:8px;padding:24px}.logo-showcase.placeholder .ph-title{font-family:var(--font-display);color:var(--color-gray-600);font-size:.98rem;font-weight:600}.logo-showcase.placeholder .ph-sub{font-family:var(--font-sans);color:var(--color-gray-400);font-size:.85rem}.icon-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;display:grid}.icon-tile{border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:18px;padding:48px 24px 28px;display:flex}.icon-tile.dark{background:var(--color-charcoal)}.icon-tile.light{background:var(--color-off-white);border:1px solid var(--color-gray-100)}.icon-tile img{width:auto;height:84px}.icon-tile .icon-caption{font-family:var(--font-display);font-size:.85rem;font-weight:600}.icon-tile.dark .icon-caption{color:#ffffffb3}.icon-tile.light .icon-caption{color:var(--color-gray-600)}.icon-tile .btn{padding:9px 18px;font-size:.8rem}@media (max-width:600px){.icon-grid{grid-template-columns:1fr}}.rules-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.rule-card{border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:20px 22px;font-size:.95rem;display:flex}.rule-card.do{background:var(--color-off-white);border:1px solid var(--color-gray-100)}.rule-card.dont{background:#ff10000d;border:1px solid #ff100029}.rule-card .tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-pill);color:var(--color-white);flex-shrink:0;padding:4px 10px;font-size:.7rem;font-weight:700}.rule-card.do .tag{background:var(--color-success)}.rule-card.dont .tag{background:var(--color-red)}.rule-card p{color:var(--color-ink);margin:0}@media (max-width:760px){.rules-grid{grid-template-columns:1fr}}.swatch-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.swatch{border-radius:var(--radius-md);border:1px solid var(--color-gray-100);cursor:pointer;text-align:left;background:0 0;width:100%;padding:0;font-family:inherit;overflow:hidden}.swatch-color{height:110px}.swatch-info{background:var(--color-white);padding:14px 16px}.swatch-info .name{font-family:var(--font-display);margin-bottom:2px;font-size:.95rem;font-weight:600}.swatch-info .hex{color:var(--color-gray-600);font-size:.82rem}.swatch-info .hex.copied{color:var(--color-success)}@media (max-width:760px){.swatch-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.swatch-grid{grid-template-columns:1fr}}.type-specimen{border-radius:var(--radius-md);border:1px solid var(--color-gray-100);margin-bottom:20px;padding:32px}.type-specimen .type-name{font-family:var(--font-display);margin-bottom:4px;font-size:1.1rem;font-weight:700}.type-specimen .type-meta{color:var(--color-gray-600);margin-bottom:20px;font-size:.85rem}.weight-row{border-top:1px solid var(--color-gray-100);align-items:baseline;gap:16px;padding:12px 0;display:flex}.weight-row:first-of-type{border-top:none}.weight-row .w-label{font-family:var(--font-sans);color:var(--color-gray-600);flex-shrink:0;width:90px;font-size:.78rem}.weight-row .w-sample{font-size:1.6rem;line-height:1.2}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:56vh;padding:80px 24px;display:flex}.coming-soon .tag{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-red);margin-bottom:14px;font-size:.75rem;font-weight:700}.coming-soon h1{margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.6rem)}.coming-soon p{color:var(--color-gray-600);max-width:480px;margin-bottom:28px}.color-hero{background:var(--color-charcoal);color:var(--color-white);padding:56px 0 48px}.color-hero h1{color:var(--color-white);letter-spacing:-1px;margin:0;font-size:clamp(3rem,9vw,6rem);font-weight:800}.color-lead{color:var(--color-ink);max-width:780px;margin:20px 0 0;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:500;line-height:1.4}.color-inspo-row{border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:20px 0;display:grid}.color-inspo-row .label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gray-600);font-size:.74rem;font-weight:700}.color-inspo-row p{color:var(--color-gray-600);max-width:520px;margin:0;font-size:.92rem}.color-inspo-row .btn{white-space:nowrap}@media (max-width:760px){.color-inspo-row{text-align:left;grid-template-columns:1fr}}.color-section-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gray-600);margin-bottom:6px;font-size:.74rem;font-weight:700}.color-section-desc{color:var(--color-gray-600);max-width:560px;margin-bottom:24px;font-size:.92rem}.color-mega-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:860px){.color-mega-grid{grid-template-columns:1fr}}.color-block{border-radius:var(--radius-lg);cursor:pointer;text-align:left;border:none;flex-direction:column;justify-content:flex-end;width:100%;min-height:280px;padding:26px;font-family:inherit;transition:transform .2s;display:flex;position:relative;overflow:hidden}.color-block:hover{transform:translateY(-3px)}.color-block.txt-light{color:var(--color-white)}.color-block.txt-dark{color:var(--color-charcoal)}.color-block .cb-name{font-family:var(--font-display);margin-bottom:8px;font-size:1.1rem;font-weight:700}.color-block .cb-specs{font-size:.78rem;line-height:1.7}.color-block .cb-specs .row{gap:8px;display:flex}.color-block .cb-specs .k{opacity:.6;flex-shrink:0;width:52px}.color-block .cb-copy{background:var(--color-white);color:var(--color-ink);font-family:var(--font-display);border-radius:var(--radius-pill);opacity:0;pointer-events:none;padding:9px 18px;font-size:.8rem;font-weight:600;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-block:hover .cb-copy{opacity:1}.color-block.copied .cb-copy{opacity:1;background:var(--color-success);color:var(--color-white)}@media (max-width:860px){.color-mega-grid[style*=repeat\(4]{grid-template-columns:repeat(2,1fr)!important}}.proportion-bar{border-radius:var(--radius-md);height:90px;display:flex;overflow:hidden}.proportion-bar .seg{font-family:var(--font-display);align-items:flex-start;padding:10px 14px;font-size:.78rem;font-weight:700;display:flex}.proportion-bar .seg.txt-light{color:var(--color-white)}.proportion-bar .seg.txt-dark{color:var(--color-charcoal)}@media (max-width:640px){.proportion-bar{flex-wrap:wrap;height:auto}.proportion-bar .seg{height:60px;flex-grow:0!important;flex-basis:50%!important}}.brand-footer{background:var(--color-charcoal);color:#fff6;text-align:center;padding:32px 0;font-size:.82rem}