@import"./corridor-picker.css";html.corridor-document{scroll-behavior:auto;scrollbar-gutter:stable}.web-corridor{--corridor-header:122px}.web-corridor .site-header{position:fixed;inset:0 0 auto;height:var(--corridor-header);background:#060d13c7;backdrop-filter:blur(16px)}.web-corridor #main-content{width:100%;max-width:none;margin:0;padding-top:var(--corridor-header)}.corridor-projects{list-style:none;margin:0;padding:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}.corridor-project{min-width:0;scroll-margin-top:calc(var(--corridor-header) + 32px)}.corridor-link{display:block;text-decoration:none;outline-offset:10px}.corridor-screen{position:relative;aspect-ratio:var(--preview-ratio,8/5);background:#111820;border:1px solid rgb(205 234 246 / 38%);box-shadow:0 0 0 1px #8dd3f10d,0 0 22px #65c0e614;transition:border-color .35s ease,box-shadow .35s ease}.corridor-screen:after{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid transparent;border-top-color:#e6f8ff4d}.corridor-screen img{display:block;width:100%;height:100%;object-fit:contain}.corridor-link:is(:hover,:focus-visible) .corridor-screen{border-color:#daf5ff;box-shadow:0 0 0 1px #c2ebfd66,0 0 26px #8adafb52,0 0 65px #5fbdeb21}.corridor-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 2px 0;text-shadow:0 2px 14px #03090e}.corridor-caption h2{margin:0;font:400 clamp(21px,1.65vw,32px)/1.14 var(--serif);letter-spacing:-.018em;text-wrap:balance}.corridor-caption span{flex-shrink:0;padding-top:5px;color:#c3dbe5;font:11px/1.4 var(--sans);letter-spacing:.055em;white-space:nowrap}.corridor-caption b{display:inline-block;font-size:16px;font-weight:400;margin-left:8px;transition:transform .3s,color .3s}.corridor-link:is(:hover,:focus-visible) .corridor-caption b{transform:translate(3px,-3px);color:#fff}.corridor-hud{display:none}.corridor-ready #main-content{min-height:calc(100svh + var(--corridor-travel,0px));padding-top:0}.corridor-ready .corridor-stage{position:fixed;inset:var(--corridor-header) 0 0;overflow:hidden;perspective:1100px;perspective-origin:50% 47%;isolation:isolate}.corridor-ready .corridor-projects{display:block;padding:0;transform-style:preserve-3d;position:absolute;inset:0;transform-origin:50% 47% 1100px;pointer-events:none}.corridor-ready .corridor-projects.is-turning{will-change:transform}.corridor-ready .corridor-project{position:absolute;left:50%;top:47%;margin:0;width:min(44vw,840px,calc((100svh - var(--corridor-header) - 180px) * 1.6));transform-style:preserve-3d;backface-visibility:hidden;visibility:hidden;pointer-events:none}.corridor-ready .corridor-project.is-visible{visibility:visible;will-change:transform,opacity}.corridor-ready .corridor-project.is-interactive{pointer-events:auto}.corridor-ready .corridor-project.is-focused .corridor-screen{border-color:#dcf5ffd9;box-shadow:0 0 0 1px #c2ebfd29,0 0 30px #8adafb2e}.corridor-ready .corridor-project.is-focused .corridor-link:is(:hover,:focus-visible) .corridor-screen{border-color:#effaff;box-shadow:0 0 0 1px #c2ebfd66,0 0 26px #8adafb52,0 0 65px #5fbdeb21}.corridor-ready .corridor-caption h2{font-size:clamp(24px,1.7vw,33px)}.corridor-ready .corridor-hud{display:flex;position:absolute;inset:auto 40px 30px;align-items:center;justify-content:space-between;pointer-events:none;color:#c1d3dc;font:10px/1.5 var(--sans);letter-spacing:.16em}.corridor-hint{display:flex;align-items:center;gap:16px}.corridor-guidance{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}.corridor-keys{display:flex;align-items:center;gap:6px;color:#b7ccd7}.corridor-keys kbd{display:grid;place-items:center;width:22px;height:23px;border:1px solid rgb(182 219 237 / 27%);border-radius:3px;color:#d8f1fc;font:14px/1 var(--sans)}.corridor-keys span{margin-left:4px;font-size:9px;letter-spacing:.1em}.corridor-hint i{width:37px;height:1px;background:linear-gradient(90deg,transparent,#c4e8f8);position:relative}.corridor-hint i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #c4e8f8;border-bottom:1px solid #c4e8f8;transform:rotate(45deg)}.corridor-counter{display:flex;align-items:center;gap:13px;font-variant-numeric:tabular-nums}.corridor-counter b{font-size:22px;font-weight:300;letter-spacing:.02em;color:#edf8ff}.corridor-counter i{font-style:normal;opacity:.35}@media(max-width:899px){.corridor-projects{gap:40px;padding:32px 24px;grid-template-columns:1fr}.corridor-caption{gap:16px}.web-corridor .site-header{padding-right:24px}}@media(max-width:600px){.web-corridor .site-header{padding-left:96px;gap:16px}.web-corridor .header-brand{font-size:18px}.web-corridor .header-brand small{display:none}.web-corridor .site-nav{gap:12px}.web-corridor .site-nav a{font-size:11px}.web-corridor .site-nav a:nth-child(2){display:none}.corridor-caption{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.corridor-link *,.corridor-screen{transition:none}}