/* Press-kit-only components */
  .kit-nav{background:rgba(248,250,252,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
  .kit-nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1.6rem;margin:0;padding:.5rem 0;list-style:none}
  .kit-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:500;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
  .kit-nav a:hover{color:var(--ink)}
  .kit-sections-mobile{display:none}
  .kit-sections-mobile summary{padding:.75rem 0;min-height:44px;cursor:pointer;font-weight:600}
  @media (max-width:760px){.kit-nav{position:static}.kit-nav .kit-sections-desktop{display:none}.kit-sections-mobile{display:block}.kit-nav ul{gap:.25rem 1.1rem}}
  .kit section{padding-block:clamp(3.5rem,8vw,5.5rem);scroll-margin-top:7rem}
  .kit section+section{border-top:1px solid var(--rule)}
  .section-head{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1rem 3rem;margin-bottom:2.5rem}
  .section-head h2{font-size:clamp(1.5rem,3vw,2rem);margin:0}
  .section-head p{margin:0;color:var(--ink-soft);max-width:38rem}
  @media (max-width:760px){.section-head{grid-template-columns:1fr}}

  .kit-download{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.4rem}
  .kit-download small{color:var(--on-dark-soft);font-size:.875rem}

  /* At a glance */
  .glance{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border:1px solid var(--rule);border-radius:var(--radius);background:var(--white);overflow:hidden}
  @media (min-width:560px){.glance{grid-template-columns:repeat(2,minmax(0,1fr))}.glance .portfolio-fact{grid-column:span 2}}
  @media (min-width:1000px){.glance{grid-template-columns:repeat(4,minmax(0,1fr))}}
  .glance div{padding:1.25rem 1.5rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 -1px -1px 0}
  .glance dt{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.3rem}
  .glance dd{min-width:0;margin:0;font-weight:600;overflow-wrap:anywhere}
  .glance .media-contact{grid-column:1/-1;padding-inline:clamp(1rem,4vw,1.5rem)}
  .media-contact dd{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem}
  .media-email{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .media-contact .copy-email{flex-shrink:0}
  .media-contact .copy-status{flex-basis:100%;margin:0}
  .media-contact .copy-status:empty{display:none}
  .hero .lede a{overflow-wrap:anywhere}

  /* Boilerplate */
  .copy-block{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem);margin-bottom:1.25rem}
  .copy-block header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}
  .copy-block h3{margin:0;font-size:1rem;font-weight:600}
  .copy-block .count{font-weight:400;color:var(--ink-soft);font-size:.875rem;margin-left:.4rem}
  .copy-block p{margin:0;color:#27333F;max-width:48rem}

  /* Logos */
  .logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1.25rem}
  .logo{border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--white);display:flex;flex-direction:column}
  .logo .stage{height:12.5rem;display:grid;place-items:center;padding:2rem 2.25rem;border-bottom:1px solid var(--rule)}
  .logo .stage img{max-height:100%;max-width:100%;width:auto}
  .logo .stage.on-white{background:#fff}
  .logo .stage.on-paper{background:var(--paper-2)}
  .logo .stage.on-navy{background:var(--navy-bg)}
  .logo .stage.on-black{background:#111}
  .logo .stage.wide img{width:100%}
  .logo .stage.mark img{max-height:5.5rem;width:auto;height:auto}
  .logo .stage.icon img{max-height:7rem;width:auto;border-radius:18px}
  .logo .body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
  .logo h3{margin:0;font-size:1rem}
  .logo p{margin:0;font-size:.875rem;color:var(--ink-soft)}
  .logo .dl{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.8rem}
  .logo .dl a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;max-width:100%;font:500 .75rem/1 "Noto Sans Mono",monospace;padding:.45rem .7rem;border:1px solid var(--rule);border-radius:5px;text-decoration:none;color:var(--ink)}
  .logo .dl a:hover{border-color:var(--blue-2);color:var(--blue-3)}

  /* Colour */
  .swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:1rem}
  .swatch{display:block;width:100%;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--white);text-align:left;padding:0;cursor:pointer;font:inherit;color:inherit}
  .swatch:hover{border-color:var(--blue-2)}
  .swatch .chip{height:5.5rem}
  .swatch .info{padding:.75rem .9rem}
  .swatch b{display:block;font-weight:600;font-size:.9375rem}
  .swatch code{font:400 .8125rem "Noto Sans Mono",monospace;color:var(--ink-soft)}
  .gradients{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin-top:1rem}
  .gradient{border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--white)}
  .gradient .chip{height:4.5rem}
  .gradient .info{padding:.75rem .9rem;font-size:.875rem}
  .gradient code{overflow-wrap:anywhere;font:400 .8125rem "Noto Sans Mono",monospace;color:var(--ink-soft)}

  /* Type */
  .type{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem}
  .specimen{border:1px solid var(--rule);border-radius:var(--radius);background:var(--white);padding:clamp(1.25rem,3vw,2rem)}
  .specimen .big{font-size:4rem;line-height:1;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}
  .specimen.mono-s .big{font:400 3.25rem/1 "Noto Sans Mono",monospace;letter-spacing:0}
  .specimen h3{margin:0 0 .3rem;font-size:1.125rem}
  .specimen p{margin:0;color:var(--ink-soft);font-size:.9375rem}
  .weights{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1rem;font-size:1.125rem}

  /* Usage */
  .usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem}
  .usage > div{border:1px solid var(--rule);border-radius:var(--radius);background:var(--white);padding:clamp(1.25rem,3vw,1.75rem)}
  .usage h3{margin:0 0 .8rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}
  .usage h3::before{content:"";width:.6rem;height:.6rem;border-radius:50%}
  .usage .do h3::before{background:#1E9E6A}
  .usage .dont h3::before{background:#C2412D}
  .usage ul{margin:0;padding-left:1.1rem;color:#27333F;font-size:.9375rem}
  .usage li{margin-bottom:.45rem}
  .naming{margin-top:1.25rem}
  .naming table{table-layout:fixed;width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;font-size:.9375rem}
  .naming th,.naming td{overflow-wrap:anywhere;text-align:left;padding:.85rem clamp(.5rem,3vw,1.1rem);border-bottom:1px solid var(--rule);vertical-align:top}
  .naming th{font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper-2)}
  .naming tr:last-child td{border-bottom:0}

  .copy-feedback{margin:.75rem 0 0;color:var(--ink-soft);font-size:.875rem;min-height:1.65em}

/* Colour and type samples */
.chip-navy{background:#0E1C29}
.chip-navy-light{background:#172635}
.chip-navy-deep{background:#08131D}
.chip-blue{background:#187EB5}
.chip-blue-light{background:#4FA0C7}
.chip-blue-deep{background:#0B4D7C}
.chip-highlight{background:#6EE8FF}
.chip-light{background:#F8FAFC;border-bottom:1px solid var(--rule)}
.chip-navy-gradient{background:linear-gradient(90deg,#172635,#0E1C29 55%,#08131D)}
.chip-blue-gradient{background:linear-gradient(90deg,#4FA0C7,#187EB5 30%,#0B4D7C 70%,#07365C)}
.weight-regular{font-weight:400}
.weight-medium{font-weight:500}
.weight-semibold{font-weight:600}
.weight-bold{font-weight:700}