/* The physical screen content uses 1200 x 714. Reading mode uses the same records. */
.archive-organization{object-fit:contain;background:transparent;filter:none!important;border-radius:5px;padding:6px;box-sizing:border-box}
:root{--archive-logo-size:64px}
.archive-logo{width:var(--archive-logo-size);height:var(--archive-logo-size);padding:6px;box-sizing:border-box;object-fit:contain;object-position:center;aspect-ratio:1;background:transparent;filter:none!important;border-radius:6px}
#engineeringLab .lab-experience-screen{background:linear-gradient(125deg,#131a1b,#080e10 55%,#05090b);padding:26px 30px 24px;gap:0}
#engineeringLab .lab-experience-screen .lab-screen-head{font:600 32px/1 'Workshop Condensed',sans-serif;letter-spacing:.4px;margin:0 0 20px;gap:16px;min-height:30px}
#engineeringLab .lab-experience-screen .lab-screen-head:after{font:14px/1.2 Arial,sans-serif;letter-spacing:.25px;color:#a1adad;border:0;margin-left:auto;padding:0;max-width:55ch}
#engineeringLab .lab-experience-screen .lab-screen-dots{display:none}
#engineeringLab .lab-experience-screen .lab-red-square{width:6px;height:26px;border:0;background:#ed3725;box-shadow:0 0 12px #e933231f}
.archive-symbol{display:inline-block;flex:none;width:32px;height:32px;color:inherit}
#engineeringLab .lab-experience-screen .archive-symbol{color:inherit;grid-area:auto;align-self:center;justify-self:center}
#engineeringLab .lab-experience-screen svg.archive-symbol{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
img.archive-symbol{object-fit:contain}
img.archive-line{filter:invert(1)}
#engineeringLab .lab-experience-screen .lab-journey-track{height:90px;margin:0 60px;gap:0}
#engineeringLab .lab-experience-screen .lab-journey-stop{flex:0 0 26.3%;flex-direction:column;gap:5px;border-radius:9px;background:linear-gradient(140deg,#12191b,#080d0f);border-color:#4a5558;font:600 25px/1 'Workshop Condensed',sans-serif;color:#e0e4dc;box-shadow:inset 0 1px #ffffff05;padding:9px}
#engineeringLab .lab-experience-screen .lab-journey-icon{width:38px;height:38px;color:#e0e4dc;filter:none}
#engineeringLab .lab-experience-screen .lab-journey-stop.is-selected{background:radial-gradient(ellipse at 50% 70%,#521a194f,#170d0f 80%);border-color:#f04430;color:#fff1e9;box-shadow:inset 0 0 0 1px #f0443033,0 0 13px #f42b1c28}
#engineeringLab .lab-experience-screen .lab-journey-stop.is-selected .lab-journey-icon{color:#fff1e9;filter:drop-shadow(0 0 4px #fb543833)}
#engineeringLab .lab-experience-screen .lab-journey-stop:hover{border-color:#dc7f67}
#engineeringLab .lab-experience-screen .lab-journey-stop:focus-visible{outline:3px solid #f5c5ae;outline-offset:4px}
#engineeringLab .lab-experience-screen .lab-journey-link{height:2px;background:#a1b7b6;min-width:20px;flex:1;box-shadow:none}
#engineeringLab .lab-experience-screen .lab-journey-link:before,#engineeringLab .lab-experience-screen .lab-journey-link:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;top:-2.5px;background:#bddbd4;box-shadow:none}
#engineeringLab .lab-experience-screen .lab-journey-link:before{left:6px}
#engineeringLab .lab-experience-screen .lab-journey-link:after{right:6px}
#engineeringLab .lab-experience-screen .lab-journey-link.is-active{background:#e9412f}
#engineeringLab .lab-experience-screen .lab-journey-link.is-active:before,#engineeringLab .lab-experience-screen .lab-journey-link.is-active:after{background:#f64a36}
#engineeringLab .lab-experience-screen .lab-journey-record{display:grid;grid-template-columns:255px minmax(0,1fr);gap:43px;flex:1;min-height:0;margin:22px 0 0;padding:0;border:0;align-items:stretch;overflow:visible}
#engineeringLab .lab-experience-screen .archive-summary{display:flex;gap:0;flex-direction:column;justify-content:flex-start;border:1px solid #434d4e;border-radius:7px;background:linear-gradient(135deg,#131819,#070d0f);padding:16px 18px;overflow:hidden;min-height:0;position:relative}
#engineeringLab .archive-summary h3{font:600 31px/1.05 'Workshop Condensed',sans-serif;margin:0 0 4px;letter-spacing:.1px}
#engineeringLab .archive-summary h4{font:18px/1.2 'Workshop Condensed',sans-serif;color:#c6cfcb;margin:0}
#engineeringLab .archive-summary>i{width:40px;height:2px;background:#e7412f;flex:none;margin:12px 0}
#engineeringLab .archive-summary>p{font:19px/1.4 Arial,sans-serif;color:#afbcb8;margin:0;max-width:none}
.archive-summary-portrait{height:155px;flex:none;position:relative;background:radial-gradient(ellipse at 50% 20%,#373027,#141716 80%);border:1px solid #4e4540;border-radius:3px;margin:-4px -6px 18px;display:grid;place-items:center;overflow:hidden}
.archive-summary-portrait img{height:128px;width:auto;object-fit:contain;filter:saturate(.45)}
.archive-summary-portrait>span{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:1px;color:#d7c8a9}
.archive-summary-symbol{min-height:70px;flex:1;display:grid;place-items:center;position:relative;margin-top:16px;border:1px solid #7e352d;border-radius:4px;background:repeating-linear-gradient(150deg,transparent 0 23px,#a3433030 24px,transparent 25px),repeating-linear-gradient(30deg,transparent 0 23px,#a3433022 24px,transparent 25px)}
.archive-summary-symbol .archive-symbol{width:92px;height:92px;color:#e9b5a2;filter:drop-shadow(0 0 7px #df4f3140)}
#engineeringLab .archive-records{display:grid;gap:9px;position:relative;grid-template-rows:repeat(5,minmax(0,1fr));margin:0;min-height:0;overflow:visible}
#engineeringLab[data-journey=experience] .archive-records{grid-template-rows:repeat(4,minmax(0,1fr))}
#engineeringLab .archive-records:before{left:-22px;top:20px;bottom:20px;background:#a53c2e}
#engineeringLab .archive-record{display:grid;grid-template-columns:51px minmax(0,1fr) 185px 112px;gap:14px;grid-template-rows:1fr;align-items:center;align-content:normal;border:1px solid #424d4f;border-radius:9px;background:linear-gradient(125deg,#141b1d,#080e10 75%);padding:7px 10px;min-height:0;overflow:visible;position:relative}
#engineeringLab .archive-record:before{left:-27px;width:9px;height:9px;border-color:#f04d38;background:#181514;box-shadow:0 0 5px #ec392b44}
#engineeringLab .archive-record-icon{display:grid;place-items:center;width:51px;height:100%;min-height:42px;border:1px solid #41494b;border-radius:6px;background:linear-gradient(140deg,#26272755,#080e10);color:#e1e1d7}
#engineeringLab .archive-record-icon .archive-symbol{width:32px;height:32px}
#engineeringLab .archive-record-icon:has(.archive-organization){width:76px;background:none;border:0}
#engineeringLab .archive-record-icon .archive-organization{width:76px;height:62px}
#engineeringLab .archive-record:has(.archive-organization){grid-template-columns:76px minmax(0,1fr) 185px 112px}
#engineeringLab[data-journey=experience] .archive-record:has(.archive-organization){grid-template-columns:76px minmax(0,1fr) 142px}
#engineeringLab .archive-record-body{min-width:0;grid-column:2;align-self:center}
#engineeringLab .archive-record-body h4{font:600 29px/1.05 'Workshop Condensed',sans-serif;margin:0 0 4px;color:#f0eee5;letter-spacing:0}
#engineeringLab .archive-record-body p{font:20px/1.2 Arial,sans-serif;margin:0;color:#b7c1bd}
#engineeringLab .archive-record-date{display:flex;gap:8px;align-items:center;grid-column:3;grid-row:1;font:16px/1.2 Arial,sans-serif;color:#c6cecb;border-left:1px solid #4a5050;padding-left:12px;margin:0;white-space:nowrap;align-self:stretch}
#engineeringLab .archive-record-date .archive-symbol{width:20px;height:20px}
#engineeringLab .archive-record-badge{grid-column:4;grid-row:1;align-self:center;justify-self:stretch;position:static;font:600 13px/1.2 'Workshop Condensed',sans-serif;color:#e9c0b1;border:1px solid #ba4434;border-radius:5px;padding:3px 5px;text-align:center;text-transform:uppercase;white-space:nowrap;max-width:none}
#engineeringLab[data-journey=experience] .archive-record{grid-template-columns:51px minmax(0,1fr) 142px;gap:14px}
#engineeringLab[data-journey=experience] .archive-record-badge{grid-column:3;grid-row:1;align-self:start}
#engineeringLab[data-journey=experience] .archive-record-date{grid-column:3;align-self:end;border:0;padding:0;font-size:14px;gap:7px;margin-bottom:2px}
#engineeringLab .lab-experience-screen .lab-awards{display:block}
#engineeringLab .lab-awards .archive-records{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
#engineeringLab .lab-awards .archive-record{grid-column:span 3;grid-template-columns:65px minmax(0,1fr);grid-template-rows:1fr;gap:17px;padding:18px;align-items:stretch;border-color:#4b4e4c}
#engineeringLab .lab-awards .archive-record:nth-child(-n+2){grid-column:span 3}
#engineeringLab .lab-awards .archive-record:has(.archive-organization){grid-template-columns:76px minmax(0,1fr)}
#engineeringLab .lab-awards .archive-record:after{content:'';position:absolute;left:-1px;top:-1px;width:27px;height:25px;border-left:2px solid #dd3c2b;border-top:2px solid #dd3c2b;border-radius:9px 0 0}
#engineeringLab .lab-awards .archive-record-icon{border:0;border-right:1px solid #65443b;border-radius:0;background:none;width:65px;min-height:0;padding-right:10px;color:#efb19c}
#engineeringLab .lab-awards .archive-record-icon .archive-symbol{width:62px;height:62px}
#engineeringLab .lab-awards .archive-record-icon .archive-crest{width:64px;height:64px}
#engineeringLab .lab-awards .archive-record-body{display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:8px}
#engineeringLab .lab-awards .archive-record-body h4{font-size:31px;line-height:1.05;margin:0}
#engineeringLab .lab-awards .archive-record-body p{font:20px/1.3 Arial,sans-serif}
#engineeringLab .archive-award-meta{font:11px/1.2 monospace;color:#d2967c;text-transform:uppercase;letter-spacing:.3px;margin-top:8px}
@media(prefers-reduced-motion:no-preference){#engineeringLab .lab-experience-screen .lab-journey-stop{transition:border-color .18s,background .18s,box-shadow .18s}}
/* Touch/reading mode: every record remains available, with a real scroll area. */
#engineeringLab[data-layout=reading] .lab-experience-screen{padding:18px 16px 24px;min-height:100%;height:auto;flex:none}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-screen-head{font-size:20px;min-height:24px;margin-bottom:14px;gap:10px;flex-wrap:wrap}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-screen-head:after{font-size:9px;line-height:1.4;width:100%;margin:0 0 0 16px;max-width:none}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-red-square{width:4px;height:19px}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-track{height:76px;min-height:76px;margin:0;flex:none}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-stop{flex-basis:28%;font-size:16px;min-height:76px;gap:5px;padding:8px 4px}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-icon{width:28px;height:28px}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-link{min-width:12px}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-link:before{left:0;width:5px;height:5px;top:-1.5px}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-link:after{right:0;width:5px;height:5px;top:-1.5px}
#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-record{display:flex;flex-direction:column;flex:none;gap:20px;margin:18px 0 0}
#engineeringLab[data-layout=reading] .lab-experience-screen .archive-summary{padding:14px;gap:5px;display:block;overflow:visible}
#engineeringLab[data-layout=reading] .archive-summary h3{font-size:24px}
#engineeringLab[data-layout=reading] .archive-summary h4{font-size:15px;margin-bottom:8px}
#engineeringLab[data-layout=reading] .archive-summary>p{font-size:13px;line-height:1.45}
#engineeringLab[data-layout=reading] .archive-summary>i{display:none}
#engineeringLab[data-layout=reading] .archive-summary-portrait{float:left;width:82px;height:106px;margin:0 14px 0 0}
#engineeringLab[data-layout=reading] .archive-summary-portrait img{height:84px}
#engineeringLab[data-layout=reading] .archive-summary-portrait>span{font-size:5px;letter-spacing:0}
#engineeringLab[data-layout=reading] .archive-summary-symbol{float:left;width:66px;height:66px;min-height:0;margin:0 12px 0 0;display:none}
#engineeringLab[data-layout=reading] .archive-records,#engineeringLab[data-layout=reading] .lab-awards .archive-records{display:flex;flex-direction:column;gap:10px;height:auto;flex:none;margin-left:14px}
#engineeringLab[data-layout=reading] .archive-records:before{display:block;left:-9px;top:16px;bottom:16px;width:1px}
#engineeringLab[data-layout=reading] .archive-record{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;gap:9px 12px;padding:12px;min-height:116px;align-items:start}
#engineeringLab[data-layout=reading] .archive-record:before{display:block;left:-13px;width:7px;height:7px;top:22px}
#engineeringLab[data-layout=reading] .archive-record-icon{grid-row:1/3;width:40px;height:44px;min-height:0}
#engineeringLab[data-layout=reading] .archive-record-icon .archive-symbol{width:28px;height:28px}
#engineeringLab[data-layout=reading] .archive-record:has(.archive-organization){grid-template-columns:72px minmax(0,1fr)}
#engineeringLab[data-layout=reading] .archive-record-icon:has(.archive-organization),#engineeringLab[data-layout=reading] .archive-record-icon .archive-organization{width:72px;height:60px}
#engineeringLab[data-layout=reading] .archive-record-body h4{font-size:21px;line-height:1.12}
#engineeringLab[data-layout=reading] .archive-record-body p{font-size:12px;line-height:1.4}
#engineeringLab[data-layout=reading] .archive-record-date{grid-column:2;grid-row:2;align-self:auto;border:0;padding:0;font-size:11px;gap:6px;margin:0}
#engineeringLab[data-layout=reading] .archive-record-date .archive-symbol{width:15px;height:15px}
#engineeringLab[data-layout=reading] .archive-record-badge{grid-column:2;grid-row:3;justify-self:start;align-self:auto;font-size:11px;max-width:100%;white-space:normal}
#engineeringLab[data-layout=reading] .lab-awards .archive-records{margin-left:0}
#engineeringLab[data-layout=reading] .lab-awards .archive-record{grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto;gap:14px;padding:18px 14px;min-height:148px}
#engineeringLab[data-layout=reading] .lab-awards .archive-record-icon{grid-row:1;width:56px;height:auto;min-height:74px;padding-right:10px}
#engineeringLab[data-layout=reading] .lab-awards .archive-record-icon .archive-symbol{width:42px;height:42px}
#engineeringLab[data-layout=reading] .lab-awards .archive-record-body h4{font-size:23px}
#engineeringLab[data-layout=reading] .lab-awards .archive-record-body p{font-size:13px;line-height:1.4}
#engineeringLab[data-layout=reading] .archive-award-meta{font-size:9px;margin-top:2px}
@media(max-height:500px) and (min-width:600px){#engineeringLab[data-layout=reading] .lab-experience-screen .lab-journey-record{margin-top:12px}#engineeringLab[data-layout=reading] .archive-records{display:grid;grid-template-columns:1fr 1fr;margin-left:0}#engineeringLab[data-layout=reading] .archive-records:before,#engineeringLab[data-layout=reading] .archive-record:before{display:none}}

/* One 64px frame for every organization mark, crest and award emblem. */
#engineeringLab .archive-records .archive-record .archive-record-icon:has(.archive-logo){width:64px;height:64px;min-height:64px;padding:0;border:0;align-self:center;background:none}
#engineeringLab .archive-records .archive-record .archive-record-icon .archive-logo{width:64px;height:64px;max-width:none;max-height:none;padding:6px;object-fit:contain}
#engineeringLab .archive-summary-portrait img,#engineeringLab[data-layout=reading] .archive-summary-portrait img{width:64px;height:64px;padding:6px;box-sizing:border-box;object-fit:contain;background:transparent;border-radius:6px;filter:none}