/* TF Page System v2 | Page 8405 | source 87456d855b7abf47807f312f191c2c842d1cec77ed5ef8718b6897adc1666e65 */
#tf-archive-caseboard{--bg:#05080b;--panel:#0b1319;--panel2:#0e1820;--line:rgba(91,235,224,.2);--ink:#f3f0e8;--muted:#aab6b8;--cyan:#5af7ec;--amber:#d5a43c;--red:#ee5a55;position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--tf-body,Barlow,Arial,sans-serif)}
#tf-archive-caseboard *{box-sizing:border-box}#tf-archive-caseboard a{color:inherit;text-decoration:none!important}
#tf-archive-caseboard .tfac-shell{width:min(1280px,calc(100% - 40px));margin:auto;padding:24px 0 68px}
#tf-archive-caseboard .tfac-crumb{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px;color:#748187;font:700 10px var(--tf-mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
#tf-archive-caseboard .tfac-crumb a{color:var(--cyan)}
#tf-archive-caseboard .tfac-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);min-height:475px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
#tf-archive-caseboard .tfac-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:44px 42px 44px 0}
#tf-archive-caseboard .tfac-kicker,#tf-archive-caseboard .tfac-label,#tf-archive-caseboard .tfac-meta,#tf-archive-caseboard .tfac-open,#tf-archive-caseboard .tfac-file-title,#tf-archive-caseboard .tfac-connect b{font-family:var(--tf-mono,"IBM Plex Mono",monospace);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#tf-archive-caseboard .tfac-kicker{color:var(--cyan);font-size:10px}
#tf-archive-caseboard h1{max-width:12ch;margin:14px 0 17px;color:#e7b7ba;font-family:var(--tf-head,"Barlow Condensed","Arial Narrow",sans-serif);font-size:clamp(62px,7.3vw,104px);line-height:.82;letter-spacing:.005em;text-transform:uppercase}
#tf-archive-caseboard .tfac-promise{max-width:620px;margin:0;color:#c6cecf;font-size:17px;line-height:1.58}
#tf-archive-caseboard .tfac-statline{display:flex;gap:26px;align-items:stretch;margin-top:26px}
#tf-archive-caseboard .tfac-stat{min-width:110px;padding-right:24px;border-right:1px solid rgba(255,255,255,.12)}
#tf-archive-caseboard .tfac-stat span{display:block;color:var(--cyan);font:800 10px var(--tf-mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
#tf-archive-caseboard .tfac-stat strong{display:block;margin-top:5px;font-family:var(--tf-head,"Barlow Condensed","Arial Narrow",sans-serif);font-size:38px;line-height:1}
#tf-archive-caseboard .tfac-start{flex:1;max-width:350px;padding:13px 16px;border:1px solid rgba(90,247,236,.46);background:#071017}
#tf-archive-caseboard .tfac-start span{color:var(--cyan);font:800 9px var(--tf-mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
#tf-archive-caseboard .tfac-start strong{display:block;margin-top:5px;font-size:17px;line-height:1.16}
#tf-archive-caseboard .tfac-start small{display:block;margin-top:4px;color:#99a6a8;font-size:12px;line-height:1.35}
#tf-archive-caseboard .tfac-hero-media{position:relative;min-height:475px;overflow:hidden;background:#081018}
#tf-archive-caseboard .tfac-hero-media img{width:100%;height:100%;min-height:475px;object-fit:cover;filter:saturate(.72) contrast(1.08)}
#tf-archive-caseboard .tfac-hero-media:after{content:"";position:absolute;inset:0;background:rgba(3,7,10,.2);pointer-events:none}
#tf-archive-caseboard .tfac-section-head{display:flex;align-items:center;gap:17px;padding:33px 0 17px;color:var(--cyan);font:800 10px var(--tf-mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase}
#tf-archive-caseboard .tfac-section-head:after{content:"";height:1px;flex:1;background:var(--line)}
#tf-archive-caseboard .tfac-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
#tf-archive-caseboard .tfac-lanes.tfac-one{grid-template-columns:1fr}
#tf-archive-caseboard .tfac-lane{display:flex;flex-direction:column;min-width:0;padding:24px 26px;border-top:1px solid var(--line);background:transparent}
#tf-archive-caseboard .tfac-lane:nth-child(odd):not(:last-child){border-right:1px solid var(--line)}
#tf-archive-caseboard .tfac-lane-head{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.1)}
#tf-archive-caseboard .tfac-index{color:var(--cyan);font-family:var(--tf-head,"Barlow Condensed","Arial Narrow",sans-serif);font-size:42px;line-height:.8}
#tf-archive-caseboard .tfac-meta{color:var(--cyan);font-size:9px}
#tf-archive-caseboard .tfac-lane h2{margin:7px 0 8px;font-family:var(--tf-head,"Barlow Condensed","Arial Narrow",sans-serif);font-size:34px;line-height:.92;text-transform:uppercase}
#tf-archive-caseboard .tfac-lane-desc{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
#tf-archive-caseboard .tfac-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:18px 0}
#tf-archive-caseboard .tfac-file{display:block;min-width:0}
#tf-archive-caseboard .tfac-file img{width:100%;height:112px;object-fit:cover;border:1px solid rgba(255,255,255,.1);filter:saturate(.75) contrast(1.05)}
#tf-archive-caseboard .tfac-file-title{display:block;margin-top:9px;color:#d5e5e5;font-size:10px;line-height:1.35}
#tf-archive-caseboard .tfac-file small{display:block;margin-top:5px;color:#899598;font-size:11px;line-height:1.35}
#tf-archive-caseboard .tfac-file:hover .tfac-file-title,#tf-archive-caseboard .tfac-file:focus-visible .tfac-file-title{color:var(--cyan)}
#tf-archive-caseboard .tfac-file:focus-visible,#tf-archive-caseboard .tfac-open:focus-visible,#tf-archive-caseboard .tfac-start:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
#tf-archive-caseboard .tfac-open{display:inline-block;align-self:flex-start;margin-top:auto;padding-top:4px;color:var(--cyan);font-size:10px;border-bottom:1px solid var(--cyan)}
#tf-archive-caseboard .tfac-connect{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:31px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#tf-archive-caseboard .tfac-connect div{position:relative;padding:19px 14px;min-height:76px;border-right:1px solid var(--line)}
#tf-archive-caseboard .tfac-connect div:last-child{border-right:0}
#tf-archive-caseboard .tfac-connect b{display:block;color:var(--cyan);font-size:9px}
#tf-archive-caseboard .tfac-connect span{display:block;margin-top:6px;font-size:15px}
#tf-archive-caseboard .tfac-onward{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}
#tf-archive-caseboard .tfac-onward a{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:92px;padding:18px 20px;border:1px solid var(--line);background:var(--panel2)}
#tf-archive-caseboard .tfac-onward span{color:var(--cyan);font:800 9px var(--tf-mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
#tf-archive-caseboard .tfac-onward strong{display:block;margin-top:5px;font-family:var(--tf-head,"Barlow Condensed","Arial Narrow",sans-serif);font-size:24px;text-transform:uppercase}
#tf-archive-caseboard .tfac-onward em{font-style:normal;color:#8c999b;font-size:12px}
@media(max-width:980px){#tf-archive-caseboard .tfac-shell{width:100%;padding:18px 0 48px}#tf-archive-caseboard .tfac-crumb{padding:0 18px}#tf-archive-caseboard .tfac-hero{grid-template-columns:1fr}#tf-archive-caseboard .tfac-hero-copy{padding:38px 20px}#tf-archive-caseboard h1{font-size:clamp(54px,17vw,82px)}#tf-archive-caseboard .tfac-hero-media,#tf-archive-caseboard .tfac-hero-media img{min-height:270px;height:270px}#tf-archive-caseboard .tfac-section-head{padding:31px 18px 15px}#tf-archive-caseboard .tfac-lanes{grid-template-columns:1fr;padding:0 12px}#tf-archive-caseboard .tfac-lane:nth-child(odd):not(:last-child){border-right:0}#tf-archive-caseboard .tfac-files{grid-template-columns:1fr}#tf-archive-caseboard .tfac-file{display:grid;grid-template-columns:122px 1fr;gap:12px;align-items:start}#tf-archive-caseboard .tfac-file img{height:88px}#tf-archive-caseboard .tfac-file-title{margin-top:0}#tf-archive-caseboard .tfac-connect{grid-template-columns:1fr;margin:26px 12px 0}#tf-archive-caseboard .tfac-connect div{border-right:0;border-bottom:1px solid var(--line)}#tf-archive-caseboard .tfac-connect div:last-child{border-bottom:0}#tf-archive-caseboard .tfac-onward{grid-template-columns:1fr;margin:20px 12px 0}}
@media(max-width:560px){#tf-archive-caseboard .tfac-statline{display:grid;grid-template-columns:92px 1fr;gap:12px}#tf-archive-caseboard .tfac-stat{min-width:0;padding-right:10px}#tf-archive-caseboard .tfac-start{max-width:none}#tf-archive-caseboard .tfac-lane{padding:20px 16px}#tf-archive-caseboard .tfac-lane-head{grid-template-columns:42px 1fr}#tf-archive-caseboard .tfac-lane h2{font-size:30px}}

/* Source Serif is wider than the retired condensed display face. Keep long
   archive-route names fully visible on narrow screens. */
@media (max-width: 560px) {
  #tf-archive-caseboard h1 {
    font-size: clamp(42px, 13vw, 58px);
    line-height: .9;
    overflow-wrap: anywhere;
  }
}
