.wrap { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.brand-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:108px; border-bottom:1px solid var(--line); }
.identity-intro { padding-block:80px 60px; max-width:850px; }
.eyebrow { color:var(--quiet); font-size:12px; margin-bottom:22px; }
.identity-intro h1 { font:500 clamp(44px,6vw,80px)/1.04 var(--display); letter-spacing:-.05em; margin-bottom:28px; }
.identity-intro>p:last-child { max-width:55ch; color:var(--muted); font-size:18px; line-height:1.85; }
.mark-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.mark-panel { margin:0; background:var(--ink); border:1px solid var(--line); display:flex; flex-direction:column; align-items:center; padding:44px 36px 26px; border-radius:5px; }
.mark-panel img { width:min(100%,350px); height:auto; margin-block:12px 36px; }
.mark-panel figcaption { display:flex; justify-content:space-between; gap:16px; font-size:12px; color:var(--muted); width:100%; border-top:1px solid var(--line); padding-top:20px; }
.mark-panel.light { color:var(--ink); background:var(--chalk); border-color:var(--chalk); }
.mark-panel.light figcaption { color:var(--steel); border-color:#cbd3d6; }
.applications { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; padding-block:96px; align-items:start; }
h2 { font:500 clamp(28px,3vw,40px)/1.15 var(--display); letter-spacing:-.035em; margin-bottom:24px; }
.section-copy>p:last-child,.asset-download p:last-child { font-size:16px; color:var(--muted); line-height:1.85; max-width:40ch; }
.application-samples { border:1px solid var(--line); border-radius:5px; overflow:hidden; }
.lockup { display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--ink); padding:26px; }
.lockup>span { color:var(--muted); font-size:11px; }.dashboard-lockup { background:var(--deep); border-block:1px solid var(--line); }.dashboard-lockup .brand img { width:40px; height:40px; }.dashboard-lockup .brand-name { font-size:21px; }
.size-samples { display:flex; gap:40px; padding:30px; align-items:end; }.size-samples>div { display:flex; flex-direction:column; gap:16px; align-items:center; }.size-samples span { font-size:11px; color:var(--quiet); }
.asset-download { padding-block:56px; border-block:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:48px; }.downloads { display:flex; flex-direction:column; align-items:flex-start; gap:20px; flex:none; }.asset-download p:last-child { margin:0; max-width:55ch; }
.brand-footer { display:flex; justify-content:space-between; gap:30px; padding-block:30px; color:var(--quiet); font-size:12px; }.brand-footer p { margin:0; }.brand-footer nav { display:flex; gap:24px; }
@media(max-width:1000px) { .wrap { width:calc(100% - 64px); }.applications { gap:40px; grid-template-columns:1fr; }.lockup { padding:24px; }.mark-panel { padding:28px 24px 24px; } }
@media(max-width:600px) { .wrap { width:calc(100% - 40px); }.brand-header { min-height:90px; flex-wrap:wrap; gap:16px; padding-block:20px; }.brand-header .brand-name { font-size:21px; }.brand-header>.link { font-size:12px; }.identity-intro { padding-block:52px 30px; }.identity-intro>p:last-child { font-size:16px; }.mark-grid { grid-template-columns:1fr; gap:20px; }.mark-panel img { max-width:280px; }.applications { padding-block:56px; gap:26px; }.lockup { flex-wrap:wrap; gap:10px; padding:20px; }.lockup>span { width:100%; padding-left:57px; }.size-samples { gap:26px; padding:24px; }.asset-download { align-items:flex-start; flex-direction:column; gap:28px; padding-block:40px; }.brand-footer { flex-direction:column; gap:16px; }.brand-footer nav { gap:18px; flex-wrap:wrap; } }