*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#f5f2ee;--border-width:18px;--sidebar-width:380px;--transition-speed:.72s;--ease-gallery:cubic-bezier(.77, 0, .175, 1)}html,body{background:var(--black);cursor:none;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%;position:relative}.cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .15s,opacity .2s;position:fixed}.cursor-dot{background:var(--white);border-radius:50%;width:8px;height:8px;transform:translate(-50%,-50%)}.cursor-ring{border:1px solid #f5f2ee99;border-radius:50%;width:36px;height:36px;transition:width .3s,height .3s,border-color .3s;transform:translate(-50%,-50%)}.cursor-ring.arrow-left:after{content:"←";color:var(--white);font-family:Tenor Sans,sans-serif;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-ring.arrow-right:after{content:"→";color:var(--white);font-family:Tenor Sans,sans-serif;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-ring.expanded{border-color:#f5f2eee6;width:60px;height:60px}.gallery-frame{inset:var(--border-width);background:var(--black);border:var(--border-width) solid var(--black);outline:1px solid #f5f2ee14;position:absolute;overflow:hidden}.click-zone{z-index:20;cursor:none;width:30%;height:100%;position:absolute;top:0}.click-zone-left{left:0}.click-zone-right{right:0}.carousel-track{will-change:transform;height:100%;transition:transform var(--transition-speed) var(--ease-gallery);display:flex}.carousel-slide{flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden}.carousel-slide img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.info-btn{z-index:30;color:#f5f2eeb3;cursor:none;letter-spacing:0;background:0 0;border:1px solid #f5f2ee59;justify-content:center;align-items:center;width:36px;height:36px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;font-weight:300;line-height:1;transition:border-color .3s,color .3s,background .3s;display:flex;position:absolute;top:22px;left:22px}.info-btn:hover{color:#f5f2ee;background:#f5f2ee0f;border-color:#f5f2eee6}.sidebar{width:var(--sidebar-width);background:var(--black);z-index:40;border-right:1px solid #f5f2ee1a;flex-direction:column;height:100%;transition:transform .68s cubic-bezier(.76,0,.24,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-inner{scrollbar-width:thin;scrollbar-color:#f5f2ee26 transparent;flex:1;padding:64px 44px 60px;overflow-y:auto}.sidebar-inner::-webkit-scrollbar{width:3px}.sidebar-inner::-webkit-scrollbar-track{background:0 0}.sidebar-inner::-webkit-scrollbar-thumb{background:#f5f2ee33;border-radius:2px}.sidebar-rule{background:#f5f2ee66;width:28px;height:1px;margin-bottom:32px}.sidebar-text p{color:#f5f2eeb8;letter-spacing:.01em;margin-bottom:22px;font-family:Cormorant Garamond,serif;font-size:15.5px;font-weight:300;line-height:1.85}.sidebar-text p:last-child{margin-bottom:0}.sidebar-close{color:#f5f2ee73;cursor:none;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-family:Tenor Sans,sans-serif;font-size:18px;transition:color .2s;display:flex;position:absolute;top:20px;right:20px}.sidebar-close:hover{color:#f5f2eef2}.slide-counter{z-index:30;align-items:center;gap:6px;display:flex;position:absolute;bottom:22px;right:22px}.counter-pip{background:#f5f2ee40;border-radius:50%;width:4px;height:4px;transition:background .4s,transform .4s}.counter-pip.active{background:#f5f2eee6;transform:scale(1.4)}.sidebar-overlay{z-index:35;pointer-events:none;background:0 0;transition:background .5s;position:absolute;inset:0}.sidebar-overlay.active{pointer-events:all;cursor:none;background:#00000073}