.brand{padding:2.5rem 1.5rem 2rem;@media(min-width:768px){padding-inline:2.5rem}}.brand-hero{display:flex;flex-direction:column;gap:1.75rem;padding-bottom:4rem}.brand-heading{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(2.75rem,11vw,14rem);line-height:.86;color:var(--ink);span{display:block;white-space:nowrap}}.brand-lead{max-width:40rem;font-size:1.15rem;line-height:1.5;color:var(--soft)}.brand-section{padding:4rem 0;border-top:1px solid var(--line)}.brand-title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.9;color:var(--ink)}.brand-section-lead{max-width:44rem;margin:1rem 0 2rem;color:var(--soft);line-height:1.55}.brand-cta{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1rem;background:var(--lime);color:#0a0a0a;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:background-color .2s,color .2s;&:hover{background:var(--ink);color:var(--lime)}}.brand-cta--static{margin:0}.brand-grid{display:grid;gap:1rem;list-style:none;padding:0;@media(min-width:640px){grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){grid-template-columns:repeat(3,1fr)}}.brand-grid--two{@media(min-width:1024px){grid-template-columns:repeat(2,1fr)}}.brand-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line)}.brand-card-media{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--line)}.brand-card-media--og{aspect-ratio:1200 / 630}.brand-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;font-weight:600;font-size:.95rem;color:var(--ink)}.brand-links{display:flex;gap:1rem;a{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:3px;&:hover{background:var(--lime);color:#0a0a0a}}}.brand-monogram{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.brand-monogram-tile{display:grid;place-items:center;width:12rem;aspect-ratio:1;border:1px solid var(--line);img{width:7rem;height:7rem}}.brand-monogram-tile--light{background:#fff}.brand-monogram-tile--lime{background:var(--lime)}.brand-monogram-sizes{display:flex;align-items:flex-end;gap:1.25rem;padding:1.5rem}.brand-files{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);&:hover{background:var(--ink);color:var(--paper)}}}.brand-colors{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);list-style:none;padding:0;@media(min-width:640px){grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){grid-template-columns:repeat(3,1fr)}}.brand-color{display:flex;flex-direction:column;gap:.5rem;background:var(--paper);padding-bottom:1rem}.brand-color-swatch{display:flex;height:8rem;margin-bottom:.5rem;span{box-shadow:inset 0 0 0 1px var(--line)}span:first-child{flex:1}span:last-child{width:30%}}.brand-color-name,.brand-color-role,.brand-color-values{padding-inline:1rem}.brand-color-name{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:1.75rem;line-height:1;color:var(--ink)}.brand-color-role{font-size:.9rem;color:var(--soft)}.brand-color-values{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.brand-copy{font-family:var(--font-mono);font-size:12px;padding:.2rem .45rem;color:var(--ink);background:var(--color-tag);cursor:pointer;.dark &{background:var(--color-tag-dark)}&:hover{background:var(--lime);color:#0a0a0a}}.brand-types{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}.brand-type{display:grid;gap:1.5rem;padding:1.5rem;border:1px solid var(--line);overflow:hidden;@media(min-width:900px){grid-template-columns:16rem minmax(0,1fr)}}.brand-type-meta{display:flex;flex-direction:column;gap:.5rem}.brand-type-name{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:1.75rem;line-height:1;color:var(--ink)}.brand-type-role{font-size:.9rem;color:var(--soft)}.brand-inline-link{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;margin-top:.5rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:3px}.brand-type-sample-wrap{display:flex;flex-direction:column;justify-content:center;gap:1rem;min-width:0}.brand-type-sample{color:var(--ink);overflow-wrap:anywhere}.brand-type--display{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(3rem,9vw,8rem);line-height:.9}.brand-type--sans{font-size:clamp(1.25rem,2.5vw,2rem);line-height:1.35}.brand-type--mono{font-family:var(--font-mono);font-size:clamp(.9rem,1.6vw,1.15rem);letter-spacing:.2em;text-transform:uppercase}.brand-slider{display:flex;align-items:center;gap:.75rem;color:var(--ink);output{min-width:3ch;font-variant-numeric:tabular-nums}input{flex:1;max-width:24rem;accent-color:var(--lime)}}.brand-rules{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);list-style:none;padding:0;@media(min-width:900px){grid-template-columns:repeat(2,1fr)}li{display:flex;gap:1rem;padding:1.5rem;background:var(--paper);line-height:1.55;color:var(--ink);@media(min-width:900px){&:last-child:nth-child(odd){grid-column:span 2}}}}.brand-rule-num{font-family:var(--font-display);font-weight:900;font-size:2.25rem;line-height:1;color:var(--ink)}.brand-icons{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;li{display:flex;flex-direction:column;align-items:center;gap:1rem;width:9rem;padding:1.5rem 1rem;border:1px solid var(--line);font-size:2.5rem;color:var(--ink)}}.brand-components{display:grid;gap:1rem;@media(min-width:900px){grid-template-columns:repeat(2,1fr)}}.brand-component{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;min-height:8rem;padding:1.5rem;border:1px solid var(--line);.contact-btn{width:8rem}}.brand-component--wide{@media(min-width:900px){grid-column:span 2}}.brand-demo-title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,4.5vw,3.75rem);line-height:.95;color:var(--ink)}.brand-frame{position:relative;padding:1rem 1.5rem}.brand-corner{position:absolute;width:1.5rem;aspect-ratio:1;border:0 solid var(--ink);.dark &{border-color:var(--lime)}}.brand-corner--tl{top:0;left:0;border-top-width:6px;border-left-width:6px}.brand-corner--tr{top:0;right:0;border-top-width:6px;border-right-width:6px}.brand-corner--bl{bottom:0;left:0;border-bottom-width:6px;border-left-width:6px}.brand-corner--br{bottom:0;right:0;border-bottom-width:6px;border-right-width:6px}.brand-portrait{display:grid;gap:2rem;align-items:start;@media(min-width:900px){grid-template-columns:minmax(0,1fr) 24rem}}.brand-portrait-img{display:block;width:min(100%,24rem);height:auto;border-bottom:6px solid var(--lime)}