.clutter-wrapper{--base-100:#fff;--base-200:#f3f4f6;--base-300:var(--text-muted,#6b6b6b);--base-400:var(--text,#1a1a1a);font-family:var(--font-dm-sans), system-ui, sans-serif;background:var(--base-100);color:var(--base-400);width:100%;height:calc(100svh - 64px);position:relative;overflow:hidden}.clutter-wrapper *{box-sizing:border-box}.clutter-desk{width:100%;max-width:1400px;height:100%;margin:0 auto;position:relative}.clutter-header{text-align:center;pointer-events:none;z-index:10;flex-direction:column;gap:.75rem;width:400px;max-width:90vw;display:flex;position:absolute}.clutter-header h1{font-family:var(--font-lora), Georgia, serif;letter-spacing:-.02rem;color:var(--base-400);margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.1}.clutter-header p{font-family:var(--font-dm-sans), system-ui, sans-serif;color:var(--base-300);margin:0;font-size:clamp(.875rem,2vw,.95rem);line-height:1.75}.clutter-item{will-change:top, left, transform;position:absolute}.clutter-media{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:100%;height:100%}.clutter-modes{z-index:20;gap:.5rem;display:flex;position:absolute;bottom:5svh;left:50%;transform:translate(-50%)}.clutter-modes button{width:3rem;height:3rem;color:var(--base-300);background:var(--base-100);cursor:pointer;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;padding:0;font-size:1.25rem;transition:all .5s;display:flex}.clutter-modes button svg{width:1.25rem;height:1.25rem}.clutter-modes button:active{transform:scale(.9)}.clutter-modes button.active,.clutter-modes button:hover{background:var(--base-200);color:var(--base-400);border-color:#d1d5db}@media (max-width:1400px){.clutter-desk{overflow-x:hidden}}@media (max-width:1000px){.clutter-desk:after{content:"";pointer-events:none;z-index:5;background-color:#ffffffb3;width:100%;height:100%;position:absolute;top:0;left:0}.clutter-item{filter:saturate(.6)opacity(.85)}.clutter-header{z-index:10}}