.reel,.about-view{--reel-space-top:clamp(0px, .8dvh, 10px);--reel-space-bottom:clamp(24px, 5dvh, 56px);--reel-space-media-meta:clamp(40px, 7.5dvh, 88px);--reel-meta-reserve:9.5rem}@media (width>=641px){.reel,.about-view{--reel-space-bottom:calc(var(--header-inset-top) + env(safe-area-inset-top,0px))}}@media (width<=640px){.reel,.about-view{--reel-v-gap:clamp(22px, 3.5dvh, 36px);--reel-space-top:0px;--content-offset-top:var(--reel-v-gap);--reel-space-media-meta:var(--reel-v-gap);--reel-meta-reserve:9.75rem;--reel-media-size:min(100vw, calc(100dvh - var(--header-h) - var(--reel-space-top) - var(--content-offset-top) - var(--reel-space-media-meta) - var(--reel-space-bottom) - var(--reel-meta-reserve)))}}.reel-frame{min-height:0;width:var(--shell-width);align-items:stretch;gap:var(--reel-space-media-meta,clamp(40px, 7.5dvh, 88px));flex-direction:column;flex:auto;display:flex;position:relative;overflow:visible}.reel-media{width:min(calc(100% - 40px - var(--reel-rail-w,44px)), calc(100dvh - var(--header-h) - var(--reel-space-top,0px) - var(--content-offset-top,0px) - var(--reel-space-media-meta,clamp(40px, 7.5dvh, 88px)) - var(--reel-space-bottom,24px) - var(--reel-meta-reserve,9.5rem)));aspect-ratio:1;isolation:isolate;background:var(--color-surface);border:1px solid var(--color-line-soft);align-self:center;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 10px 24px -12px #00000012}.reel-still{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.reel [data-about-copy] .reel-still{filter:grayscale()}.about-view [data-about-copy] .reel-still{filter:none}.reel-meta{z-index:3;padding-inline:var(--space-inline);flex:none;display:grid;position:relative}.reel-work-title{letter-spacing:.04em;color:var(--color-ink);margin:0 0 .45em;font-size:clamp(1.05rem,3vw,1.2rem);font-weight:600;line-height:1.35}.reel-work-title:empty{display:none}.reel-summary{letter-spacing:.05em;min-height:3.3em;color:var(--color-ink);margin:0;font-size:clamp(.95rem,2.8vw,1.05rem);font-weight:500;line-height:1.65;position:relative}.reel[data-intro=pending] .reel-frame{opacity:0;transform:translateY(14px)}.reel[data-intro=done] .reel-frame{opacity:1;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.reel[data-intro=pending] .reel-meta{opacity:0;transform:translateY(10px)}.reel[data-intro=done] .reel-meta{opacity:1;transition:opacity .3s .1s,transform .35s cubic-bezier(.22,1,.36,1) .1s;transform:translateY(0)}@media (width>=641px){.reel .reel-frame,.about-view .reel-frame{flex:0 auto}}@media (width<=640px){.reel .reel-frame,.about-view .reel-frame{width:100%}.reel .reel-media,.about-view .reel-media{width:var(--reel-media-size);border-left:0;border-right:0}.reel .reel-meta,.about-view .reel-meta{margin-left:calc(var(--space-inline) / 2 + var(--reel-rail-w));box-sizing:border-box;padding-left:14px;padding-right:12px}.reel .reel-work-title,.about-view .reel-work-title{font-size:.95rem;font-weight:600}.reel .reel-summary,.about-view .reel-summary{color:var(--color-muted);font-size:.875rem;font-weight:400}}.about-view{--reel-rail-w:0px;box-sizing:border-box;min-height:100dvh;padding:calc(var(--header-h) + var(--reel-space-top) + var(--content-offset-top)) 0 var(--reel-space-bottom);background:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;display:flex}.about-view [data-about-copy]{--about-media-size:min(calc(100% - 40px), calc(100dvh - var(--header-h) - var(--reel-space-top,0px) - var(--content-offset-top,0px) - var(--reel-space-media-meta,clamp(40px, 7.5dvh, 88px)) - var(--reel-space-bottom,24px) - var(--reel-meta-reserve,9.5rem)));overscroll-behavior:contain;position:relative}.about-gallery-rail{z-index:4;width:40px;display:block;position:absolute;top:50%;transform:translateY(-50%)}.about-gallery-track{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:center;gap:8px;height:100%;padding:2px 0;display:flex;overflow-y:auto}.about-gallery-track::-webkit-scrollbar{display:none}.about-gallery-thumb{appearance:none;cursor:pointer;background:#0f172a24;border:1px solid #1118272e;border-radius:9px;flex:0 0 40px;width:40px;height:40px;padding:0;transition:border-color .2s,transform .2s,background-color .2s;overflow:hidden}.about-gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.about-gallery-thumb.is-active{background:#0f172a38;border-color:#1118278c;transform:translate(1px)}@media (width>=641px){.about-gallery-rail{left:max(0px, calc(50% - (var(--about-media-size) / 2) - 52px));height:var(--about-media-size)}}.about-view .reel-meta[data-meta-reveal=pending]{opacity:0}.about-view .reel-meta[data-meta-reveal=ready]{opacity:1;transition:opacity .35s}@media (prefers-reduced-motion:reduce){.about-view .reel-meta[data-meta-reveal=pending],.about-view .reel-meta[data-meta-reveal=ready]{opacity:1;transition:none}.reel[data-intro=pending] .reel-frame,.reel[data-intro=done] .reel-frame,.reel[data-intro=pending] .reel-meta,.reel[data-intro=done] .reel-meta{opacity:1;transition:none;transform:none}}::view-transition-group(about-portrait){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(about-portrait),::view-transition-new(about-portrait){object-fit:cover;mix-blend-mode:normal;height:100%;overflow:clip;animation:none!important}::view-transition-old(about-portrait){filter:grayscale()}::view-transition-new(about-portrait){filter:grayscale(0)}.reel-rail-vt-sink{display:none}@media (width<=640px){.about-view{--reel-rail-w:40px;--reel-media-size:min(calc(100vw - var(--reel-rail-w) - var(--space-inline)), calc(100dvh - var(--header-h) - var(--reel-space-top) - var(--content-offset-top) - var(--reel-space-media-meta) - var(--reel-space-bottom) - var(--reel-meta-reserve)))}.about-view .reel-media{border-left:1px solid var(--color-line-soft);border-right:0;align-self:flex-end;margin-right:0}.reel-rail-vt-sink{--reel-rail-w:40px;z-index:20;left:-64px;top:calc(var(--header-h) + var(--reel-space-top,0px) + var(--content-offset-top,0px) + var(--reel-media-size,60vw) + var(--reel-space-media-meta,22px));width:40px;height:var(--reel-meta-reserve,9.75rem);opacity:0;pointer-events:none;display:block;position:fixed}.about-gallery-rail{left:calc(var(--space-inline) / 2);height:var(--reel-media-size)}::view-transition-group(reel-rail){animation-duration:.48s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(reel-rail),::view-transition-new(reel-rail){mix-blend-mode:normal;height:100%;overflow:clip;animation:none!important}}@media (width>=641px){.reel-rail,.reel-rail-vt-sink{view-transition-name:none!important}}@media (prefers-reduced-motion:reduce){::view-transition-group(about-portrait),::view-transition-old(about-portrait),::view-transition-new(about-portrait),::view-transition-group(reel-rail),::view-transition-old(reel-rail),::view-transition-new(reel-rail){animation:none!important}.reel-rail,.reel-rail-vt-sink{view-transition-name:none!important}}