.home-work{z-index:1;padding-block:.5rem 2rem;position:relative}.cb-home .home-work>.home-shell{width:min(calc(1200px - var(--home-inset) * 2), calc(100% - (var(--home-gutter) + var(--home-inset)) * 2))}.home-work__heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.home-work__heading>div:first-child{flex-wrap:wrap;align-items:baseline;gap:.3rem 1.5rem;display:flex}.cb-home .home-work__heading h2{color:var(--white);font:700 1rem/1.5 var(--font-cyber), sans-serif;border:0;margin:0;padding:0}.cb-home .home-work__heading h2:after{content:none}.home-work__heading h2>span{color:var(--hud-label);font:.65rem var(--font-mono);margin-left:.5rem}.cb-home .home-work__heading p{color:var(--a11y-text-muted);font:.75rem/1.5 var(--font-mono), monospace;margin:0}.home-work__controls{flex:none;align-items:center;gap:.4rem;display:flex}.home-work__controls[hidden]{display:none}.home-work__position{font:.65rem var(--font-mono);color:var(--a11y-text-muted);margin-right:.5rem}.home-work__controls button{border:1px solid rgb(var(--cyan-rgb) / 32%);width:32px;height:32px;color:var(--a11y-link);cursor:pointer;background:0 0;place-items:center;padding:0;line-height:1;display:grid}.home-work__controls svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;width:16px;height:16px;display:block;overflow:visible}.home-work__controls button:hover{border-color:var(--hud-label);background:rgb(var(--cyan-rgb) / 6%)}.home-work__controls button[aria-disabled=true]{opacity:.4;cursor:default}.home-work__rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgb(var(--cyan-rgb) / 30%) transparent;grid-auto-columns:calc(25% - 1.125rem);grid-auto-flow:column;gap:1.5rem;padding:.5rem 0 1rem;scroll-padding-inline:0;display:grid;overflow-x:auto}.home-work__item{scroll-snap-align:start;background:0 0;border:0;min-width:0;padding:0;position:relative}.home-work__display{isolation:isolate;padding:0 12px 8px 0;position:relative}.home-work__image{aspect-ratio:16/9;background:var(--chrome-ink);border:0;position:relative;overflow:hidden}.home-work__image picture,.home-work__image img,.home-work__mobile picture,.home-work__mobile img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.home-work__image img{filter:none}.home-work__mobile{z-index:1;aspect-ratio:9/18.5;background:var(--chrome-ink);border:1px solid rgb(var(--fg-rgb) / 25%);width:20%;box-shadow:-3px 3px 10px rgb(var(--black-rgb) / 24%);padding:2px;position:absolute;bottom:0;right:0}.home-work__reticle{border:1px solid rgb(var(--cyan-rgb) / 65%);background:var(--chrome-ink-soft);width:40px;height:40px;color:var(--chrome-text);opacity:0;place-items:center;margin:-20px 0 0 -20px;display:grid;position:absolute;top:50%;left:46%}.home-work__reticle svg{stroke:currentColor;stroke-width:1px;width:24px}.home-work__caption{padding-top:.8rem}.home-work__item .home-work__trigger,.home-work__fallback{z-index:2;cursor:zoom-in;background:0 0;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.home-work__item:not([data-viewer-bound]) .home-work__trigger,.home-work__item[data-viewer-bound] .home-work__fallback{display:none}.home-work__item:has(:focus-visible){outline:2px solid var(--a11y-focus);outline-offset:4px}.home-work__item .home-work__trigger:focus-visible,.home-work__fallback:focus-visible{outline:none}.home-work__item:is(:hover,:focus-within) .home-work__reticle{opacity:1}.home-work__track{background:rgb(var(--cyan-rgb) / 17%);height:1px;display:none;position:relative}.home-work__track>span{--work-progress:0;background:linear-gradient(90deg, var(--sem-accent-cyan), var(--hud-label));width:25%;transform:translateX(calc(var(--work-progress) * 300%));position:absolute;inset:0 auto 0 0}.home-work__foot{justify-content:space-between;align-items:center;gap:2rem;padding-top:1rem;display:flex}.cb-home .home-work__foot p{color:var(--a11y-text-muted);margin:0;font-size:.8rem;line-height:1.75}.home-work__foot>a{flex:none}@media (width<=1100px){.home-work__rail{grid-auto-columns:calc(50% - .75rem)}}@media (width<=700px){.home-work__rail{grid-auto-columns:100%}}@media (width<=600px){.home-work__rail{gap:1rem}.home-work__heading>div:first-child{display:block}.cb-home .home-work__heading p{margin-top:.25rem;font-size:.66rem}.home-work__position{display:none}.home-work__foot{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=360px){.home-work__heading{gap:.5rem}.home-work{padding-top:.5rem}.home-work__rail{padding-top:.25rem}.cb-home .home-work__heading h2{white-space:nowrap;font-size:.72rem}.home-work__heading h2>span{display:none}}@media (forced-colors:active){.home-work__mobile,.home-work__controls button{border-color:canvastext}}.home-work__rail .home-work__item{border:1px solid rgb(var(--accent-rgb) / 25%);background:var(--surface-panel-soft);padding:1rem}.home-work__rail .home-work__item:before,.home-work__rail .home-work__item:after{content:"";border-top:1px solid var(--hud-label-border);z-index:3;pointer-events:none;width:9px;height:9px;position:absolute;top:4px}.home-work__rail .home-work__item:before{border-left:1px solid var(--hud-label-border);left:4px}.home-work__rail .home-work__item:after{border-right:1px solid var(--hud-label-border);right:4px}.home-work__rail .home-work__item:is(:hover,:focus-within){border-color:rgb(var(--accent-rgb) / 55%)}.home-work__rail .home-work__item:is(:hover,:focus-within):before,.home-work__rail .home-work__item:is(:hover,:focus-within):after{border-color:var(--hud-label)}.home-work[data-work-ready] .home-work__rail{scrollbar-width:none}.home-work[data-work-ready] .home-work__rail::-webkit-scrollbar{display:none}.home-work[data-work-ready] .home-work__track{display:block}@media (forced-colors:active){.home-work__rail .home-work__item{border-color:canvastext}.home-work__rail .home-work__item:is(:hover,:focus-within){border-color:highlight}}.home-work__rail .home-work__item:has(:focus-visible){outline-offset:-3px}