:root{--h: 235;--c: .16}[data-tint=ektachrome]{--h: 235;--c: .16}[data-tint=portra]{--h: 55;--c: .14}[data-tint=velvia]{--h: 345;--c: .2}[data-tint=gold]{--h: 82;--c: .17}[data-tint=cinestill]{--h: 195;--c: .15}[data-tint=fuji]{--h: 150;--c: .15}[data-tint=lomo]{--h: 300;--c: .18}[data-tint=cyanotype]{--h: 255;--c: .13}[data-tint=safelight]{--h: 25;--c: .2}[data-tint=trix]{--h: 250;--c: .03}:root{--bg: oklch(.17 calc(var(--c) * .14) var(--h));--bg-2: oklch(.215 calc(var(--c) * .14) var(--h));--bg-3: oklch(.27 calc(var(--c) * .16) var(--h));--line: oklch(.34 calc(var(--c) * .2) var(--h));--ink: oklch(.965 .01 var(--h));--ink-2: oklch(.84 .02 var(--h));--muted: oklch(.68 .025 var(--h));--accent: oklch(.8 var(--c) var(--h));--accent-strong: oklch(.7 var(--c) var(--h));--accent-soft: oklch(.8 var(--c) var(--h) / .16);--on-accent: oklch(.16 .03 var(--h));--comp: oklch(.8 calc(var(--c) * .9) calc(var(--h) + 180));--comp-soft: oklch(.8 calc(var(--c) * .9) calc(var(--h) + 180) / .16);--tri-a: oklch(.82 calc(var(--c) * .85) calc(var(--h) + 120));--tri-b: oklch(.82 calc(var(--c) * .85) calc(var(--h) - 120));--ana-a: oklch(.8 var(--c) calc(var(--h) + 30));--ana-b: oklch(.8 var(--c) calc(var(--h) - 30));--ok: oklch(.82 .14 150);--err: oklch(.78 .16 25);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 12px;--gutter: 16px;--max: 1180px;--shadow: 0 12px 34px oklch(0 0 0 / .35);color-scheme:dark}:root[data-theme=light]{--bg: oklch(.985 calc(var(--c) * .07) var(--h));--bg-2: oklch(.965 calc(var(--c) * .1) var(--h));--bg-3: oklch(.93 calc(var(--c) * .14) var(--h));--line: oklch(.87 calc(var(--c) * .18) var(--h));--ink: oklch(.2 .02 var(--h));--ink-2: oklch(.36 .03 var(--h));--muted: oklch(.52 .03 var(--h));--accent: oklch(.55 var(--c) var(--h));--accent-strong: oklch(.47 var(--c) var(--h));--accent-soft: oklch(.55 var(--c) var(--h) / .14);--on-accent: oklch(.99 .01 var(--h));--comp: oklch(.52 calc(var(--c) * .9) calc(var(--h) + 180));--comp-soft: oklch(.52 calc(var(--c) * .9) calc(var(--h) + 180) / .14);--tri-a: oklch(.52 calc(var(--c) * .85) calc(var(--h) + 120));--tri-b: oklch(.52 calc(var(--c) * .85) calc(var(--h) - 120));--ana-a: oklch(.55 var(--c) calc(var(--h) + 30));--ana-b: oklch(.55 var(--c) calc(var(--h) - 30));--ok: oklch(.5 .14 150);--err: oklch(.5 .18 25);--shadow: 0 12px 34px oklch(.3 .05 var(--h) / .14);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0;line-height:1.15;font-weight:600}p{margin:0 0 .7rem}ul,ol{margin:0 0 .7rem;padding-left:1.2rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-3);padding:.1em .35em;border-radius:4px}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.gap-s{gap:.5rem}.wrap-row{flex-wrap:wrap;justify-content:flex-start}.stack{display:grid;gap:1rem;align-content:start}.muted{color:var(--muted)}.small{font-size:.85em}.ok{color:var(--ok)}.err{color:var(--err)}.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--on-accent);padding:.5rem 1rem;z-index:10}.skip:focus{left:8px}.hp{position:absolute;left:-5000px;width:1px;height:1px;opacity:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{position:sticky;top:0;z-index:5;background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top .row{min-height:58px}.sign{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .7rem .3rem;border:3px solid var(--accent);border-radius:8px;background:var(--bg-2);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.98rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;line-height:1.1;box-shadow:inset 0 0 0 2px var(--bg-2),inset 0 0 0 3px var(--accent-soft),0 0 18px var(--accent-soft);transition:box-shadow .3s ease,transform .2s ease}.sign:hover{color:var(--ink);transform:rotate(-1deg);box-shadow:inset 0 0 0 2px var(--bg-2),inset 0 0 0 3px var(--accent-soft),0 0 26px var(--accent-soft)}.sign .sign-cam{font-size:1.05em;filter:drop-shadow(0 0 4px var(--accent-soft))}.sign .sign-apos{color:var(--accent);letter-spacing:0}.sign .sign-text{display:inline}@media(max-width:1180px){.tint-btn .small{display:none}.tint-btn{padding:0 .4rem}}.brand-small{font-family:var(--font-display);font-weight:800;font-size:1.15rem;margin:0;letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;gap:.05rem;flex-wrap:wrap}.nav a{padding:.3rem .42rem;border-radius:8px;font-size:.85rem;color:var(--ink-2);white-space:nowrap}.nav a:hover,.nav a.active{color:var(--ink);background:var(--accent-soft)}.nav .nav-share{color:var(--accent);font-weight:600}.nav .nav-wire{font-style:italic}.toggle,.burger,.tint-btn{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;height:34px;min-width:34px;padding:0 .5rem;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:.35rem}.toggle:hover,.burger:hover,.tint-btn:hover{border-color:var(--accent)}.burger{display:none}.tint-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-2),0 0 0 3px var(--comp);display:inline-block}.tint-wrap{position:relative}.tint-panel{position:absolute;right:0;top:42px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem;width:300px;box-shadow:var(--shadow);z-index:6;display:grid;gap:.5rem}.tint-panel h4{margin:0;font-size:.85rem;color:var(--muted);font-weight:500}.tint-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.swatch{border:2px solid transparent;border-radius:10px;padding:.3rem .2rem;background:var(--bg-3);cursor:pointer;display:grid;justify-items:center;gap:.25rem;font-size:.68rem;color:var(--ink-2)}.swatch i{width:26px;height:26px;border-radius:50%;display:block;background:conic-gradient(from 0deg,var(--sw-a) 0 50%,var(--sw-b) 50% 75%,var(--sw-c) 75% 100%);box-shadow:0 0 0 2px var(--bg-2)}.swatch.active,.swatch:hover{border-color:var(--accent);color:var(--ink)}.tint-panel .small{line-height:1.35}.sprockets{height:8px;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--line) 10px 17px);position:relative}.sprockets:after{content:"";position:absolute;inset:3px 0;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--accent) 10px 17px);opacity:.35}@media(max-width:920px){.burger{display:inline-flex}.nav{display:none;position:absolute;left:0;right:0;top:58px;background:var(--bg-2);padding:.5rem var(--gutter) .8rem;border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem)}.display em{font-style:italic;color:var(--accent)}.lede{font-size:1.05rem;color:var(--ink-2);max-width:64ch}.eyebrow{font-size:.92rem;color:var(--accent);font-weight:600;margin:0 0 .4rem;letter-spacing:.01em}.h-rule{font-family:var(--font-display);font-size:1.28rem;font-weight:600;margin:1.7rem 0 .8rem;padding-bottom:.35rem;border-bottom:2px solid var(--accent);display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.h-rule .small{font-family:var(--font-body);font-weight:400}.h-rule .ico{font-size:1.05em}.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 .3rem}.kicker .muted{text-transform:none;letter-spacing:0}.dek{color:var(--ink-2);margin:.3rem 0 0}.empty{background:var(--bg-2);border:1px dashed var(--line);padding:1rem;border-radius:var(--radius);color:var(--ink-2)}.hero{position:relative;padding:1.8rem 0 .8rem;overflow:visible}.hero:before{content:"";position:absolute;inset:-40px -10vw -20px;z-index:-1;pointer-events:none;opacity:.55;filter:blur(40px);background:radial-gradient(40% 55% at 12% 30%,var(--accent-soft),transparent 70%),radial-gradient(35% 50% at 85% 20%,var(--comp-soft),transparent 70%),radial-gradient(30% 40% at 60% 90%,oklch(.8 calc(var(--c) * .8) calc(var(--h) + 120) / .12),transparent 70%);animation:leak 28s ease-in-out infinite alternate}@keyframes leak{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3%,-4%,0) scale(1.08)}}.hero-copy{max-width:880px}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:var(--on-accent);font-weight:600;padding:.55rem 1rem;border-radius:10px;border:1px solid transparent;cursor:pointer;font-size:.95rem;transition:transform .15s ease,background-color .2s ease}.btn:hover{background:var(--accent-strong);color:var(--on-accent);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--accent-soft);color:var(--ink)}.btn-comp{background:var(--comp);color:var(--on-accent)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.strip{margin:1rem 0 .4rem}.strip-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}.strip-viewport{overflow:hidden;border-top:6px solid var(--line);border-bottom:6px solid var(--line);background:var(--bg-2);position:relative;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.strip-viewport:before,.strip-viewport:after{content:"";position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--accent) 12px 20px);opacity:.5;z-index:1}.strip-viewport:before{top:0}.strip-viewport:after{bottom:0}.strip-track{display:flex;gap:8px;width:max-content;padding:10px 0;animation:slide var(--strip-seconds, 70s) linear infinite}.strip-viewport:hover .strip-track,.strip-viewport:focus-within .strip-track{animation-play-state:paused}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.frame-card{position:relative;height:160px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:var(--bg-3);display:block}.frame-card img{height:160px;width:auto;max-width:300px;object-fit:cover;display:block;transition:transform .4s ease}.frame-card:hover img{transform:scale(1.04)}.frame-card span{position:absolute;left:0;right:0;bottom:0;padding:.3rem .5rem;font-size:.72rem;color:#fff;background:linear-gradient(transparent,#000000bf);opacity:0;transition:opacity .25s ease}.frame-card:hover span,.frame-card:focus-visible span{opacity:1}@media(max-width:700px){.frame-card,.frame-card img{height:120px}}.grid{display:grid;gap:1.1rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.three{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lead-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);margin-top:.8rem}@media(max-width:820px){.lead-grid{grid-template-columns:1fr}}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.card-body{padding:.85rem 1rem 1rem}.card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.card-l h3{font-size:clamp(1.4rem,1rem + 1.4vw,2rem)}.card-s{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}.card-s .card-body{padding:.6rem 0}.card-s:hover{transform:none;box-shadow:none}.card-img{display:block}.card-img .dev img{aspect-ratio:3 / 2;object-fit:cover;width:100%}.card-l .card-img .dev img{aspect-ratio:16 / 10}.card-img figcaption{display:none}.dev{margin:0;position:relative;background:var(--bg-3)}.dev img{animation:develop 1.4s ease-out both}@keyframes develop{0%{filter:sepia(.5) contrast(.6) brightness(.55) blur(6px);transform:scale(1.02)}to{filter:none;transform:none}}.dev figcaption{font-size:.75rem;color:var(--muted);padding:.3rem 0 0}.dev figcaption a{text-decoration:underline;text-decoration-color:var(--line)}.section-tile{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;align-items:start;padding:.9rem;background:var(--bg-2);border:1px solid var(--line);border-top:3px solid var(--tile, var(--accent));border-radius:var(--radius);font-size:.9rem;color:var(--ink-2);transition:transform .15s ease,border-color .2s ease}.section-tile .ico{font-size:1.5rem;grid-row:span 2;line-height:1}.section-tile strong{color:var(--ink);font-family:var(--font-display);font-size:1.05rem}.section-tile:hover{transform:translateY(-2px);border-color:var(--tile, var(--accent));color:var(--ink-2)}.section-tile:nth-child(7n+1){--tile: var(--accent)}.section-tile:nth-child(7n+2){--tile: var(--comp)}.section-tile:nth-child(7n+3){--tile: var(--tri-a)}.section-tile:nth-child(7n+4){--tile: var(--tri-b)}.section-tile:nth-child(7n+5){--tile: var(--ana-a)}.section-tile:nth-child(7n+6){--tile: var(--ana-b)}.section-tile:nth-child(7n+7){--tile: var(--accent-strong)}.sections-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));margin-top:1.6rem}.desk-line{margin:1.4rem 0 1.8rem}.qa-line{border-bottom:1px solid var(--line);padding-bottom:.4rem}.sponsor{margin:1.2rem 0;padding:.8rem;border:1px dashed var(--line);border-radius:var(--radius);text-align:center}.welcome{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:.25rem .8rem .25rem .6rem;font-size:.9rem;margin-bottom:.8rem}.welcome .wave{display:inline-block;animation:wave 2.4s ease-in-out 1s 2;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(8deg)}}.list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.list li{border-bottom:1px solid var(--line);padding-bottom:.5rem}.event .small{color:var(--ink-2)}.wire{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.wire li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;border-bottom:1px solid var(--line);padding-bottom:.55rem}.wire p{margin:0}.wire a{color:var(--accent)}.wire-compact p{font-size:.92rem}.tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .5rem;border-radius:999px;background:var(--bg-3);color:var(--ink-2);margin:.2rem .3rem 0 0;white-space:nowrap;border:1px solid transparent}.tag-film{color:var(--accent);border-color:var(--accent-soft)}.tag-event{color:var(--tri-a)}.tag-shop{color:var(--comp)}.tag-innovation{color:var(--tri-b)}.tag-technique{color:var(--ana-a)}.tag-history{color:var(--ana-b)}.tag-community{color:var(--accent)}.tag-gear{color:var(--comp)}.tags{margin-top:.6rem}.story-head{padding:1.4rem 0 .8rem;max-width:900px}.story>.dev{margin:.4rem 0 1.2rem}.story>.dev img{width:100%;max-height:72vh;object-fit:cover;border-radius:var(--radius)}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem}@media(max-width:900px){.story-grid{grid-template-columns:1fr}}.prose{font-size:1.06rem;line-height:1.62;max-width:70ch}.prose.narrow{max-width:68ch}.prose h2{font-family:var(--font-display);font-size:1.45rem;margin:1.5rem 0 .5rem}.prose h3{font-size:1.1rem;margin:1.2rem 0 .4rem}.prose p{margin:0 0 1rem}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent);text-underline-offset:2px}.prose blockquote{margin:1rem 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--accent);color:var(--ink-2);font-style:italic}.prose li{margin-bottom:.3rem}.story-aside{display:grid;gap:1rem;align-content:start}.box{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;font-size:.92rem}.box h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:.4rem}.box ol,.box ul{margin:0;padding-left:1.1rem}.box li{margin-bottom:.35rem}.box-try{border-color:var(--tri-a)}.box-find{border-color:var(--comp)}.box-history{border-color:var(--ana-b)}.box-sources a{color:var(--accent)}.prevnext{display:flex;justify-content:space-between;gap:1rem;margin:2rem 0 1rem;padding-top:.8rem;border-top:1px solid var(--line);font-family:var(--font-display)}.page-head{padding:1.4rem 0 .6rem}.wall{columns:3 260px;column-gap:1rem}.frame,.post,.note{break-inside:avoid;margin:0 0 1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.frame-btn{display:block;width:100%;padding:0;border:0;background:var(--bg-3);cursor:zoom-in}.frame figcaption{padding:.6rem .8rem .7rem;font-size:.9rem}.post{padding:.7rem .8rem}.post p{margin:.2rem 0 0}.post-img{display:block;margin:-.7rem -.8rem .5rem;background:var(--bg-3)}.post-img img{width:100%;max-height:420px;object-fit:cover}.post-img.broken,.frame-card.broken{display:none}.note{padding:.8rem .9rem;border-left:4px solid var(--comp)}.note h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:.3rem}.note p{white-space:pre-line}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:20;display:grid;place-items:center;padding:1rem;cursor:zoom-out}.lightbox img{max-width:100%;max-height:82vh;object-fit:contain}.lightbox p{color:#ddd;text-align:center;max-width:70ch}.form{display:grid;gap:.8rem;align-content:start}.form label{display:grid;gap:.3rem;font-size:.9rem;color:var(--ink-2)}.form input,.form textarea,.form select{font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.form .check{display:flex;align-items:start;gap:.5rem}.form .check input{margin-top:.25rem}.form .btn{justify-self:start}.preview{border-radius:var(--radius);max-height:320px;object-fit:contain;background:var(--bg-3)}.qa{border-top:1px solid var(--line);padding:1rem 0 .4rem}.qa h3{font-family:var(--font-display);font-size:1.15rem}.facts{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0;font-size:.95rem}.facts dt{color:var(--muted)}.facts dd{margin:0}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--line)}.foot{margin-top:2.5rem;border-top:1px solid var(--line);background:var(--bg-2)}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.2rem var(--gutter) 1.6rem;font-size:.92rem}@media(max-width:700px){.foot-grid{grid-template-columns:1fr}}.foot a{color:var(--accent)}@media(prefers-reduced-motion:reduce){.card,.btn{transition:none}.dev img{animation:none}.hero:before,.welcome .wave{animation:none}.strip-track{animation:none}.strip-viewport{overflow-x:auto}}