/* kit.css: the press kit (/press) and the Identity Quest(TM) screens (/identity-quest).
   Layered on site.css; uses its tokens only. */

/* Copy-ready text blocks: bios and boilerplates */
.kit-copy{border-top:1px solid var(--ink); padding:24px 0 30px;}
.kit-copy + .kit-copy{border-top-color:var(--rule-light);}
.kit-copy-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px;}
.kit-copy-head h3{margin:0; font-size:17px;}
.kit-copy-head span{font-family:var(--display); font-size:10.5px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-label);}
.kit-copy p{font-size:15.5px; line-height:1.8; color:var(--ink-body); max-width:72ch;}
.kit-copy p + p{margin-top:12px;}
.copy-btn,.print-btn{
  margin-left:auto; font-family:var(--display); font-size:10.5px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--ink); background:transparent; border:1px solid var(--ink); padding:8px 14px; cursor:pointer;
  transition:background .3s var(--ease), color .3s var(--ease);
}
.copy-btn:hover,.copy-btn:focus-visible,.print-btn:hover,.print-btn:focus-visible{background:var(--ink); color:var(--white);}
.copy-btn:focus-visible,.print-btn:focus-visible{outline:2px solid var(--ink); outline-offset:2px;}
.copy-btn[hidden],.print-btn[hidden]{display:none !important;}

/* On-this-page links under the fast facts */
.kit-jump{display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; padding-top:22px; border-top:1px solid var(--rule-light);}
.kit-jump span{flex:1 1 100%; font-family:var(--display); font-size:10.5px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink-label); margin-bottom:4px;}
.kit-jump a{font-family:var(--display); font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink); text-decoration:none; padding:9px 12px; border:1px solid var(--rule-light); transition:border-color .3s var(--ease);}
.kit-jump a:hover,.kit-jump a:focus-visible{border-color:var(--ink);}
@media (min-width:981px){ .kit-sticky{position:sticky; top:110px; align-self:start;} }
.kit-band{padding-top:clamp(34px,4vw,52px); padding-bottom:clamp(34px,4vw,52px);}
.kit-band .stats{margin:0;}

/* Downloads: photographs, artwork, screens, marks */
.downloads{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); border-top:1px solid var(--rule-light); border-left:1px solid var(--rule-light);}
.downloads > figure{margin:0; display:flex; flex-direction:column; background:var(--white); border-right:1px solid var(--rule-light); border-bottom:1px solid var(--rule-light); min-width:0;}
.downloads .dl-frame{aspect-ratio:4/5; padding:clamp(14px, 1.8vw, 24px); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--rule-light); overflow:hidden;}
.downloads .dl-frame img{display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;}
.downloads .dl-frame.on-ink{background:var(--ink);}
.downloads .dl-frame.is-photo{padding:0;}
.downloads .dl-frame.is-photo img{width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:50% 30%;}
.downloads .dl-frame.is-mark img{max-width:62%; max-height:62%;}
.downloads .dl-frame.is-logo img{max-width:78%;}
.downloads figcaption{padding:16px 18px 18px; display:flex; flex-direction:column; gap:6px; flex:1 1 auto;}
.downloads .dl-cat{font-family:var(--display); font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink-label);}
.downloads .dl-name{font-family:var(--display); font-size:14px; font-weight:600; color:var(--ink); letter-spacing:-0.01em;}
.downloads .dl-meta{font-size:12.5px; color:var(--ink-label); line-height:1.5;}
.downloads a.dl{margin-top:auto; padding-top:10px; font-family:var(--display); font-size:10.5px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink); text-decoration:none;}
.downloads a.dl:hover,.downloads a.dl:focus-visible{text-decoration:underline; text-underline-offset:3px;}
.downloads > figure.is-wide{grid-column:span 2;}
.downloads > figure.is-wide .dl-frame{aspect-ratio:8/5;}
@media (max-width:1100px){ .downloads{grid-template-columns:repeat(3, minmax(0, 1fr));} }
@media (max-width:760px){
  .downloads{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .downloads figcaption{padding:12px 12px 14px;}
}

/* Claims, verbatim */
.claims{list-style:none; margin:0; padding:0; border-top:1px solid var(--rule-dark);}
.claims li{padding:16px 0; border-bottom:1px solid var(--rule-dark); font-size:15.5px; line-height:1.65; color:var(--white);}
.claims li span{display:block; margin-top:4px; font-size:12.5px; color:var(--steel);}
.s-white .claims{border-top-color:var(--rule-light);}
.s-white .claims li{color:var(--ink); border-bottom-color:var(--rule-light);}
.s-white .claims li span{color:var(--ink-label);}

/* Press citations */
.press-links{list-style:none; margin:0; padding:0; border-top:1px solid var(--rule-light);}
.press-links li{display:flex; flex-wrap:wrap; gap:4px 18px; align-items:baseline; padding:15px 0; border-bottom:1px solid var(--rule-light);}
.press-links .o{flex:0 0 190px; font-family:var(--display); font-size:10.5px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-label);}
.press-links a{flex:1 1 280px; color:var(--ink); font-size:15px; line-height:1.55; text-decoration:underline; text-decoration-color:var(--ink-label); text-underline-offset:3px;}
.press-links a:hover{color:var(--slate);}
.press-links .d{font-size:12.5px; color:var(--ink-label);}

