.work-index-section{padding-bottom:clamp(5.44rem,9.52vw,9.52rem)}.work-intro{padding-bottom:clamp(2.04rem,4.08vw,3.74rem)}.work-intro h2{max-width:12ch}.work-toolbar{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.9rem 0;display:flex}.work-filters{flex-wrap:wrap;gap:.35rem;display:flex}.work-filters button{border:1px solid var(--line);color:var(--ink);letter-spacing:.01em;cursor:pointer;background:0 0;border-radius:999px;align-items:baseline;gap:.45rem;padding:.5rem .85rem;font-size:.72rem;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.work-filters button small{color:var(--muted);font-family:var(--font-mono),monospace;font-size:.58rem}.work-filters button:hover{border-color:var(--ink)}.work-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.work-filters button[aria-pressed=true] small{color:var(--paper-deep)}.work-toolbar-hint{color:var(--muted);font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.6rem}.work-toolbar-hint i{color:var(--red);margin:0 .5rem;font-style:normal}.work-layout{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.9fr);align-items:start;gap:clamp(2rem,4vw,4.5rem);display:grid}.work-list{margin:0;padding:0;list-style:none}.work-row{border-bottom:1px solid var(--line)}.work-row-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.4rem minmax(0,1fr) auto 1.4rem;align-items:start;gap:1rem;padding:1.15rem 0;display:grid}.work-row-head:focus-visible{outline-offset:-2px}.work-row-index{color:var(--red);font-family:var(--font-mono),monospace;letter-spacing:.06em;padding-top:.25rem;font-size:.62rem}.work-row-title{gap:.3rem;min-width:0;display:grid}.work-row-title strong{letter-spacing:-.025em;font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:620;line-height:1.05;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.work-row-title span{color:var(--muted);font-size:.86rem;line-height:1.45}.work-row-meta{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;justify-items:end;gap:.25rem;padding-top:.25rem;font-size:.62rem;display:grid}.work-row-meta span:first-child{align-items:center;gap:.4rem;display:inline-flex}.work-row[data-status=live] .work-row-meta span:first-child:before{content:"";background:#2f8a5b;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 0 3px #2f8a5b2e}.work-row-toggle{border:1px solid var(--line);border-radius:50%;width:1.4rem;height:1.4rem;margin-top:.2rem;transition:background .25s,border-color .25s,color .25s,transform .4s cubic-bezier(.2,.8,.2,1);position:relative}.work-row-toggle i{background:currentColor;width:.55rem;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-row-toggle i:last-child{transform:translate(-50%,-50%)rotate(90deg)}.work-row-head:hover .work-row-title strong,.work-row.is-previewing .work-row-title strong{transform:translate(.35rem)}.work-row-head:hover .work-row-toggle{border-color:var(--ink)}.work-row.is-open .work-row-toggle{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:rotate(45deg)}.work-row-detail{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1);display:grid}.work-row.is-open .work-row-detail{grid-template-rows:1fr}.work-row-detail-inner{min-height:0;overflow:hidden}.work-row-detail-content{gap:1rem;max-width:40rem;padding:.1rem 0 1.7rem 3.4rem;display:grid}.work-row-detail-content>p{margin:0;font-size:.95rem;line-height:1.6}.work-row-detail-content>p.work-row-with{color:var(--muted);font-family:var(--font-display),serif;margin-top:-.4rem;font-size:1rem;font-style:italic}.work-tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.work-tags li{border:1px solid var(--line);letter-spacing:.02em;border-radius:999px;padding:.3rem .6rem;font-size:.64rem}.work-links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.work-links a{color:var(--ink);padding-bottom:.2rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.work-links a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0}.work-links a:hover{color:var(--red)}.work-links a:hover:after{transform:scaleX(.45)}.work-links a span{color:var(--red);margin-left:.3rem}.work-links a:first-child{color:var(--red)}.work-row-media{display:none}.work-preview{gap:1.1rem;display:grid;position:sticky;top:6rem}.work-preview-frame{aspect-ratio:16/10;border:1px solid var(--ink);background:var(--paper-deep);position:relative;overflow:hidden;box-shadow:.75rem .8rem #b8402824}.work-preview-media{position:absolute;inset:0}.work-preview-media img,.work-preview-media video,.work-row-media img,.work-row-media video{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.work-media-type{background:repeating-linear-gradient(135deg,transparent 0 14px,#1715120d 14px 15px),var(--paper-deep);text-align:center;place-content:center;gap:.4rem;height:100%;display:grid}.work-media-type span{color:var(--red);font-family:var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.work-media-type strong{font-family:var(--font-display),serif;letter-spacing:-.02em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400}.work-preview-index{background:var(--ink);color:var(--paper);font-family:var(--font-mono),monospace;letter-spacing:.08em;padding:.3rem .5rem;font-size:.58rem;position:absolute;top:.6rem;right:.7rem}.work-preview-copy{gap:.35rem;display:grid}.work-preview-kind{color:var(--red);font-family:var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.6rem}.work-preview-copy strong{font-family:var(--font-display),serif;letter-spacing:-.02em;font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:400;line-height:1}.work-preview-copy p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.work-preview-copy a{border:1px solid var(--ink);color:var(--ink);border-radius:999px;justify-self:start;margin-top:.4rem;padding:.6rem 1rem;font-size:.74rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.work-preview-copy a:hover{background:var(--ink);color:var(--paper)}@media (max-width:900px){.work-layout{grid-template-columns:1fr}.work-preview{display:none}.work-row-media{aspect-ratio:16/10;border:1px solid var(--ink);background:var(--paper-deep);display:block;overflow:hidden}.work-row-head{grid-template-columns:2rem minmax(0,1fr) 1.4rem;gap:.6rem .85rem}.work-row-toggle{grid-area:1/3}.work-row-meta{grid-area:2/2;grid-auto-flow:column;justify-content:start;justify-items:start;gap:.9rem;padding-top:0}.work-row-detail-content{padding-left:2.85rem}}@media (max-width:560px){.work-row-head{grid-template-columns:1.6rem minmax(0,1fr) 1.4rem}.work-row-title strong{font-size:1.15rem}.work-row-detail-content{padding-left:0}.work-toolbar-hint{display:none}}
.site-footer{--sky:var(--paper);--ground:var(--paper-deep);--win:#17151224;--sun:color-mix(in oklab,var(--red),#f2b25a 38%);border-top:1px solid var(--ink);background:var(--sky);color:var(--ink);position:relative;overflow:hidden}.site-footer.is-night{--sky:#d9cfc0;--ground:#c9bdaa;--win:#ffd07aeb;--sun:#fff6e4}.footer-top{z-index:2;grid-template-columns:1.5fr repeat(3,minmax(0,.8fr));gap:2.5rem;padding:clamp(2.38rem,4.08vw,4.08rem) 0 clamp(2rem,4vw,3.5rem);display:grid;position:relative}.footer-brand strong{font-family:var(--font-display),serif;letter-spacing:-.03em;font-size:clamp(1.92rem,3.6vw,3.2rem);font-weight:400;line-height:.95;display:block}.footer-brand p{max-width:24rem;color:var(--muted);margin:1rem 0 0;font-size:.9rem;line-height:1.55}.footer-clock{color:var(--muted);font-family:var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;margin-top:1.2rem;font-size:.6rem;display:inline-flex}.footer-clock:before{content:"";background:var(--red);border-radius:50%;width:.45rem;height:.45rem;animation:2.4s ease-in-out infinite footer-blink}@keyframes footer-blink{0%,to{opacity:1}50%{opacity:.25}}.footer-col h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;font-size:.62rem;font-weight:650}.footer-col ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.footer-col a,.footer-col span{color:var(--ink);font-size:.9rem;text-decoration:none}.footer-col a{transition:color .2s;display:inline-block}.footer-col a:hover{color:var(--red)}.footer-col a i{color:var(--red);opacity:0;margin-left:.25rem;font-style:normal;transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1);display:inline-block;transform:translate(-.2rem,.2rem)}.footer-col a:hover i{opacity:1;transform:none}.footer-col small{color:var(--muted);margin-top:.1rem;font-size:.7rem;display:block}.footer-sign{z-index:2;justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:clamp(1rem,2vw,2rem);display:flex;position:relative}.footer-sign h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.76rem,4.8vw,4.8rem);font-weight:620;line-height:.9}.footer-sign h2 i{color:var(--red);font-family:var(--font-display),serif;font-style:italic;font-weight:400}.footer-sign p{max-width:17rem;color:var(--muted);text-align:right;margin:0 0 .7rem;font-size:.76rem;line-height:1.5}.diorama{perspective:1500px;perspective-origin:50% 8%;height:clamp(15rem,30vw,25rem);margin-top:-.5rem;position:relative;overflow:hidden}.diorama:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000,#1715121f);height:32%;position:absolute;inset:auto 0 0}.diorama-scene{width:1600px;height:100%;transform-style:preserve-3d;margin-left:-800px;position:absolute;bottom:0;left:50%}.diorama-sky{position:absolute;inset:0;transform:translateZ(-620px)}.diorama-sun{background:var(--sun);width:92px;height:92px;box-shadow:0 0 0 18px color-mix(in oklab,var(--sun),transparent 86%);border-radius:50%;transition:background .6s;position:absolute;top:6%;left:61%}.cloud{background:var(--white);height:30px;box-shadow:30px -14px 0 4px var(--white),62px -4px 0 -2px var(--white);border-radius:999px;animation:90s linear infinite cloud-drift;position:absolute}.cloud-a{width:120px;animation-duration:110s;top:14%;left:6%}.cloud-b{width:92px;animation-duration:140s;animation-delay:-40s;top:24%;left:36%}.cloud-c{width:140px;animation-duration:125s;animation-delay:-80s;top:9%;left:78%}@keyframes cloud-drift{0%{transform:translate(-160px)}to{transform:translate(1760px)}}.diorama-ground{transform-origin:50% 100%;background:radial-gradient(ellipse at 50% 0%,#1715121f,transparent 55%),repeating-linear-gradient(90deg,#1715120d 0 1px,transparent 1px 64px),var(--ground);width:160%;height:900px;position:absolute;bottom:0;left:-30%;transform:translateZ(160px)rotateX(90deg)}.diorama-row{height:100%;transform-style:preserve-3d;transform:translateZ(var(--z));position:absolute;bottom:0;left:0;right:0}.bld{left:var(--x);width:var(--w);height:var(--h);transform-style:preserve-3d;position:absolute;bottom:0}.bld-face{width:var(--w);height:var(--h);backface-visibility:hidden;position:absolute;top:0;left:0}.bld-front{background:var(--c);transform:translateZ(calc(var(--d)/2))}.bld-left,.bld-right{width:var(--d)}.bld-left{background:color-mix(in oklab,var(--c),#1b1712 12%);transform:translateX(calc(var(--d)/-2))rotateY(-90deg)}.bld-right{background:color-mix(in oklab,var(--c),#1b1712 28%);transform:translateX(calc(var(--w) - var(--d)/2))rotateY(90deg)}.bld-top{height:var(--d);background:color-mix(in oklab,var(--c),#fff 32%);transform:translateY(calc(var(--d)/-2))rotateX(90deg)}.bld-front:before,.bld-left:before,.bld-right:before{content:"";background:var(--win);-webkit-mask-composite:source-in;transition:background .6s;position:absolute;inset:12px 7px 0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 11px),repeating-linear-gradient(0deg,#000 0 6px,#0000 6px 14px);mask-image:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 11px),repeating-linear-gradient(0deg,#000 0 6px,#0000 6px 14px);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bld[data-windows=bands] .bld-face:before{inset:10px 0 0;-webkit-mask:repeating-linear-gradient(0deg,#000 0 4px,#0000 4px 13px);mask:repeating-linear-gradient(0deg,#000 0 4px,#0000 4px 13px)}.bld[data-windows=none] .bld-face:before{display:none}.is-night .bld-front:before{filter:drop-shadow(0 0 4px #ffc4608c)}.bld-roof{background:color-mix(in oklab,var(--c),#1b1712 20%);transform:translateX(-50%)translateZ(calc(var(--d)/2));position:absolute;bottom:100%;left:50%}.bld[data-roof=flat] .bld-roof{display:none}.bld[data-roof=spire] .bld-roof{clip-path:polygon(50% 0,100% 100%,0 100%);width:42%;height:28px}.bld[data-roof=dome] .bld-roof{aspect-ratio:2;border-radius:999px 999px 0 0;width:64%}.bld[data-roof=antenna] .bld-roof{width:2px;height:24px}.bld[data-roof=antenna] .bld-roof:after{content:"";background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.bld[data-roof=tank] .bld-roof{border-radius:3px 3px 0 0;width:24%;height:12px;left:70%}.footer-bottom{z-index:2;background:var(--ink);color:#fffaf29e;position:relative}.footer-bottom-shell{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:1.1rem 0 1.3rem;font-size:.66rem;display:grid}.footer-bottom-shell p{margin:0}.footer-bottom-shell a{color:var(--white);justify-self:end;text-decoration:none}@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:2.5rem 2rem}.footer-brand{grid-column:1/-1}.footer-sign{flex-direction:column;align-items:flex-start;gap:1rem}.footer-sign p{text-align:left}.diorama{perspective:1100px}}@media (max-width:560px){.footer-top{grid-template-columns:1fr;gap:2rem}.diorama{zoom:.62;height:22rem}.footer-bottom-shell{grid-template-columns:1fr;justify-items:start;gap:.5rem}.footer-bottom-shell a{justify-self:start}}@media (prefers-reduced-motion:reduce){.cloud,.footer-clock:before{animation:none}}