.brand-nav{display:flex;justify-content:space-between;gap:24px;padding-block:28px;font-size:14px;border-bottom:1px solid var(--line)}.brand-nav span{color:var(--muted)}.brand-cover{padding:85px 0 70px;position:relative}.brand-cover h1{font-size:clamp(3.5rem,7vw,7rem);max-width:800px}.brand-cover>p{max-width:450px;font-size:19px;margin:30px 0 50px}.brand-cover>img{width:370px}.brand-section{border-top:1px solid var(--line);padding-block:65px}.brand-section>h2{margin-bottom:32px;max-width:850px}.brand-columns{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:32px}.brand-columns h3{font-size:1.7rem;margin-bottom:16px}.brand-columns p,.intro{color:#4C524D;max-width:850px}.intro{margin-bottom:30px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logo-grid>div{min-height:250px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 25px;gap:25px}.logo-grid img{width:min(320px,90%);height:110px}.logo-grid span{font-size:12px}.dark{background:var(--ink);color:white}.white{background:white}.brand-note{margin-top:26px;color:var(--muted);font-size:13px;max-width:900px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.swatches>div{display:flex;flex-direction:column;min-height:220px;justify-content:flex-end;padding:28px;border:1px solid var(--line)}.swatches b{font-size:22px}.swatches small{font-size:12px;margin-top:16px}.type-example{padding-block:25px}.type-example>span{font-size:13px;color:var(--muted);display:block;margin-bottom:25px}.type-example h2{font-size:clamp(3rem,6vw,6rem)}.type-example p{margin-top:20px}.sans-example{border-top:1px solid var(--line);margin-top:25px}.sans-example h3{font-family:var(--sans);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;letter-spacing:-.02em}.table-wrap{overflow:auto;margin-top:28px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:16px 12px;border-bottom:1px solid var(--line)}th{background:#EAE8E1}.component-demo{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:40px}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px}.photo-grid img{height:280px;width:100%;object-fit:cover}.photo-grid img:last-child{object-fit:contain;background:#E8E5DF}blockquote{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);margin:35px 0;color:var(--copper-text)}.applications{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#EAE7E0;padding:50px}.business-card{background:var(--ink);padding:35px;color:white;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.business-card img{width:155px}.business-card span{display:block;font-size:12px;margin-top:4px}.business-card span:last-child{color:#D7A889}.letter{background:white;padding:35px;min-height:440px}.letter>img{width:130px}.letter hr{border:0;border-top:1px solid var(--copper);margin:25px 0}.letter small{font-size:10px;letter-spacing:.1em}.letter h3{font-size:30px;margin:25px 0}.letter p{font-size:11px}.letter footer{padding:0;border-top:1px solid var(--line);font-size:8px;margin-top:80px;padding-top:12px}.letter-line{height:5px;background:#EEE;margin-top:15px}.letter-line.short{width:75%}.handoff{padding-left:22px;max-width:900px}.handoff li{padding-left:8px;margin-bottom:15px}@media(max-width:700px){.brand-nav{font-size:12px}.brand-nav span{text-align:right}.brand-cover{padding-block:50px}.brand-cover>img{width:280px}.brand-section{padding-block:45px}.brand-columns,.logo-grid,.swatches,.applications{grid-template-columns:1fr}.brand-columns{gap:24px}.logo-grid>div{min-height:200px}.swatches>div{min-height:160px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img{height:230px}.photo-grid img:last-child{grid-column:1/-1;height:auto}.applications{padding:22px;gap:25px}.brand-section h2{font-size:2.4rem}.type-example h2{font-size:3rem}}@media print{.brand-nav{display:none}.brand-section{break-before:page}.brand-cover{min-height:90vh}.logo-grid>div,.swatches>div,.brand-columns,.applications{break-inside:avoid}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.brand-section{padding-block:25px}h2{font-size:34px}.brand-note{font-size:11px}}