/* Leadership */
.kit-people{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:clamp(28px, 4vw, 56px);}
.kit-person{display:grid; grid-template-columns:minmax(120px, 0.42fr) 1fr; gap:clamp(18px, 2.4vw, 30px); align-items:start;}
.kit-person img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; filter:grayscale(1);}
.kit-person h3{margin:4px 0 4px; font-size:22px;}
.kit-person .role{font-family:var(--display); font-size:10.5px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--steel); margin-bottom:14px;}
.kit-person p{font-size:15px; line-height:1.75;}
.kit-person p + p{margin-top:10px;}
@media (max-width:980px){ .kit-people{grid-template-columns:1fr;} }
@media (max-width:520px){ .kit-person{grid-template-columns:1fr;} .kit-person img{max-width:220px;} }

/* Product status table */
.kit-products{width:100%; border-collapse:collapse; border-top:1px solid var(--rule-light);}
.kit-products th,.kit-products td{text-align:left; vertical-align:top; padding:16px 18px 16px 0; border-bottom:1px solid var(--rule-light); font-size:14.5px; line-height:1.6;}
.kit-products th{font-family:var(--display); font-size:14px; font-weight:600; color:var(--ink); width:28%;}
.kit-products td{color:var(--ink-body);}
.kit-products .st{font-family:var(--display); font-size:10px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-label); white-space:nowrap; width:1%;}
.kit-products thead th{font-size:10.5px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink-label); padding-top:0;}
@media (max-width:760px){
  .kit-products thead{display:none;}
  .kit-products tr{display:block; padding:14px 0; border-bottom:1px solid var(--rule-light);}
  .kit-products th,.kit-products td{display:block; width:auto; padding:2px 0; border:0;}
  .kit-products .st{white-space:normal; width:auto; margin-bottom:4px;}
}

/* Palette chips */
.kit-palette{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border-top:1px solid var(--rule-dark); border-left:1px solid var(--rule-dark);}
.kit-palette > div{border-right:1px solid var(--rule-dark); border-bottom:1px solid var(--rule-dark); padding:0 0 16px;}
.kit-palette i{display:block; height:72px; margin-bottom:14px; border-bottom:1px solid var(--rule-dark);}
.kit-palette b,.kit-palette span{display:block; padding:0 16px;}
.kit-palette b{font-family:var(--display); font-size:13px; font-weight:600; color:var(--white);}
.kit-palette span{font-size:12.5px; color:var(--steel); margin-top:3px;}
@media (max-width:520px){ .kit-palette{grid-template-columns:1fr;} }

/* Identity Quest(TM) screens: the board and the Skyline beside the monthly audit */
.iq-shots{display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(14px, 1.8vw, 22px); align-items:start;}
.iq-shots figure{margin:0; border:1px solid var(--rule-dark); background:var(--panel-deep); overflow:hidden;}
.iq-shots img{display:block; width:100%; height:auto;}
.iq-shots figcaption{padding:12px 16px 14px; border-top:1px solid var(--rule-dark); font-size:12.5px; line-height:1.55; color:var(--steel);}
.iq-shots .is-board{grid-column:1; grid-row:1;}
.iq-shots .is-skyline{grid-column:1; grid-row:2;}
.iq-shots .is-audit{grid-column:2; grid-row:1 / span 2;}
@media (max-width:760px){ .iq-shots{grid-template-columns:1fr;} .iq-shots .is-board,.iq-shots .is-skyline,.iq-shots .is-audit{grid-column:auto; grid-row:auto;} }

@media print{
  .kit-sticky{position:static;}
  .kit-jump,.copy-btn,.print-btn{display:none !important;}
}