:root{--bg: #f4f4f1;--fg: #347a27;--muted: #8a8a86;--rule: rgb(0 0 0 / .12);--placeholder: #e2e2e0;--accent: #ebff00;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--serif: "Times New Roman", Times, serif;--pad: 8px;--frame: 8px;--gap: 8px;--grid-gap: var(--gap);--radius: 6px;--logo-h: 64px;--caption-gap: 4px;--caption-h: calc(var(--caption-gap) + 13px);--scrollbar-w: var(--pad);--pad-right: var(--pad);--card-w: calc((100% - var(--pad-right) - 2 * var(--gap)) / 3);--card-w-text: var(--card-w);--row-h: 52px;--drawer-slide: 24px;--dur: .35s;--dur-out: .18s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-exit: cubic-bezier(.45, 0, .55, 1);--dim: .92;--nav-gap: 44px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:15px;line-height:1.33;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shell{padding-left:var(--pad);padding-right:var(--pad-right);padding-block:0 140px}.header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:140px 1fr auto;align-items:start;gap:40px;padding-block:28px 28px;pointer-events:none}.header>*{pointer-events:auto}.header__logo{display:block;text-decoration:none}.header__logo svg{display:block;height:var(--logo-h);width:auto}.header__intro{justify-self:center;width:max-content;max-width:100%;font-size:13px}.header__nav{display:flex;gap:var(--nav-gap);font-size:13px}.header__nav a{text-decoration:none}.frame{position:fixed;inset:var(--frame);z-index:90;border-radius:var(--radius);box-shadow:0 0 0 100vmax var(--bg);pointer-events:none}.reel-trigger{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#0000004d;transition:text-decoration-color .2s var(--ease)}.reel-trigger:hover{text-decoration-color:var(--fg)}.reel{position:fixed;inset:0;z-index:50;pointer-events:none}.reel[hidden]{display:none}.reel__backdrop{position:absolute;inset:0;background-color:#cccccc80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");background-size:140px 140px;backdrop-filter:blur(10px);opacity:0;transition:opacity var(--dur) var(--ease)}.reel[data-mode=open] .reel__backdrop{opacity:1;pointer-events:auto}.reel__card{position:absolute;top:0;left:0;width:var(--reel-w, 260px);aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:var(--placeholder);will-change:transform}.reel[data-mode=peek] .reel__card{transition:none}.reel[data-mode=open] .reel__card{pointer-events:auto;transition:transform .45s var(--ease),width .45s var(--ease)}.reel[data-mode=closing] .reel__card{opacity:0;transition:transform .38s var(--ease-exit),opacity .32s var(--ease-exit)}.reel__card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.views[data-view=list] .grid,.views[data-view=grid] .table{display:none}.row{border-bottom:1px solid var(--rule)}.row__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;height:var(--row-h);text-align:left;font-size:16px;cursor:pointer}.row__peek{position:absolute;right:0;top:0;width:200px;aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:var(--placeholder);opacity:0;transform:scale(.96);transform-origin:100% 0;pointer-events:none;z-index:5;transition:opacity .18s var(--ease),transform .28s var(--ease)}.row__peek img{width:100%;height:100%;object-fit:cover}@media(hover:hover){.row__head:hover .row__peek{opacity:1;transform:scale(1)}}.row[data-open=true] .row__peek{opacity:0!important}.row__title{display:flex;align-items:center;gap:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s var(--ease)}.row[data-open=true] .row__dot{opacity:1}.row__close{justify-self:end;font-size:16px;line-height:1;opacity:0;transition:opacity .2s var(--ease)}.row[data-open=true] .row__close{opacity:1}.row__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease)}.row[data-open=true] .row__panel{grid-template-rows:1fr}.row__panel-inner{overflow:hidden}.carousel{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:0 var(--gap);margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad-right) * -1);padding-left:var(--pad);scroll-padding-left:var(--pad)}.carousel::-webkit-scrollbar{display:none}@media(hover:hover){.carousel{cursor:grab}.carousel[data-dragging]{cursor:grabbing}.carousel[data-dragging] *{pointer-events:none}}.grid__item,.card{-webkit-user-select:none;user-select:none}.card--text,.grid__caption{-webkit-user-select:text;user-select:text}.card{position:relative;flex:0 0 var(--card-w);overflow:hidden;border-radius:var(--radius);background:var(--placeholder);scroll-snap-align:start;transition:filter .3s var(--ease)}.card[data-ratio="16x9"]{aspect-ratio:16 / 9}.card[data-ratio="5x4"]{aspect-ratio:5 / 4}.card img,.card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;border:0}.card[data-ratio="16x9"] iframe{aspect-ratio:16 / 9}.card[data-ratio="5x4"] iframe{aspect-ratio:5 / 4}.card video,.card iframe{opacity:0;transition:opacity .2s var(--ease)}.card img,.card video,.card iframe{pointer-events:none}.card[data-playing=true] video,.card[data-playing=true] iframe{opacity:1}.card--text{flex-basis:var(--card-w-text);background:none;overflow:visible;display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:16px;padding-right:var(--gap);font-size:13px}.card--text:hover{filter:none}.card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.card__credits{display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.card__credits dt{color:var(--muted)}.card__link{display:inline-flex;align-items:center;gap:6px;height:28px;padding-inline:14px;border-radius:999px;background:#0000000f;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)}.card__link:hover{background:var(--fg);color:var(--bg)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:0;padding-top:var(--grid-gap);align-items:start}.grid__item{display:flex;flex-direction:column;aspect-ratio:4 / 5;margin-bottom:var(--grid-gap)}.grid__panel{grid-column:1 / -1;display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows var(--dur-out) var(--ease-exit),margin-top var(--dur-out) var(--ease-exit)}.grid__panel[data-open=true]{grid-template-rows:1fr;margin-top:0;transition-duration:var(--dur);transition-timing-function:var(--ease)}.grid__panel[data-archived]{display:none}.grid__panel-inner{overflow:hidden}.grid__panel-inner>*,.row__panel-inner>*{transform:translateY(calc(var(--drawer-slide) * -1));transition:transform var(--dur-out) var(--ease-exit)}.grid__panel[data-open=true] .grid__panel-inner>*,.row[data-open=true] .row__panel-inner>*{transform:translateY(0);transition-duration:var(--dur);transition-timing-function:var(--ease)}.grid__panel-head{display:flex;align-items:center;justify-content:flex-end;gap:20px;height:var(--row-h);font-size:16px}.grid__panel-head .row__dot{opacity:1}.grid__panel-head .row__close{opacity:1;cursor:pointer}.grid__thumb{display:block;position:relative;flex:1;min-height:0;width:100%;overflow:hidden;border-radius:var(--radius);background:var(--placeholder);cursor:pointer;transition:filter .3s var(--ease)}.grid__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.grid__thumb iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;min-width:100%;min-height:100%;aspect-ratio:var(--thumb-ratio, 4 / 5);border:0;opacity:0;pointer-events:none;transition:opacity .12s var(--ease)}.grid__thumb[data-playing=true] iframe{opacity:1}.grid__thumb:after{content:"";position:absolute;inset:0;background-color:#cccccc80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");background-size:140px 140px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.grid__thumb img{transition:filter .3s var(--ease)}.grid[data-has-open] .grid__item:not([data-active]) .grid__thumb:after{opacity:1}.grid[data-has-open] .grid__item:not([data-active]) .grid__thumb img{filter:blur(10px)}.grid__caption>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.grid__caption{flex:none;height:0;overflow:hidden;display:flex;justify-content:space-between;gap:12px;padding-top:0;font-size:13px;line-height:1;white-space:nowrap;min-width:0;opacity:0;transition:height .25s var(--ease),padding-top .25s var(--ease),opacity .2s var(--ease)}@media(hover:hover){.grid__item:hover .grid__caption{height:var(--caption-h);padding-top:var(--caption-gap);opacity:1}}.grid__item[data-active] .grid__caption{height:var(--caption-h);padding-top:var(--caption-gap);opacity:1}@media(hover:none){.grid__caption{height:var(--caption-h);padding-top:var(--caption-gap);opacity:1}}.controls{position:fixed;inset:auto var(--pad-right) 26px var(--pad);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.controls:has(.capsule--toggle[hidden]){justify-content:flex-end}.capsule--toggle[hidden]{display:none}.capsule{display:flex;gap:0;padding:4px;border-radius:42px;background:#cccccc80;backdrop-filter:blur(8px);pointer-events:auto}.pill{height:34px;padding-inline:20px;border-radius:42px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.pill--solid{background:var(--fg);color:var(--bg)}.capsule--toggle{position:relative}.capsule__thumb{position:absolute;top:4px;left:4px;height:34px;border-radius:42px;background:var(--fg);transition:transform .38s var(--ease),width .38s var(--ease)}.capsule--toggle .pill{position:relative;z-index:1;transition:color .25s var(--ease)}.capsule--toggle .pill[aria-pressed=true]{color:var(--bg)}.controls__right{position:relative;pointer-events:none}.filters{position:absolute;right:0;bottom:calc(100% + 9px);display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:auto}.filter-pill{height:42px;padding-inline:20px;border-radius:42px;background:#cccccc80;backdrop-filter:blur(8px);white-space:nowrap;cursor:pointer;opacity:0;transform:translateY(10px) scale(.96);transform-origin:100% 100%;pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease),background .1s ease-out,color .1s ease-out;transition-delay:calc(var(--i) * 45ms)}.filters[data-open=true] .filter-pill{opacity:1;transform:none;pointer-events:auto;transition-delay:calc((var(--n) - 1 - var(--i)) * 45ms)}.filter-pill[aria-pressed=true]{background:var(--fg);color:var(--bg)}[data-categoria][hidden]{display:none}.page{max-width:62ch;padding-block:40px 120px}.page h1{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1.1;margin-bottom:20px}.page p+p{margin-top:14px}@media(max-width:900px){:root{--card-w: 60vw;--card-w-text: 60vw}.header{position:static;grid-template-columns:1fr;gap:24px;padding-bottom:44px}.header__intro{justify-self:start}.header__nav{gap:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--logo-h: 52px;--card-w: 82vw;--card-w-text: 82vw;--row-h: 44px}.row__head,.grid__panel-head{font-size:15px}.grid{grid-template-columns:repeat(1,minmax(0,1fr))}}