.lightbox-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;color:var(--bone);background:0 0;border:0;outline:none;margin:0;padding:0}.lightbox-dialog::backdrop{background:color-mix(in oklab, var(--tar) 97%, transparent);-webkit-backdrop-filter:blur(16px);animation:.24s cubic-bezier(.2,.6,.2,1) backdrop-in}@keyframes backdrop-in{0%{opacity:0}}.lightbox-surface{pointer-events:auto;grid-template-rows:auto 1fr auto;place-items:center;display:grid;position:fixed;inset:0}.lightbox-chrome{padding:var(--space-4) var(--space-6);z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-chrome>*{pointer-events:auto}.lightbox-btn{font-family:var(--font-mono);font-size:var(--t-mono-s);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--rule);cursor:pointer;transition:color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease);background:0 0;padding:6px 12px}.lightbox-btn:hover{color:var(--bone);border-color:var(--rule-2)}.lightbox-btn[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--on-lime)}.lightbox-close{letter-spacing:0;padding:4px 12px 6px;font-size:22px;line-height:1}.lightbox-counter{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.12em;color:var(--bone);font-variant-numeric:tabular-nums}.lightbox-counter .dim{color:var(--ash);margin-left:2px}.lightbox-viewer{width:min(94vw,1600px);height:min(78vh,100%);padding:0 var(--space-4);grid-row:2;justify-content:center;align-items:center;display:flex;position:relative}.lightbox-loader{border:3px solid color-mix(in oklab, var(--bone) 16%, transparent);border-top-color:var(--lime);z-index:1;pointer-events:none;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.8s linear infinite lightbox-spin;position:absolute;top:50%;left:50%}@keyframes lightbox-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lightbox-loader{animation-duration:1.6s}}.lightbox-img,.lightbox-video{object-fit:contain;border:1px solid var(--rule);background:var(--tar-2);touch-action:pinch-zoom;max-width:100%;max-height:78vh;display:block}.lightbox-video{aspect-ratio:16/9;border:1px solid var(--rule);width:100%}.lightbox-img--bare{background:0 0;border:none}.lightbox-device--mobile{box-sizing:border-box;background:#16181d;border:12px solid #16181d;border-radius:48px;height:min(82vh,880px);overflow:hidden;box-shadow:0 30px 80px #0000008c}.lightbox-device--mobile .lightbox-img{object-fit:cover;background:var(--tar);border:0;border-radius:36px;width:auto;max-width:none;height:100%;max-height:none}.lightbox-device--desktop{border:1px solid var(--rule);background:var(--surface,var(--tar-2));border-radius:12px;flex-direction:column;max-width:min(92vw,1500px);max-height:82vh;display:inline-flex;overflow:hidden;box-shadow:0 30px 80px #0000008c}.lightbox-chrome-bar{background:color-mix(in oklab, var(--tar) 60%, var(--surface,var(--tar-2)));border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:8px;height:38px;padding:0 16px;display:flex}.lightbox-chrome-bar i{background:var(--rule-2);border-radius:999px;width:12px;height:12px}.lightbox-device--desktop .lightbox-img{object-fit:contain;background:var(--tar);border:0;border-radius:0;width:auto;max-width:min(92vw,1500px);height:auto;max-height:calc(82vh - 38px);display:block}.lightbox-nav{border:1px solid var(--rule);width:56px;height:56px;color:var(--bone-dim);cursor:pointer;transition:color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);z-index:1;background:0 0;justify-content:center;align-items:center;font-size:40px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--lime);border-color:var(--lime);background:color-mix(in oklab, var(--lime) 8%, transparent)}.lightbox-nav:active{transform:translateY(-50%)scale(.96)}.lightbox-nav--prev{left:var(--space-4)}.lightbox-nav--next{right:var(--space-4)}@media (max-width:720px){.lightbox-nav{display:none}}.lightbox-caption{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);text-align:center;max-width:min(680px,90vw);color:var(--bone-dim);font-size:var(--t-body-s);flex-direction:column;grid-row:3;line-height:1.5;display:flex}.lightbox-caption .ctx{font-family:var(--font-mono);font-size:var(--t-mono-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--lime)}@media (prefers-reduced-motion:reduce){.lightbox-dialog::backdrop{animation:none}}
.media-block{--screen-max-h:clamp(360px, 78vh, 880px);width:100%}.media-block--stack,.media-block--pair{column-gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.media-block--stack{row-gap:var(--space-6)}.media-block--pair{row-gap:var(--space-5);justify-items:center}.media-tile{gap:var(--space-2);grid-column:var(--item-col,1 / -1);flex-direction:column;width:100%;margin:0;display:flex}.device-screen{width:min(100%, calc(var(--screen-max-h) * var(--shot-ar,1.6)));color:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;margin-inline:auto;padding:0;display:block;position:relative}.device-canvas{background:var(--tar-2);display:block;position:relative;overflow:hidden}.device-canvas img{filter:saturate(.95)contrast(1.01);width:100%;height:auto;transition:opacity .28s ease-out;display:block}.device-screen:focus-visible{outline:none}.device-screen:focus-visible .device-canvas{outline:2px solid var(--lime);outline-offset:4px}.device--none .device-canvas{border:1px solid var(--rule);transition:border-color var(--dur-2) var(--ease)}.device--none .device-screen:hover .device-canvas{border-color:var(--rule-2)}.device-canvas.device-canvas--bare{background:0 0;border:none}.device--none .device-screen:hover .device-canvas.device-canvas--bare{border-color:#0000}.device--desktop .device-screen{border:1px solid var(--rule);background:var(--surface,var(--tar-2));transition:border-color var(--dur-2) var(--ease), transform var(--dur-3) var(--ease);border-radius:10px;overflow:hidden}.device--desktop .device-screen:hover{border-color:var(--rule-2)}.device-chrome{height:30px;padding:0 var(--space-3);background:color-mix(in oklab, var(--tar) 60%, var(--surface,var(--tar-2)));border-bottom:1px solid var(--rule);align-items:center;gap:7px;display:flex}.device-chrome i{background:var(--rule-2);border-radius:999px;width:10px;height:10px}.device--desktop .device-canvas{aspect-ratio:var(--shot-ar,16 / 10);background:var(--tar)}.device--desktop .device-canvas img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.device--mobile{align-items:center}.device--mobile .device-screen{width:min(100%, 416px, calc(var(--screen-max-h) * var(--shot-ar,.46)));transition:transform var(--dur-3) var(--ease);background:#16181d;border:9px solid #16181d;border-radius:36px;overflow:hidden;box-shadow:0 12px 40px #00000073}.device--mobile .device-canvas{aspect-ratio:var(--shot-ar,9 / 18);border-radius:26px}.device--mobile .device-canvas img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-tile-video{width:100%;height:100%;display:block;position:relative}.media-tile-video img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-tile-video-badge{bottom:var(--space-2);left:var(--space-2);font-family:var(--font-mono);font-size:var(--t-mono-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--on-lime);background:var(--lime);z-index:2;pointer-events:none;padding:4px 8px;position:absolute}.media-tile-caption{font-size:var(--t-body-s);color:var(--bone-dim);padding:0 var(--space-1);line-height:1.5}.media-carousel{--screen-max-h:clamp(360px, 78vh, 880px);width:100%}.media-carousel-viewport{cursor:grab;overflow:hidden}.media-carousel-viewport:active{cursor:grabbing}.media-carousel-container{gap:var(--space-4);touch-action:pan-y pinch-zoom;align-items:flex-start;display:flex}.media-carousel-slide{flex:0 0 86%;justify-content:center;min-width:0;display:flex}@media (min-width:721px){.media-carousel-slide{flex:0 0 72%}.media-carousel-slide:has(.device--mobile){flex:0 0 38%}}@media (max-width:480px){.media-carousel-container{gap:var(--space-3)}}.media-carousel-chrome{justify-content:center;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.media-carousel-arrow{border:1px solid var(--rule-2);width:36px;height:36px;color:var(--bone-dim);cursor:pointer;transition:color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);background:0 0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.media-carousel-arrow:hover:not(:disabled){color:var(--lime);border-color:var(--lime)}.media-carousel-arrow:active:not(:disabled){transform:scale(.94)}.media-carousel-arrow:disabled{opacity:.3;cursor:not-allowed}@media (max-width:720px){.media-carousel-arrow{width:44px;height:44px}}.media-carousel-dots{display:flex}.media-carousel-dot{box-sizing:content-box;cursor:pointer;width:8px;height:8px;transition:background-color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);background-color:#eceae066;background-clip:content-box;border:0;border-radius:50%;padding:6px}.media-carousel-dot:hover{background-color:var(--bone-dim)}.media-carousel-dot[data-active=true]{background-color:var(--lime);transform:scale(1.25)}.media-carousel-counter{font-family:var(--font-mono);font-size:var(--t-mono-s);letter-spacing:.08em;color:var(--bone);font-variant-numeric:tabular-nums;min-width:44px}.media-carousel-counter .dim{color:var(--bone-dim)}@media (prefers-reduced-motion:reduce){.device-canvas img{filter:none;transition:none;transform:none}.device--desktop .device-screen,.device--mobile .device-screen,.media-carousel-dot{transition:none}}