.magnetic-lens{padding:3rem 0 4rem}.ml-heading{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:1rem}.ml-heading h2{font-size:clamp(2.7rem,6vw,5rem);line-height:1;letter-spacing:-.045em;font-weight:350}.ml-heading h2 span,.ml-chrome p span{color:var(--teal-600)}.ml-heading button,.ml-footnote button{border:0;background:none;color:var(--ink);cursor:pointer;font:inherit}.ml-pause{min-width:44px;min-height:44px;opacity:.65}.ml-frame{position:relative;margin-top:1.5rem;touch-action:pan-y}.ml-footnote{display:flex;justify-content:space-between;gap:1rem;padding:0 1.5rem;color:color-mix(in srgb,var(--ink) 52%,var(--bg));font-size:.75rem}.ml-footnote button{color:inherit}.ml-stage{position:fixed;inset:0;z-index:25;pointer-events:auto;touch-action:pan-y}.ml-stage:not([data-mode=preview]){z-index:120;pointer-events:auto;touch-action:pan-y}.ml-backdrop{position:absolute;inset:0;background:var(--bg);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1);pointer-events:none}.ml-stage:is([data-mode=opening],[data-mode=detail],[data-mode=swapping]) .ml-backdrop{opacity:1;pointer-events:auto}.ml-card{position:absolute;top:0;left:0;overflow:hidden;opacity:0;background:var(--sand-100);box-shadow:0 14px 25px -20px #33323e59;isolation:isolate}.ml-card img,.ml-card video{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.ml-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.ml-stage[data-mode=preview] .ml-card[data-visible=true] .ml-open{pointer-events:auto}.ml-stage[data-dragging=true] .ml-open{cursor:grabbing}.ml-stage:not([data-mode=preview]) .ml-open{visibility:hidden}.ml-stage:not([data-mode=preview]) .ml-card[data-active=true]{pointer-events:auto}.ml-open:focus-visible{outline:2px solid var(--teal-700);outline-offset:-4px;border-radius:inherit}.ml-chrome{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1.25rem 1rem;gap:1rem;z-index:5}.ml-chrome button,.ml-navigation button,.ml-video-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.ml-chrome{color:color-mix(in srgb,var(--ink) 76%,var(--bg));font-size:.85rem}.ml-chrome p{display:none}.ml-counter{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.65;white-space:nowrap}.ml-caption{position:absolute;top:var(--ml-caption-top);left:10%;width:80%;z-index:4;color:color-mix(in srgb,var(--ink) 70%,var(--bg));font-size:var(--ml-text-size);line-height:1.6;pointer-events:none}.ml-caption-block{position:relative}.ml-caption-source{position:absolute;top:0;left:0;width:100%;opacity:0;user-select:none}.ml-caption-line{display:block;opacity:0;transform:translateY(var(--ml-text-rise));filter:blur(var(--ml-text-blur));transition:opacity .14s ease-out,transform .14s ease-out,filter .14s ease-out}.ml-caption[data-visible=true] .ml-caption-line{opacity:1;transform:translateY(0);filter:blur(0);transition-duration:var(--ml-text-duration);transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--ml-text-delay) + min(.3s,var(--ml-line-index) * var(--ml-text-stagger)))}.ml-caption[data-instant=true] .ml-caption-line{transition:none}.ml-caption h3{color:var(--ink);margin-bottom:.65rem;font-size:1.8em}.ml-caption small{display:block;margin-top:1rem;opacity:.7}.ml-navigation{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:1.2rem;z-index:5}.ml-navigation button{width:48px;border-radius:50%;background:color-mix(in srgb,var(--sand-100) 50%,var(--bg));box-shadow:0 3px 12px #33323e0a,inset 0 1px #fff}.ml-stage[data-mode=closing] :is(.ml-chrome,.ml-caption,.ml-navigation){opacity:0;pointer-events:none}body[data-magnetic-room] astro-dev-toolbar{display:none}.ml-video-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;width:min(230px,calc(100% - 20px));height:36px;gap:8px;padding:0 6px;border:1px solid rgb(255 255 255 / .25);border-radius:999px;background:#1f2021ad;color:#fff;z-index:5}.ml-video-controls button{min-height:32px;min-width:30px;padding:0;font-size:15px}.ml-video-controls input{appearance:none;-webkit-appearance:none;height:3px;border-radius:3px;background:#fff6;min-width:0;flex:1}.ml-video-controls input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#fff}.ml-video-controls input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}.ml-stage button:focus-visible,.ml-stage input:focus-visible,.magnetic-lens button:focus-visible{outline:2px solid var(--teal-700);outline-offset:3px}@media(min-width:900px){.ml-heading,.ml-footnote{padding-inline:4rem}.ml-caption{left:var(--ml-text-left);width:var(--ml-text-width);top:38%}.ml-chrome{padding:1.3rem 2rem}.ml-chrome p{display:block;position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-display, "Noto Serif Display", serif);font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.ml-backdrop,.ml-caption[data-visible] .ml-caption-line{transition:none;transform:none;filter:none}}