.OPUsHW_page{padding-block:calc(var(--header-h) + 2rem) clamp(5rem, 10vw, 8rem);min-height:100vh;position:relative}.OPUsHW_crumbs{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.OPUsHW_back{font:400 .78rem/1 var(--font-mono);color:var(--paper-dim);transition:color .2s, gap .4s var(--ease-out);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.OPUsHW_back:hover{color:var(--paper);gap:.8rem}.OPUsHW_counter{font:400 .75rem/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mint);margin:0}.OPUsHW_head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;margin:clamp(2.5rem,6vw,5rem) 0 clamp(1.5rem,3vw,2.5rem);display:flex}.OPUsHW_title{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,10vw,9.5rem);font-weight:800;font-stretch:112%;line-height:.88}.OPUsHW_context{font:400 .9rem/1.3 var(--font-mono);color:var(--paper-dim);margin:0}.OPUsHW_frame{border:1px solid var(--line);background:var(--ink-2);border-radius:8px;margin:0;overflow:clip;box-shadow:0 50px 100px -40px #000000e6;container-type:inline-size}.OPUsHW_chrome{border-bottom:1px solid var(--line);align-items:center;gap:1rem;height:2.6rem;padding:0 1rem;display:flex}.OPUsHW_dots{gap:6px;display:inline-flex}.OPUsHW_dots i{background:#eeeae32e;border-radius:50%;width:9px;height:9px}.OPUsHW_dots i:first-child{background:var(--violet)}.OPUsHW_address{max-width:34rem;font:400 .72rem/1.2 var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--paper-dim);background:#eeeae30f;border-radius:999px;flex:1;margin-inline:auto;padding:.35rem .8rem;overflow:hidden}.OPUsHW_address[data-offline]{text-decoration:line-through;-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet)}.OPUsHW_views{background:#eeeae30f;border-radius:999px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.OPUsHW_views button{font:400 .68rem/1 var(--font-mono);letter-spacing:.03em;color:var(--paper-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .75rem;transition:color .2s,background-color .2s}.OPUsHW_views button:hover{color:var(--paper)}.OPUsHW_views button[aria-pressed=true]{color:var(--ink);background:var(--paper)}.OPUsHW_media{aspect-ratio:16/10;background:var(--ink)}.OPUsHW_media video{object-fit:cover;width:100%;height:100%;display:block}.OPUsHW_shot{background:var(--ink);position:relative;overflow:clip}.OPUsHW_shot:not([data-open]){max-height:187.5cqi}.OPUsHW_shot[data-view=mobile]{padding-top:clamp(1rem,4cqi,2.5rem)}.OPUsHW_shot[data-view=mobile]:not([data-open]){max-height:max(187.5cqi,2.7*min(390px,100cqi))}.OPUsHW_screen{aspect-ratio:16/10;pointer-events:none;width:100%;position:absolute;top:0;left:0}.OPUsHW_slices img{width:100%;height:auto;display:block}.OPUsHW_shot[data-view=mobile] .OPUsHW_slices{width:min(390px,100%);box-shadow:0 0 0 1px var(--line);border-radius:14px 14px 0 0;margin-inline:auto;overflow:clip}.OPUsHW_fade{background:linear-gradient(transparent, var(--ink-2));pointer-events:none;height:min(45%,22rem);position:absolute;inset:auto 0 0}.OPUsHW_expand{z-index:1;font:400 .8rem/1 var(--font-mono);white-space:nowrap;color:var(--ink);background:var(--paper);cursor:pointer;border:0;border-radius:999px;align-items:baseline;gap:.75rem;padding:.95rem 1.4rem;transition:background-color .3s;display:inline-flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #000000b3}.OPUsHW_expand:hover{background:var(--mint)}.OPUsHW_shot[data-open] .OPUsHW_expand{width:max-content;margin:1.5rem auto;display:flex;position:sticky;bottom:1.25rem;transform:none}.OPUsHW_expandSize{opacity:.6;font-size:.72rem}.OPUsHW_details{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.5rem;display:flex}.OPUsHW_facts{flex-wrap:wrap;gap:1.5rem clamp(2rem,5vw,4.5rem);margin:0;display:flex}.OPUsHW_facts dt{font:400 .72rem/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:.55rem}.OPUsHW_facts dd{margin:0;font-size:1.15rem;font-weight:520}.OPUsHW_status{align-items:center;gap:.5rem;display:inline-flex}.OPUsHW_status:before{content:"";border:1px solid var(--paper-dim);border-radius:50%;width:8px;height:8px}.OPUsHW_status[data-live]:before{border-color:var(--mint);background:var(--mint);box-shadow:0 0 10px #89d4cfb3}.OPUsHW_visit{font:400 .82rem/1 var(--font-mono);color:var(--ink);background:var(--paper);transition:background-color .3s, transform .4s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.4rem;text-decoration:none;display:inline-flex}.OPUsHW_visit:hover{background:var(--mint);transform:translateY(-2px)}.OPUsHW_offline{max-width:36ch;font:400 .8rem/1.5 var(--font-mono);color:var(--paper-dim);margin:0}.OPUsHW_nextNav{border-top:1px solid var(--line);margin-top:clamp(5rem,12vw,9rem)}.OPUsHW_next{color:inherit;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label thumb""title thumb""context thumb";align-items:end;gap:.6rem 2rem;padding-block:2rem;text-decoration:none;display:grid;position:relative}.OPUsHW_nextLabel{font:400 .75rem/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mint);grid-area:label}.OPUsHW_nextTitle{letter-spacing:-.045em;transition:font-stretch .5s var(--ease-out);grid-area:title;font-size:clamp(2.4rem,7vw,6rem);font-weight:760;font-stretch:104%;line-height:.95}.OPUsHW_next:hover .OPUsHW_nextTitle,.OPUsHW_next:focus-visible .OPUsHW_nextTitle{font-stretch:120%}.OPUsHW_nextContext{font:400 .8rem/1.3 var(--font-mono);color:var(--paper-dim);grid-area:context}.OPUsHW_nextThumb{aspect-ratio:16/10;width:clamp(10rem,24vw,24rem);box-shadow:0 0 0 1px var(--line);border-radius:6px;grid-area:thumb;display:block;overflow:hidden}.OPUsHW_nextThumb img{object-fit:cover;object-position:top;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:filter .5s, transform .8s var(--ease-out);display:block}.OPUsHW_next:hover .OPUsHW_nextThumb img,.OPUsHW_next:focus-visible .OPUsHW_nextThumb img{filter:none;transform:scale(1.04)}.OPUsHW_nextArrow{color:var(--mint);opacity:0;transition:opacity .3s, transform .4s var(--ease-out);font-size:1.4rem;position:absolute;top:2rem;right:0;transform:translate(-8px)}.OPUsHW_next:hover .OPUsHW_nextArrow,.OPUsHW_next:focus-visible .OPUsHW_nextArrow{opacity:1;transform:none}.OPUsHW_keys{font:400 .72rem/1 var(--font-mono);color:var(--paper-dim);margin:0}@media (hover:none){.OPUsHW_keys{display:none}}@media (max-width:640px){.OPUsHW_next{grid-template-columns:1fr;grid-template-areas:"thumb""label""title""context"}.OPUsHW_nextThumb{width:100%}.OPUsHW_details{align-items:flex-start}}
