.interactive-project-selector{align-items:stretch;gap:10px;width:100%;height:100%;display:flex;overflow:hidden}.interactive-project-option{color:#fff;cursor:pointer;appearance:none;isolation:isolate;background:#03081cd1;border:1px solid #bae6fd38;border-radius:16px;flex:1;min-width:64px;min-height:100px;padding:0;transition:flex-grow .7s cubic-bezier(.22,1,.36,1),border-color .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 12px 32px #00001833}.interactive-project-option[data-active=true]{z-index:2;border-color:#e0f2feb8;flex:7;box-shadow:0 24px 62px #00001e6b,0 0 22px #38bdf81f}.interactive-project-option img{z-index:0;object-fit:cover;object-position:center;filter:saturate(.82)brightness(.66)contrast(1.06);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.1)}.interactive-project-option[data-active=true] img{filter:saturate()brightness(.88)contrast(1.02);transform:scale(1.02)}.interactive-project-option__shade{z-index:1;pointer-events:none;background:linear-gradient(#02061714 15%,#02061738 48%,#020617f0 100%),linear-gradient(90deg,#050c2d80,#0000 55%);position:absolute;inset:0}.interactive-project-option__label{z-index:2;text-align:left;pointer-events:none;align-items:center;gap:12px;min-width:0;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.interactive-project-option__number{-webkit-backdrop-filter:blur(12px);color:#f0f9ffe6;width:42px;height:42px;font:700 11px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;background:#03081cb8;border:1px solid #ffffff47;border-radius:50%;flex:0 0 42px;place-items:center;display:grid}.interactive-project-option__title{color:#fff;font:700 clamp(17px, 1.7vw, 25px)/1 var(--font-geist-mono), monospace;letter-spacing:-.035em;white-space:nowrap;opacity:0;transition:opacity .48s cubic-bezier(.22,1,.36,1) .1s,transform .58s cubic-bezier(.22,1,.36,1) .1s;overflow:hidden;transform:translate(22px)}.interactive-project-option[data-active=true] .interactive-project-option__title{opacity:1;transform:translate(0)}.interactive-project-option:focus-visible{outline-offset:-4px;outline:2px solid #bae6fd}@media (width<=900px){.interactive-project-selector{flex-direction:column;gap:9px;height:100%}.interactive-project-option{flex:1;width:100%;min-width:0;min-height:58px}.interactive-project-option[data-active=true]{flex:5.2}.interactive-project-option__label{bottom:13px;left:14px;right:14px}.interactive-project-option__number{flex-basis:38px;width:38px;height:38px}.interactive-project-option__title{font-size:clamp(16px,5vw,22px)}}@media (prefers-reduced-motion:reduce){.interactive-project-option,.interactive-project-option img,.interactive-project-option__title{transition:none}}