.museum-home{background:#101c29}.museum-home a{color:inherit;text-decoration:none}.museum-home #museum{max-width:1800px;margin-inline:auto}.museum-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4%;border-bottom:1px solid var(--line)}.museum-wordmark{font-size:16px;letter-spacing:-.6px}.museum-top a{padding:12px 16px;border:1px solid var(--line);border-radius:6px;font-size:12px;min-height:44px}.museum-intro{padding:38px 4% 0;display:flex;gap:28px;align-items:flex-end;justify-content:space-between}.museum-intro .eyebrow{margin:0 0 16px;font-size:10px;line-height:1.5}.museum-intro h1{font-size:clamp(28px,3.1vw,44px);line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin:0}.museum-intro>p{font:14px/1.7 Arial,sans-serif;color:#a4b2bf;margin:0;max-width:290px}.device-carousel{margin-inline:4%;min-width:0}.floating-stage-wrap{position:relative}.floating-stage{position:relative;height:340px;overflow:hidden;touch-action:pan-y;isolation:isolate;outline-offset:-4px}.floating-device{--step:clamp(155px,22vw,285px);position:absolute;left:50%;top:50%;width:340px;height:330px;padding:0;border:0;background:none!important;border-radius:12px;transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--step))) scale(var(--scale));opacity:var(--opacity);transition:transform .36s ease,opacity .3s ease;cursor:pointer;user-select:none;-webkit-user-select:none;visibility:visible;scale:1!important}.floating-device img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 16px 20px #0002)}.floating-device[data-visible=false]{visibility:hidden;pointer-events:none;opacity:0}.floating-device:hover{opacity:1}.floating-device:focus-visible{outline:2px solid var(--accent);outline-offset:-8px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:44px;height:44px;border-radius:50%;font:22px/1 Arial,sans-serif;background:#102030d9}.carousel-arrow.previous{left:0}.carousel-arrow.next{right:0}.carousel-arrow:disabled{cursor:default;opacity:.25}.home-device-copy{text-align:center;max-width:600px;margin:0 auto;min-width:0}.selection-caption{font:11px/1.5 var(--mono);color:#95a7b6;margin:0 0 9px}.selection-caption output{color:#95a7b6}.device-year{color:var(--accent)}.home-device-copy h2{font:500 clamp(26px,2.5vw,36px)/1.2 var(--mono);letter-spacing:-1px;margin:0 0 10px}.home-device-copy .eyebrow{font-size:10px;line-height:1.6;margin:0 0 10px;color:#a9bac6}.home-device-copy>p:not(.eyebrow):not(.selection-caption){font:15px/1.6 Arial,sans-serif;color:#a4b2bf;margin:0}.home-device-copy .primary{display:inline-flex;justify-content:center;align-items:center;width:auto;padding:0 24px;margin-top:16px;border-radius:6px;min-height:48px;height:auto;color:#26361e}.carousel-help{text-align:center;color:#8195a7;font:11px/1.6 Arial,sans-serif;margin:18px 0 28px}.timeline-section{padding:22px 0 12px;border-top:1px solid var(--line)}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.timeline-heading h2{font:12px/1.5 var(--mono);font-weight:400;margin:0}.timeline-heading>p{font:12px/1.5 Arial,sans-serif;color:#98aab9;margin:0}.device-timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(104px,1fr);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#67798a #142230;scroll-padding-inline:5px;padding:5px 5px 12px;margin-inline:-5px;touch-action:pan-x pan-y;scroll-snap-type:x proximity}.timeline-marker{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;min-height:112px;padding:12px 6px 10px;border:0;border-top:2px solid #526370;border-radius:0;background:none;scroll-snap-align:start;user-select:none;-webkit-user-select:none;letter-spacing:0}.timeline-marker[aria-pressed=true]{border-color:var(--accent);background:#c9dd8e09}.timeline-marker .timeline-year{font:12px/1.5 var(--mono);color:#bcc7ce}.timeline-marker strong{display:block;font:600 13px/1.4 Arial,sans-serif;min-height:36px;margin-top:8px}.timeline-marker .timeline-state{margin-top:8px;font:10px/1.4 var(--mono);color:#8da0af;white-space:nowrap}.timeline-marker[aria-pressed=true] .timeline-state{color:var(--accent)}.museum-bottom{margin:0 4%;border-top:1px solid var(--line);padding:20px 0 26px;display:flex;gap:30px;align-items:center;justify-content:space-between}.museum-bottom>span{font-size:10px;line-height:1.6;color:#8d9eab}.museum-bottom p{margin:0;color:#8d9eab;font:12px/1.7 Arial,sans-serif;text-align:right}.museum-bottom a{text-decoration:underline}
@media(max-width:1199px){.device-timeline{grid-auto-columns:135px;gap:12px}.museum-intro{align-items:flex-start;flex-direction:column;gap:14px}.museum-intro>p br{display:none}.museum-intro>p{max-width:none}.floating-device{width:300px;height:310px;--step:23vw}.floating-stage{height:320px}}
@media(max-width:700px){.museum-top{padding:18px 5%;gap:12px}.museum-wordmark{font-size:13px}.museum-top a{font-size:11px;padding:12px}.museum-intro{padding:28px 5% 0;gap:12px}.museum-intro h1{font-size:32px;letter-spacing:-1.3px;max-width:400px}.museum-intro .eyebrow{font-size:9px;margin-bottom:12px}.museum-intro>p{font-size:14px;max-width:410px}.device-carousel{margin-inline:5%}.floating-stage{height:280px;margin-inline:-5.56%}.floating-device{width:270px;height:275px;--step:35vw}.carousel-arrow.previous{left:-2px}.carousel-arrow.next{right:-2px}.home-device-copy h2{font-size:28px;letter-spacing:-.8px}.home-device-copy .eyebrow{font-size:9px}.home-device-copy>p:not(.eyebrow):not(.selection-caption){font-size:14px}.home-device-copy .primary{font-size:12px;padding:0 20px;min-height:48px}.carousel-help{font-size:10px;max-width:310px;margin:16px auto 24px}.timeline-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}.timeline-heading h2{font-size:12px}.timeline-heading>p{font-size:12px}.timeline-section{padding-top:18px}.device-timeline{grid-auto-columns:130px}.museum-bottom{margin-inline:5%;display:block;padding-top:20px}.museum-bottom p{text-align:left;margin-top:12px}.museum-bottom>span{font-size:9px}}
@media(max-width:400px){.floating-stage{height:245px}.floating-device{width:220px;height:235px;--step:39vw}.home-device-copy h2{font-size:26px}.carousel-arrow{width:44px;height:44px}.museum-intro h1{max-width:290px}}
@media(prefers-reduced-motion:reduce){.device-timeline{scroll-behavior:auto}.floating-device{transition:none!important}.timeline-marker{transition:none!important}}