#blog{z-index:2;background:var(--color-ink);color:#fff;width:100%;position:relative}.blog{--blog-main:4 / span 7;position:relative}.blog .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-stage-track{position:relative}.blog-stage{z-index:0;background:var(--color-ink);pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.blog-stage-canvas,.blog-stage-fallback{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-stage-canvas{display:none}.blog-stage-track[data-gl] .blog-stage-canvas{display:block}.blog-stage-track[data-gl] .blog-stage-fallback{display:none}.blog-stage:after{content:"";background:linear-gradient(90deg,#0a0a0ac7 0%,#0a0a0a6b 42%,#0a0a0a00 68%),linear-gradient(#0a0a0a00 70%,#0a0a0a8c 100%);position:absolute;inset:0}.blog-chapter-head{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.blog-chapter-kicker,.blog-kicker{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;gap:.75rem;margin:0;font-size:.75rem;display:flex}.blog-chapter-kicker span{color:#fff}.blog-chapter-title{max-width:18ch;font-family:var(--font-primary);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,6.4vw,6.5rem);font-weight:400;line-height:.95}.blog-prose{flex-direction:column;gap:1.25rem;max-width:38rem;display:flex}.blog-prose p,.blog-lede{color:var(--color-line-dark);font-family:var(--font-heading);margin:0;font-size:1.125rem;line-height:1.6}.blog-prose p:first-child:first-letter{float:left;color:#fff;margin:.3rem .6rem 0 0;font-size:3.4rem;line-height:.8}.blog-lede{max-width:34rem}.blog-footnote{max-width:40rem;color:var(--color-mute-dark);font-family:var(--font-heading);margin:1.5rem 0 0;font-size:.875rem;line-height:1.5}.blog-hero{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;gap:.75rem;min-height:100svh;padding:8rem .75rem 3rem;display:grid;position:relative}.blog-hero-copy{flex-direction:column;grid-column:1/span 8;gap:1.5rem;display:flex}.blog-title{font-family:var(--font-primary);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(3.25rem,10vw,10.5rem);font-weight:400;line-height:.9}.blog-dek{max-width:36rem;color:var(--color-line-dark);font-family:var(--font-heading);margin:0;font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.45}.blog-meta{flex-wrap:wrap;gap:.75rem 2.5rem;margin:.5rem 0 0;display:flex}.blog-meta div{margin:0}.blog-meta dt{color:var(--color-mute-dark);font-family:var(--font-heading);margin:0 0 .375rem;font-size:.875rem}.blog-meta dd{font-family:var(--font-heading);margin:0;font-size:1rem}.blog-hint{color:#fff;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0;font-size:.75rem;display:flex;position:absolute;bottom:3rem;right:.75rem}.blog-hint:after{content:"";background:linear-gradient(var(--color-accent), transparent);width:1px;height:3rem;animation:blog-hint 2.4s var(--ease-in-out-quart) infinite;transform-origin:top}@keyframes blog-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.blog-over{z-index:1;text-shadow:0 1px 24px #0a0a0a99;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;padding:0 .75rem;display:grid;position:relative}.blog-over>*{grid-column:var(--blog-main)}.blog-brief{padding-top:70svh;padding-bottom:20svh}.blog-code{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:40rem;text-shadow:none;background:#0a0a0ad1;border:1px solid #ffffff24;margin:2.5rem 0 0;overflow:hidden}.blog-code figcaption{color:var(--color-mute-dark);font-family:var(--font-mono);letter-spacing:.05em;border-bottom:1px solid #ffffff1a;padding:.75rem 1rem;font-size:.75rem}.blog-code pre{color:var(--color-line-dark);font-family:var(--font-mono);margin:0;padding:1rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.blog-panel{z-index:1;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-ink);border-top:1px solid #ffffff1f;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;padding:8rem .75rem 7rem;display:grid;position:relative}.blog-panel>*{grid-column:var(--blog-main)}.blog-client{margin-top:60svh}.blog-client .blog-client-figures{grid-column:4/span 8;grid-template-columns:3fr 1fr;align-items:start;gap:.75rem;margin-top:3.5rem;display:grid}.blog-figure{margin:0}.blog-figure-media{border-radius:var(--radius-card);background:var(--color-ink-3);width:100%;height:auto;display:block}.blog-figure figcaption,.blog-film-figure figcaption{color:var(--color-mute-dark);font-family:var(--font-heading);margin-top:.75rem;font-size:.875rem;line-height:1.45}.blog-versions{z-index:1;padding-top:20svh;position:relative}.blog-version-list{margin:0;padding:0;list-style:none}.blog-version{height:42svh;padding:0 .75rem;position:relative}.blog-version:last-child{height:80svh}.blog-version-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ac7;border:1px solid #ffffff24;width:min(30rem,100%);margin-left:calc(25% + .1875rem);padding:1.25rem 1.25rem 1rem;position:sticky;top:calc(100svh - 13.5rem)}.blog-version-count{font-family:var(--font-primary);align-items:baseline;gap:.5rem;margin:0;display:flex}.blog-version-num{letter-spacing:-.04em;font-size:3rem;line-height:1}.blog-version-of{color:var(--color-mute-dark);font-size:1rem}.blog-version-time{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.05em;margin-left:auto;font-size:.875rem}.blog-version-note{color:var(--color-line-dark);font-family:var(--font-heading);margin:.75rem 0 0;font-size:1.0625rem;line-height:1.45}.blog-version-rail{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:1rem;display:grid}.blog-version-rail i{background:#ffffff29;border-radius:2px;height:3px}.blog-version-rail i[data-on]{background:#fff}.blog-version-rail i[data-on]:last-of-type{background:var(--color-accent)}.blog-matrix-wrap{grid-column:4/span 8;margin-top:3rem;overflow-x:auto}.blog-matrix{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%;min-width:40rem;font-family:var(--font-heading)}.blog-matrix thead th{color:var(--color-mute-dark);font-family:var(--font-mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:0 0 .5rem;font-size:.6875rem;font-weight:400}.blog-matrix thead th:first-child{width:13rem}.blog-matrix tbody th{text-align:left;white-space:nowrap;padding:0 .75rem 0 0;font-weight:400}.blog-matrix-v{min-width:2.75rem;font-size:.9375rem;display:inline-block}.blog-matrix-note{color:var(--color-mute-dark);font-size:.8125rem}.blog-matrix tr[data-test] th{color:var(--color-mute-dark);padding-left:1rem}.blog-matrix tr[data-new] th .blog-matrix-v{color:var(--color-accent)}.blog-matrix td{height:2.25rem;transition:transform var(--duration-fast) var(--ease-out-expo);border-radius:4px}.blog-matrix tr:hover td{transform:scaleY(1.12)}.blog-matrix td[data-state=new],.blog-legend [data-state=new] i{background:#fff}.blog-matrix td[data-state=changed],.blog-legend [data-state=changed] i{background:var(--color-accent)}.blog-matrix td[data-state=same],.blog-legend [data-state=same] i{background:var(--color-ink-4)}.blog-matrix td[data-state=none],.blog-legend [data-state=none] i{background:0 0;box-shadow:inset 0 0 0 1px #ffffff2e}.blog-legend{color:var(--color-line-dark);font-family:var(--font-heading);flex-wrap:wrap;gap:.5rem 1.75rem;margin:1.5rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.blog-legend li{align-items:center;gap:.5rem;display:flex}.blog-legend i{border-radius:3px;width:1.5rem;height:.875rem}.blog-chooser{flex-direction:column;grid-column:4/span 8;gap:1rem;margin-top:3rem;display:flex}.blog-chooser-preview{aspect-ratio:2.39;border-radius:var(--radius-card);background:var(--color-ink-3);position:relative;overflow:hidden}.blog-chooser-fallback,.blog-chooser-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-chooser-canvas{opacity:0}.blog-chooser-canvas[data-on]{opacity:1}.blog-chooser-fallback[data-hidden]{visibility:hidden}.blog-chooser-scenes{scrollbar-width:none;gap:.375rem;display:flex;overflow-x:auto}.blog-chooser-scene{border-radius:var(--radius-pill);color:var(--color-line-dark);font-family:var(--font-heading);cursor:pointer;transition:background-color var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #ffffff29;flex:none;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;display:inline-flex;position:relative}.blog-chooser-scene:hover{border-color:#fff6}.blog-chooser-scene[aria-selected=true]{color:var(--color-ink);background:#fff;border-color:#fff}.blog-chooser-scene[data-changed]:after{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px}.blog-chooser-num{color:var(--color-mute-dark);font-family:var(--font-mono);font-size:.6875rem}.blog-chooser-takes{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.blog-chooser-take{background:var(--color-ink-3);cursor:pointer;aspect-ratio:2.39;outline-offset:3px;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.blog-chooser-take img{object-fit:cover;opacity:.55;filter:grayscale(.6);width:100%;height:100%;transition:opacity var(--duration-fast), filter var(--duration-fast);display:block}.blog-chooser-take:hover img{opacity:.85;filter:none}.blog-chooser-take[aria-checked=true]{box-shadow:0 0 0 2px var(--color-accent)}.blog-chooser-take[aria-checked=true] img{opacity:1;filter:none}.blog-chooser-tag{color:#fff;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#0a0a0abf;border-radius:4px;padding:.125rem .375rem;font-size:.625rem;position:absolute;top:.375rem;left:.375rem}.blog-chooser-cut{border-top:1px solid #ffffff1f;grid-template-columns:auto 1fr;align-items:center;gap:.75rem 1rem;margin-top:.75rem;padding-top:1.25rem;display:grid}.blog-chooser-label{color:var(--color-mute-dark);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.6875rem}.blog-chooser-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.blog-chooser-strip li{aspect-ratio:2.39;opacity:.6;border-radius:4px;overflow:hidden}.blog-chooser-strip li[data-active]{opacity:1}.blog-chooser-strip li[data-changed]{opacity:1;box-shadow:0 0 0 2px var(--color-accent)}.blog-chooser-strip img{object-fit:cover;width:100%;height:100%;display:block}.blog-chooser-readout{font-family:var(--font-heading);grid-column:1/-1;margin:0;font-size:1.125rem}.blog-chooser-reset{color:var(--color-accent);font-family:var(--font-heading);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0;font-size:.9375rem;text-decoration:underline}.blog-points{grid-column:4/span 8;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.blog-points li{border-radius:var(--radius-card);background:radial-gradient(120% 90% at 100% 0%, #ff5a0029, transparent 60%), var(--color-ink-2);flex-direction:column;gap:.75rem;min-height:15rem;padding:1.5rem;display:flex}.blog-point-num{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.1em;font-size:.75rem}.blog-points h3{font-family:var(--font-primary);letter-spacing:-.02em;margin:auto 0 0;font-size:1.625rem;font-weight:400;line-height:1.1}.blog-points p{color:var(--color-mute-dark);font-family:var(--font-heading);margin:0;font-size:1rem;line-height:1.55}.blog-film .blog-film-figure{grid-column:1/-1;margin:1rem 0 2.5rem}.blog-film-media{aspect-ratio:1920/804;border-radius:var(--radius-card);background:var(--color-ink-3);width:100%;height:auto;display:block}.blog-links{flex-wrap:wrap;gap:.5rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.blog-links a{color:#fff;font-family:var(--font-heading);text-underline-offset:.25em;transition:text-decoration-color var(--duration-fast);font-size:1.125rem;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.blog-links a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.blog-cta{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:5rem;padding-top:2.5rem;display:flex}.blog-cta-heading{font-family:var(--font-primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.05}.blog-index{z-index:5;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-expo);position:fixed;bottom:1.5rem;left:.75rem}.blog-index[data-visible]{opacity:1;pointer-events:auto}.blog-index ol{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.blog-index a{color:#ffffff73;font-family:var(--font-heading);transition:color var(--duration-fast);grid-template-columns:8.5rem 2rem;font-size:.8125rem;line-height:1.5;text-decoration:none;display:grid}.blog-index a:hover,.blog-index a[aria-current]{color:#fff}.blog-index a[aria-current] .blog-index-num{color:var(--color-accent)}.blog-index-num{font-family:var(--font-mono);font-size:.6875rem}.blog-index-pill{display:none}@media (width<=1279.98px){.blog{--blog-main:4 / span 8}.blog-index ol{display:none}}@media (width<=1023.98px){.blog{--blog-main:1 / -1}.blog-hero-copy,.blog-client .blog-client-figures,.blog-matrix-wrap,.blog-chooser,.blog-points{grid-column:1/-1}.blog-version-card{margin-left:0}.blog-panel{padding:6rem .75rem 5rem}.blog-index{left:50%;transform:translate(-50%)}.blog-index-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-heading);white-space:nowrap;background:#0a0a0acc;border:1px solid #ffffff2e;padding:.5rem 1rem;font-size:.8125rem;display:block}}@media (width<=767.98px){.blog-client .blog-client-figures{grid-template-columns:1fr}.blog-figure[data-portrait]{width:60%}.blog-points{grid-template-columns:1fr}.blog-points li{min-height:0}.blog-points h3{margin-top:1.5rem}.blog-chooser-takes{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-chooser-strip{grid-column:1/-1}.blog-hint{display:none}.blog-stage:after{background:linear-gradient(#0a0a0a33 0%,#0a0a0a59 45%,#0a0a0ad9 100%)}}@media (prefers-reduced-motion:reduce){.blog-hint:after{animation:none}.blog-matrix td{transition:none}}#blogs{z-index:2;background:var(--color-ink);color:#fff;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;min-height:100svh;padding:10rem .75rem 7rem;display:grid;position:relative}.blogs-head{flex-direction:column;grid-column:1/span 8;gap:1.5rem;margin-bottom:4rem;display:flex}.blogs-title{font-family:var(--font-primary);letter-spacing:-.045em;margin:0;font-size:clamp(3.25rem,10vw,10.5rem);font-weight:400;line-height:.9}.blogs-lede{max-width:34rem;color:var(--color-line-dark);font-family:var(--font-heading);margin:0;font-size:1.125rem;line-height:1.55}.blogs-list{flex-direction:column;grid-column:1/-1;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.blogs-card{color:#fff;border-top:1px solid #ffffff1f;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;padding-top:.75rem;text-decoration:none;display:grid}.blogs-card-media{border-radius:var(--radius-card);background:var(--color-ink-3);aspect-ratio:2.39;grid-column:1/span 7;overflow:hidden}.blogs-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo);display:block}.blogs-card:hover .blogs-card-media img{transform:scale(1.03)}.blogs-card-body{flex-direction:column;grid-column:8/span 5;gap:1rem;display:flex}.blogs-card-title{font-family:var(--font-primary);letter-spacing:-.035em;font-size:clamp(2rem,3.6vw,3.5rem);line-height:.98}.blogs-card-dek{color:var(--color-mute-dark);font-family:var(--font-heading);font-size:1rem;line-height:1.55}.blogs-card-read{font-family:var(--font-heading);text-underline-offset:.25em;transition:text-decoration-color var(--duration-fast);margin-top:auto;font-size:1rem;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.blogs-card:hover .blogs-card-read{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}@media (width<=1023.98px){#blogs{padding-top:8rem}.blogs-head,.blogs-card-media,.blogs-card-body{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.blogs-card-media img{transition:none}}