.op.project{max-width:var(--content-max);padding:var(--space-6) var(--page-padding-x) var(--space-8);margin:0 auto}.op .project-header{margin-bottom:var(--space-5)}.op .project-title{margin-top:var(--space-2)}body:has(.op){overflow-x:clip}.op.project{z-index:1;position:relative}.op-page-threads{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.op .op-hero{background:var(--ink);width:100vw;margin-left:calc(50% - 50vw);margin-bottom:var(--space-6);padding:var(--space-5) 0;justify-content:center;display:flex;position:relative;overflow:hidden}.op .op-hero-inner{z-index:1;width:100%;max-width:var(--site-max);padding:0 var(--page-padding-x);gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.op .op-hero-lede{font-size:var(--text-lg);color:var(--bg);max-width:460px;margin-bottom:var(--space-4);line-height:1.6}.op .op-hero-meta{letter-spacing:var(--ls-base);text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:11px;line-height:1.7;display:flex}.op .op-hero-meta b{color:var(--gold-light);font-weight:var(--w-regular)}.op .op-hero-threads{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.op .op-hero video{aspect-ratio:9/16;object-fit:cover;height:min(72vh,680px);position:relative;box-shadow:0 0 0 1px #f4f0e91f,0 30px 90px #b8983f24}.op .project-body{margin-bottom:var(--space-7)}.op .lead{font-size:var(--text-md);color:var(--mid);margin-bottom:var(--space-3)}.op p{margin-bottom:var(--space-3)}.op section{margin-bottom:var(--space-7)}.op .section-divider{border-top:1px solid var(--border);padding-top:var(--space-3);margin-bottom:var(--space-3)}.op .op-h2{margin-bottom:var(--space-4)}.op .op-small{font-size:var(--text-sm)}.op figure{margin:0}.op video,.op img{max-width:100%;display:block}.op .op-rv{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(20px)}.op .op-rv.in{opacity:1;transform:none}.op .op-gallery{gap:var(--space-2);margin:var(--space-4) 0 var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:120px;display:grid}.op .op-gallery figure{background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.op .op-gallery img,.op .op-gallery video{object-fit:cover;flex:1;width:100%;min-height:0}.op .op-gallery .caption{background:var(--bg);margin:0;padding:6px 10px 8px}.op .g-w{grid-area:span 4/span 6}.op .g-a{grid-area:span 4/span 3}.op .g-b{grid-area:span 2/span 3}.op .g-c{grid-area:span 3/span 2}.op .op-session{gap:var(--space-5);grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;display:grid}.op .op-vid{background:var(--surface);border:1px solid var(--border);position:relative}.op .op-vid video{aspect-ratio:9/16;object-fit:cover;width:100%}.op .op-sound{background:var(--bg);padding:6px 12px;position:absolute;bottom:12px;left:12px}.op .op-features{border-top:1px solid var(--border);margin-bottom:var(--space-2)}.op .op-features li{border-bottom:1px solid var(--border);color:var(--mid);padding:12px 0;line-height:1.7}.op .op-features b{color:var(--ink);font-weight:var(--w-medium)}.op .op-trio{gap:var(--space-2);margin:var(--space-5) 0 var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.op .op-trio video{aspect-ratio:9/16;object-fit:cover;background:var(--surface);border:1px solid var(--border);width:100%}.op .op-panel{gap:var(--space-5);padding:var(--space-5) 0;border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.op .op-num,.op .op-round{letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-1);font-size:11px;display:block}.op .op-panel h3,.op .op-iter h3{margin-bottom:var(--space-2)}.op .op-tools{letter-spacing:var(--ls-base);color:var(--muted);font-size:11px;display:block}.op .op-viz{background:var(--ink);aspect-ratio:4/5;position:relative;overflow:hidden}.op .op-viz canvas{width:100%;height:100%;position:absolute;inset:0}.op .op-label{z-index:2;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--muted);font-size:10px;position:absolute;top:10px;left:14px}.op .op-fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.op .op-term{white-space:pre-wrap;color:var(--bg);font-size:11.5px;line-height:1.75;position:absolute;inset:40px 18px 18px}.op .op-term .t{color:var(--surface-2);opacity:.75}.op .op-term .g{color:var(--gold-light)}.op .op-term .d{color:var(--muted)}.op .op-cursor{background:var(--bg);vertical-align:-2px;width:7px;height:13px;animation:1s step-end infinite op-blink;display:inline-block}@keyframes op-blink{50%{opacity:0}}.op .op-marks{background:var(--border);border:1px solid var(--border);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.op .op-mark{background:var(--bg);padding:var(--space-3) var(--space-2);min-width:0}.op .op-mark canvas{aspect-ratio:2;width:100%;display:block}.op .op-mark h4{margin-top:var(--space-1);font-size:17px}.op .op-mark p{margin:4px 0 6px;font-size:12px;line-height:1.6}.op .op-voice{letter-spacing:var(--ls-tight);color:var(--gold);font-size:10px;line-height:1.5;display:block}.op .op-iters{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.op .op-iter{background:var(--surface);border:1px solid var(--border);padding:var(--space-3)}.op .op-iter p{margin-bottom:var(--space-2);font-size:13px}.op .op-iter p span{letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.op .op-rings{gap:var(--space-4);align-items:center;padding:8px 8px 0;display:flex}.op .op-ring{border:1.5px solid var(--muted);border-radius:50%;width:40px;height:40px}.op .op-ring.fixed{animation:1.4s ease-in-out infinite op-ring-fixed}.op .op-ring.live{border-color:var(--gold);animation:1.1s ease-in-out infinite op-ring-live}@keyframes op-ring-fixed{50%{transform:scale(1.12)}}@keyframes op-ring-live{0%,to{transform:scale(.9)}15%{transform:scale(1.35)}40%{transform:scale(.8)}65%{transform:scale(1.45)}85%{transform:scale(.95)}}.op .project-meta{border-top:1px solid var(--border);padding-top:var(--space-4);margin-bottom:0}.op .meta-row{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);grid-template-columns:140px 1fr;font-size:13px;display:grid}.op .meta-label{color:var(--gold);padding-top:2px}.op .meta-value{color:var(--mid);line-height:var(--lh-body)}@media (width<=760px){.op .op-session,.op .op-panel{grid-template-columns:1fr}.op .op-vid{width:100%;max-width:360px;margin:0 auto}.op .op-marks{grid-template-columns:repeat(2,minmax(0,1fr))}.op .op-iters{grid-template-columns:1fr}.op .op-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.op .op-gallery figure{grid-area:span 2/span 1!important}.op .op-gallery .g-a,.op .op-gallery .g-w{grid-area:span 3/span 2!important}.op .op-hero video{justify-self:center;height:62vh}.op .op-hero-inner{gap:var(--space-4);padding:0 var(--page-padding-x-sm);grid-template-columns:1fr}}@media (width<=600px){.op.project{padding:var(--space-5) var(--page-padding-x-sm) var(--space-7)}.op .meta-row{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.op .op-rv{opacity:1;transition:none;transform:none}.op .op-ring,.op .op-cursor{animation:none}}