.scanner,.scanner-case{--scanner-ease:cubic-bezier(.16, 1, .3, 1);--scanner-wipe:cubic-bezier(.33, 0, .4, 1);box-sizing:border-box;width:100%;max-width:1464px;margin-inline:auto;padding-inline:20px}@media (width>=640px){.scanner,.scanner-case{padding-inline:32px}}.scanner{margin-top:calc(-1*clamp(0px,2vw,28px));margin-bottom:clamp(64px,9vw,120px);position:relative}.scanner-console{gap:18px;padding:16px;display:grid}@media (width>=900px){.scanner-console{grid-template-columns:184px minmax(0,1fr);gap:20px 28px;padding:20px 26px 18px 20px}}.scanner-sweep{border-radius:12px;justify-content:flex-start;gap:14px;width:100%;min-height:64px;padding:10px 18px 10px 10px;font-size:.95rem}@media (width>=900px){.scanner-sweep{flex-direction:column;justify-content:center;height:100%;min-height:156px;padding:18px 12px}}.scanner-scope{background:radial-gradient(circle,oklch(20% .04 232),oklch(9% .02 252) 72%);border:1px solid oklch(88% .09 220/.3);border-radius:50%;flex:none;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 0 14px oklch(0% 0 0/.75),0 0 0 3px oklch(0% 0 0/.35)}@media (width>=900px){.scanner-scope{width:76px;height:76px}}.scanner-scope:before{content:"";background:radial-gradient(circle,#0000 0 31%,oklch(88% .09 220/.22) 31.5% 33%,#0000 33.5% 64%,oklch(88% .09 220/.22) 64.5% 66%,#0000 66.5%),linear-gradient(90deg,#0000 calc(50% - .5px),oklch(88% .09 220/.16) 0 calc(50% + .5px),#0000 0),linear-gradient(0deg,#0000 calc(50% - .5px),oklch(88% .09 220/.16) 0 calc(50% + .5px),#0000 0);border-radius:50%;position:absolute;inset:0}.scanner-scope:after{content:"";background:var(--world);width:4px;height:4px;box-shadow:0 0 6px var(--world);border-radius:50%;margin:-2px;position:absolute;top:50%;left:50%}.scanner-scope-arm{background:conic-gradient(from 0deg, transparent 0deg 276deg, color-mix(in oklch, var(--world) 40%, transparent) 354deg, var(--world) 359deg, transparent 360deg);opacity:.35;transition:opacity .3s var(--scanner-ease);border-radius:50%;position:absolute;inset:0;transform:rotate(52deg)}.scanner-sweep:hover .scanner-scope-arm,.scanner-sweep:focus-visible .scanner-scope-arm{opacity:.75}.scanner[data-sweeping] .scanner-scope-arm{opacity:1;animation:1.1s linear infinite scanner-spin}@keyframes scanner-spin{0%{transform:rotate(52deg)}to{transform:rotate(412deg)}}.scanner-filters{gap:14px;min-width:0;display:grid}.scanner-group{border:0;min-width:0;margin:0;padding:0}.scanner-group legend{margin-bottom:8px;padding:0}.scanner-keys{flex-wrap:wrap;gap:8px;display:flex}.scanner-toggle{padding:0 14px 0 27px;font-size:.875rem;font-weight:600}.scanner-led{background:oklch(34% .02 250);border-radius:50%;width:6px;height:6px;margin-top:-3px;transition:background .25s,box-shadow .25s;position:absolute;top:50%;left:12px}.scanner-toggle[aria-pressed=true] .scanner-led{background:var(--world);box-shadow:0 0 8px var(--world)}.scanner-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 28px;padding-top:14px;display:flex}@media (width>=900px){.scanner-foot{grid-column:1/-1}}.scanner-note{max-width:76ch;color:var(--ink-soft);margin:0;font-size:.875rem;line-height:1.6}.scanner-count{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--ink);margin:0;font-size:11px;font-weight:500}@media (width>=1200px){.scanner-console{grid-template-columns:212px minmax(0,1fr);align-items:stretch;gap:16px 32px;padding:16px 24px 14px 16px}.scanner-sweep{flex-direction:row;justify-content:flex-start;min-height:0;padding:10px 16px 10px 12px}.scanner-scope{width:54px;height:54px}.scanner-filters{grid-auto-columns:max-content;grid-auto-flow:column;align-content:center;gap:40px}.scanner-foot{padding-top:12px}.scanner-note{max-width:none}}.scanner-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px;display:grid}@media (width>=720px){.scanner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}}@media (width>=1120px){.scanner-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.scanner-card{grid-column:span 2}.scanner-card:nth-child(-n+2){grid-column:span 3}}.scanner-card{min-width:0;scroll-margin-top:108px;position:relative}.scanner-card-tilt{height:100%;transform:perspective(1200px) rotateX(var(--scanner-rx,0deg)) rotateY(var(--scanner-ry,0deg));transition:transform .6s var(--scanner-ease);position:relative}.scanner-card:hover .scanner-card-tilt{transition-duration:.2s}.scanner-glow,.scanner-edge{pointer-events:none;opacity:0;transition:opacity .35s var(--scanner-ease);border-radius:14px;position:absolute;inset:0}.scanner-glow{box-shadow:0 0 0 1px color-mix(in oklch, var(--world) 55%, transparent), 0 0 38px -6px color-mix(in oklch, var(--world) 55%, transparent)}.scanner-edge{z-index:3;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--world) 75%, transparent), inset 0 0 36px -16px var(--world)}.scanner-card-body{height:100%;transition:opacity .3s var(--scanner-ease), transform .3s var(--scanner-ease), border-color .4s var(--scanner-ease);background:linear-gradient(oklch(16.5% .028 248/.94),oklch(11.5% .022 256/.96));border:1px solid oklch(88% .09 220/.14);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(0% 0 0/.45),0 24px 60px -32px oklch(0% 0 0/.9),inset 0 1px oklch(100% 0 0/.05)}.scanner-card-media{aspect-ratio:16/10;background:oklch(10% .02 255);border-bottom:1px solid oklch(88% .09 220/.12);position:relative;overflow:hidden}.scanner-card-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .5s var(--scanner-ease), transform 1.2s var(--scanner-ease);display:block}.scanner-veil{transform-origin:50% 100%;background:repeating-linear-gradient(0deg,oklch(88% .09 220/.05) 0 1px,#0000 1px 4px),radial-gradient(70% 80% at 50% 45%,oklch(19% .035 235),oklch(9.5% .02 255));position:absolute;inset:0;transform:scaleY(0)}.scanner-glyph{width:34px;height:34px;color:var(--world);opacity:0;transition:opacity .3s var(--scanner-ease);pointer-events:none;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.scanner-scan{z-index:1;pointer-events:none;position:absolute;inset:0;transform:translateY(-101%)}.scanner-scan:before{content:"";background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--world) 18%, transparent));height:42%;position:absolute;bottom:0;left:0;right:0}.scanner-scan:after{content:"";background:linear-gradient(90deg, transparent, var(--world) 14%, oklch(98% .03 215) 50%, var(--world) 86%, transparent);height:2px;box-shadow:0 0 12px var(--world);position:absolute;bottom:-1px;left:0;right:0}@keyframes scanner-scan{0%{opacity:1;transform:translateY(-101%)}80%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes scanner-flash{0%{opacity:0}28%{opacity:1}to{opacity:0}}@keyframes scanner-faint{0%,to{opacity:.3}50%{opacity:.6}}.scanner-sheen{z-index:2;background:radial-gradient(circle, color-mix(in oklch, var(--world) 12%, transparent), transparent 62%);width:400px;height:400px;transform:translate(var(--scanner-px,0px), var(--scanner-py,0px));opacity:0;transition:opacity .4s var(--scanner-ease);pointer-events:none;border-radius:50%;position:absolute;top:-200px;left:-200px}.scanner-card-copy{transition:opacity .3s var(--scanner-ease);flex-direction:column;flex:1;gap:8px;padding:20px 22px 12px;display:flex}.scanner-card-name{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.scanner-card-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:10.5px;font-weight:500}.scanner-card-summary{color:var(--ink-soft);margin:4px 0 0;font-size:.95rem;line-height:1.6}.scanner-card-link{min-height:44px;color:var(--world);align-self:flex-start;align-items:center;margin-top:auto;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.scanner-card-link:after{content:"";z-index:4;position:absolute;inset:0}.scanner-card-arrow{transition:transform .3s var(--scanner-ease);margin-left:7px;display:inline-block}.scanner-card:hover .scanner-card-arrow{transform:translate(4px)}.scanner-card-link:focus-visible{outline:2px solid var(--xenon);outline-offset:4px;border-radius:4px}.scanner-card:hover .scanner-glow,.scanner-card:hover .scanner-edge,.scanner-card:focus-within .scanner-glow,.scanner-card:focus-within .scanner-edge,.scanner[data-pulse] .scanner-edge,.scanner[data-pulse] .scanner-glow{opacity:1}.scanner-card:hover .scanner-scan,.scanner-card:focus-within .scanner-scan{animation:.95s cubic-bezier(.4,0,.2,1) scanner-scan}@media (hover:hover) and (pointer:fine){.scanner-card:hover .scanner-sheen{opacity:1}.scanner-card:hover .scanner-card-media img{transform:scale(1.025)}}.scanner-card[data-signal=dim] .scanner-veil,.scanner-card[data-signal=drop] .scanner-veil{transition:transform .16s ease-in;transform:scaleY(1)}.scanner-card[data-signal=dim] .scanner-card-media img,.scanner-card[data-signal=drop] .scanner-card-media img{opacity:0;transition:opacity .16s ease-in}.scanner-card[data-signal=dim] .scanner-glyph{opacity:.45;animation:2.4s ease-in-out infinite scanner-faint}.scanner-card[data-signal=dim] .scanner-card-copy,.scanner-card[data-signal=drop] .scanner-card-copy{opacity:.3;transition:opacity .16s ease-in}.scanner-card[data-signal=dim] .scanner-card-body{border-color:oklch(88% .09 220/.07)}.scanner-card[data-signal=drop] .scanner-card-body{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:scale(.97)}.scanner-card[data-signal=lock] .scanner-veil{transition:transform var(--scanner-lock,.56s) var(--scanner-wipe)}.scanner-card[data-signal=lock] .scanner-scan{animation:scanner-scan var(--scanner-lock,.56s) var(--scanner-wipe)}.scanner-card[data-signal=lock] .scanner-card-media img{transition:opacity .45s var(--scanner-ease) calc(var(--scanner-lock,.56s) * .2)}.scanner-card[data-signal=lock] .scanner-card-copy{transition:opacity .6s var(--scanner-ease) calc(var(--scanner-lock,.56s) * .45)}.scanner-card[data-signal=lock] .scanner-glyph{transition:opacity .18s ease-out}.scanner-card[data-signal=lock] .scanner-glow,.scanner-card[data-signal=lock] .scanner-edge{animation:scanner-flash 1.15s var(--scanner-ease)}.scanner[data-instant] .scanner-card *,.scanner[data-instant] .scanner-card :before,.scanner[data-instant] .scanner-card :after{transition:none!important}.scanner-beam{z-index:6;opacity:0;pointer-events:none;mix-blend-mode:screen;height:220px;margin-top:-220px;position:absolute;top:0;left:-14px;right:-14px}.scanner-beam:before{content:"";background:repeating-linear-gradient(0deg, oklch(100% 0 0/.04) 0 1px, transparent 1px 4px), linear-gradient(180deg, transparent, color-mix(in oklch, var(--world) 7%, transparent) 45%, color-mix(in oklch, var(--world) 28%, transparent));position:absolute;inset:0 0 2px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.scanner-beam:after{content:"";background:linear-gradient(90deg, transparent, var(--world) 9%, oklch(98% .03 215) 50%, var(--world) 91%, transparent);height:2px;box-shadow:0 0 16px 1px var(--world), 0 0 52px 6px color-mix(in oklch, var(--world) 32%, transparent);position:absolute;bottom:0;left:0;right:0}.scanner-empty{justify-items:start;gap:16px;margin-top:18px;padding:36px 28px;display:grid}.scanner-empty-title{margin:0;font-size:1.25rem;font-weight:700}@media (width<=719px){.scanner-card-copy{padding:18px 18px 10px}.scanner-card-name{font-size:1.15rem}}.scanner-case{gap:20px;margin-bottom:clamp(64px,9vw,120px);display:grid}[data-atrium-theme] .scanner-case{--world:var(--beam)}.scanner-back{justify-self:start;text-decoration:none}.scanner-back svg{transition:transform .25s var(--scanner-ease)}.scanner-back:hover svg{transform:translate(-3px)}.scanner-frame{margin:0;padding:10px}.scanner-frame-media{background:oklch(10% .02 255);border-radius:10px;position:relative;overflow:hidden}.scanner-frame-media img{object-fit:cover;object-position:top;width:100%;max-height:650px;display:block}.scanner-frame:hover .scanner-scan{animation:1.1s cubic-bezier(.4,0,.2,1) scanner-scan}.scanner-frame figcaption{padding:12px 6px 2px}.scanner-case-grid{gap:20px;display:grid}@media (width>=900px){.scanner-case-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}.scanner-case-panel{padding:clamp(22px,3vw,36px)}.scanner-case-panel h2,.scanner-case-panel h3{color:var(--ink);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.scanner-case-panel h3{margin-top:26px;font-size:1rem}.scanner-case-panel *+h2{margin-top:34px}.scanner-case-panel p{color:var(--ink-soft);margin:12px 0 0;font-size:.95rem;line-height:1.7}.scanner-case-list{margin:14px 0 0;padding:0;list-style:none}.scanner-case-list li{border-top:1px solid var(--line);color:var(--ink-soft);padding:12px 0 12px 22px;font-size:.95rem;line-height:1.6;position:relative}.scanner-case-list li:before{content:"";background:var(--world);width:6px;height:6px;box-shadow:0 0 8px var(--world);border-radius:50%;position:absolute;top:21px;left:2px}.scanner-case-panel .primary-action{margin-top:26px}.scanner-case-quote{margin:0;padding:clamp(24px,4vw,44px)}.scanner-case-quote blockquote{max-width:62ch;color:var(--ink);margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.75}.scanner-case-quote figcaption{margin-top:16px}.scanner-case-nav{gap:14px;margin-top:8px;display:grid}.scanner-case-nav .scanner-back{justify-self:stretch;min-height:56px}@media (width>=720px){.scanner-case-nav{grid-template-columns:auto minmax(0,1fr);align-items:stretch}.scanner-case-nav .scanner-back{height:auto;padding:0 24px}}.scanner-next{color:var(--ink);transition:transform .2s var(--scanner-ease);grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px 12px 12px;text-decoration:none;display:grid}@media (width>=720px){.scanner-next{grid-template-columns:168px minmax(0,1fr) auto;gap:22px;padding:14px 24px 14px 14px}}.scanner-next:active{transform:translateY(1px)}.scanner-next:focus-visible{outline:2px solid var(--xenon);outline-offset:3px}.scanner-next-media{aspect-ratio:16/10;background:oklch(10% .02 255);border-radius:8px;position:relative;overflow:hidden}.scanner-next-media img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.scanner-next-text{gap:6px;min-width:0;display:grid}.scanner-next-name{font-size:1.25rem;font-weight:700;line-height:1.25}.scanner-next-arrow{color:var(--world);transition:transform .25s var(--scanner-ease)}.scanner-next .scanner-edge{border-radius:inherit}.scanner-next:hover .scanner-edge,.scanner-next:focus-visible .scanner-edge{opacity:1}.scanner-next:hover .scanner-scan,.scanner-next:focus-visible .scanner-scan{animation:.95s cubic-bezier(.4,0,.2,1) scanner-scan}.scanner-next:hover .scanner-next-arrow{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.scanner-beam,.scanner-scan,.scanner-sheen{display:none}.scanner-card-tilt{transition:none;transform:none!important}.scanner-card-media img,.scanner-card:hover .scanner-card-media img{transition:none;transform:none}.scanner[data-sweeping] .scanner-scope-arm,.scanner-glyph{animation:none!important}.scanner-back svg,.scanner-card-arrow,.scanner-card:hover .scanner-card-arrow,.scanner-next,.scanner-next-arrow{transition:none;transform:none!important}}
