.page-covers *{-webkit-user-select:none;user-select:none}.page-covers .container{background:var(--bg);cursor:grab;width:100vw;height:100vh;position:relative;overflow:hidden}.page-covers .covers-bars{pointer-events:none;z-index:1;position:fixed;inset:0}.page-covers .covers-bar{background:var(--primary);opacity:.18;transform-origin:top;width:1px;position:absolute;top:0}.page-covers .covers-bar:nth-child(odd){opacity:.11;width:2px}.page-covers .covers-bar:nth-child(3n){opacity:.22;width:1px}.page-covers .covers-bar:nth-child(5n+2){opacity:.07;width:3px}.page-covers .covers-scanlines{pointer-events:none;z-index:2;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000008 2px 3px);position:fixed;inset:0}html[data-theme=dark] .page-covers .covers-scanlines{mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 2px,#ffffff05 2px 3px)}.page-covers .covers-noise{pointer-events:none;z-index:2;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='cn'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23cn)'/></svg>");background-size:200px 200px;position:fixed;inset:0}.page-covers .covers-lens{pointer-events:none;z-index:var(--z-page-overlay);background:radial-gradient(75% 75%,#0000 0% 55%,#0000002e 80%,#0000006b 100%);position:fixed;inset:0;overflow:hidden;box-shadow:inset 0 0 120px 30px #0000004d,inset 0 0 40px 8px #00000038}.page-covers .covers-lens:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.8;background:radial-gradient(82% 82%,#0000 70%,#ff00280d 88%,#0000 100%),radial-gradient(80% 80%,#0000 72%,#00c8ff0d 90%,#0000 100%);position:absolute;inset:0}.page-covers .covers-lens:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0%,#ffffff09 50%,#0000 100%);height:28%;animation:7s linear infinite covers-vhs-roll;position:absolute;left:0;right:0}@keyframes covers-vhs-roll{0%{transform:translateY(-30%)}to{transform:translateY(370%)}}html[data-theme=dark] .page-covers .covers-lens{background:radial-gradient(75% 75%,#0000 0% 52%,#0000004d 80%,#0000009e 100%);box-shadow:inset 0 0 140px 36px #00000080,inset 0 0 48px 10px #00000057}html[data-theme=dark] .page-covers .covers-lens:after{background:linear-gradient(#0000 0%,#ffffff06 50%,#0000 100%)}@media (prefers-reduced-motion:reduce){.page-covers .covers-lens:after{opacity:0;animation:none}}.page-covers .covers-annot{z-index:var(--z-floating-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-text,#808080b3);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-family:Inter,sans-serif;font-size:.55rem;font-weight:300;display:flex;position:fixed}.page-covers .covers-annot--tl{top:6rem;left:2.75rem}.page-covers .covers-annot--tr{top:6rem;right:1.5rem}.page-covers .covers-annot--bl{bottom:1.5rem;left:1.5rem}.page-covers .covers-annot--br{bottom:1.5rem;right:1.5rem}.page-covers .covers-annot__tag{color:var(--primary);font-weight:500}.page-covers .covers-annot__rule{opacity:.4;background:currentColor;width:24px;height:1px}.page-covers .covers-annot__meta{white-space:nowrap}.page-covers .covers-annot__symbol{color:var(--primary);letter-spacing:0;font-size:.7rem;line-height:1}@media (max-width:700px){.page-covers .covers-annot{display:none}}.page-covers .site-info{top:calc(env(safe-area-inset-top,0px) + 100px);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(14px)saturate(1.4);white-space:nowrap;background:#ffffffe6;border-radius:999px;align-items:center;gap:.6rem;padding:.45em .9em;display:flex;position:fixed;left:2rem}[data-theme=dark] .page-covers .site-info{background:#000000b3}.page-covers .site-info p:first-child{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-size:.6rem;font-weight:500;line-height:1}.page-covers .site-info p:first-child:after{content:"";vertical-align:middle;background:var(--primary);opacity:.5;width:24px;height:1px;margin-left:.6rem;display:inline-block}.page-covers .site-info p:last-child{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-text);font-size:.6rem;font-weight:400;line-height:1}.page-covers .site-info p:last-child span{color:inherit;mix-blend-mode:normal}.canvas{will-change:transform;cursor:crosshair;background-color:var(--canvas-bg);display:block;position:absolute}.canvas:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:120px 120px;position:absolute;inset:0}[data-theme=dark] .canvas:before{opacity:.7}.canvas:after{content:"134.813370°";letter-spacing:.16em;color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;writing-mode:vertical-rl;font-family:Inter,sans-serif;font-size:.55rem;font-weight:300;position:absolute;bottom:3rem;right:3rem;transform:rotate(180deg)}.page-covers .item{background-color:var(--surface);border:1px solid var(--border);cursor:pointer;width:200px;height:200px;transform:translate(var(--x), var(--y));will-change:transform;border-radius:10px;transition:background .25s,border-color .25s;position:absolute;overflow:hidden;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.page-covers .item:hover{background:color-mix(in srgb, var(--surface-strong), transparent 10%);border-color:color-mix(in srgb, var(--primary), var(--border) 65%)}.page-covers .item:before{content:"";background:var(--primary);z-index:10;transform-origin:0;height:2px;transition:transform .35s var(--ease-out);pointer-events:none;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.page-covers .item:hover:before{transform:scaleX(1)}.expanded-item{background-color:var(--surface-strong);z-index:var(--z-page-modal-content);will-change:transform;transform-origin:0 0;border-radius:14px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 18px 50px #00000059}.expanded-item:before{content:"";background:var(--primary);opacity:.55;z-index:10;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.page-covers img{pointer-events:none}.page-covers .item img,.expanded-item img{object-fit:contain;width:100%;height:100%;display:block}.canvas-overlay{background-color:var(--grey);z-index:var(--z-page-modal);pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}.canvas-overlay.active{pointer-events:auto;opacity:1}.canvas-overlay:before{content:"";filter:blur(20px);opacity:.3;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:inherit;transition:opacity .5s;position:absolute;inset:0;transform:scale(1.1)}.canvas-overlay.active:before{opacity:.6}.project-title{top:calc(env(safe-area-inset-top,0px) + 144px);z-index:var(--z-floating-chrome);pointer-events:none;flex-direction:column;gap:.3em;padding:.15rem .5rem;display:inline-flex;position:fixed;left:2.85em}.project-title__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:.5rem;font-size:.55rem;font-weight:500;line-height:1;transition:opacity .4s;display:flex}.project-title__eyebrow-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);border-radius:50%;flex-shrink:0;animation:1.6s ease-in-out infinite covers-dot-pulse}@keyframes covers-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.project-title__eyebrow:after{content:"";background:var(--primary);opacity:.5;flex-shrink:0;width:28px;height:1px;display:block}.project-title.show-glass .project-title__eyebrow{opacity:1}.project-title:before{content:"";-webkit-backdrop-filter:blur(14px)saturate(1.4);opacity:0;z-index:-1;background:#ffffffe6;border-radius:999px;transition:opacity .4s;position:absolute;inset:-8px -16px}[data-theme=dark] .project-title:before{background:#000000b3}.project-title.show-glass:before{opacity:1}.project-title p{letter-spacing:-.01em;color:var(--text);white-space:nowrap;margin:0;padding:0;font-size:.95rem;font-weight:300;line-height:1.4;position:relative;overflow:hidden}.project-title p:empty{display:none}.project-title p .word{will-change:transform;transition:transform .4s var(--ease-out), opacity .3s ease;margin:0;padding:0;display:inline-block;transform:translateY(0%)}.project-title p .word.hidden{opacity:0!important;pointer-events:none!important;transform:translateY(100%)!important}.project-title.resetting,.project-title.resetting *{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.project-title.resetting *{transform:translateY(100%)!important}.drag-hint-label{pointer-events:none;transform:translate(var(--ax), var(--ay)) translate(-50%, -50%);letter-spacing:.22em;text-transform:uppercase;color:var(--muted-text);white-space:nowrap;opacity:0;z-index:1;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:.7rem;font-weight:400;transition:opacity .45s;position:absolute}.hints-visible .drag-hint-label{opacity:1;animation:2.2s ease-in-out infinite hint-blink}@keyframes hint-blink{0%,to{opacity:.55}50%{opacity:.2}}@media (max-width:900px){.page-covers .site-info{top:calc(env(safe-area-inset-top,0px) + 90px);left:50%;transform:translate(-50%)}.project-title{top:calc(env(safe-area-inset-top,0px) + 200px);align-items:center;left:50%;transform:translate(-50%)}.project-title p{text-align:center;white-space:normal}.project-title p .word{font-size:1rem}.drag-hint-arrow svg{width:14px;height:14px}.page-covers .covers-lens{box-shadow:inset 0 0 80px 20px #00000038,inset 0 0 30px 6px #00000029}}