:root{--ink:#0a0908;--bone:#e8e0d5;--rust:#4a2c1a;--gold:#8a6f3a;--ink-soft:#14110f;--bone-dim:hsla(35,29%,87%,.62);--bone-faint:hsla(35,29%,87%,.28);--ease-cinema:cubic-bezier(0.16,0.84,0.24,1);--ease-drift:cubic-bezier(0.65,0,0.35,1);--font-display:"Cormorant Garamond","EB Garamond",Georgia,serif;--font-mono:"Courier Prime","Courier New",monospace;--grain-opacity:0.12;--grain-intensity:0.12;--grain-speed:1.6s;--streak-y:0px;--streak-opacity:0;--temperature:0.18}body.works-active{background:radial-gradient(ellipse at 50% 50%,#0d0b09 0,#060504 100%);color:var(--bone);font-family:var(--font-display);font-weight:300;overflow:hidden;height:100vh;height:100dvh}.works-scenes-stage{position:fixed;inset:0;z-index:1;overflow:hidden;touch-action:none}body.works-active [role=button],body.works-active button{background:transparent;border:none;color:inherit;font:inherit}.r3f-stage{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.artwork{will-change:transform,opacity,filter;background-blend-mode:lighten}.artwork,.artwork:after{position:absolute;inset:0}.artwork:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='1600' preserveAspectRatio='none'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.014' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.43  0 0 0 0 0.23  0 0 0 0.25 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");background-size:100% 100%;background-repeat:no-repeat;mix-blend-mode:overlay;opacity:.4;pointer-events:none}.interior-halo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(10,9,8,.55) 80%)}@keyframes breath{0%,to{transform:scale(.86);opacity:.25}50%{transform:scale(1.14);opacity:.85}}.breath{position:absolute;left:50%;top:50%;width:40vmin;height:40vmin;margin-left:-20vmin;margin-top:-20vmin;border-radius:50%;background:radial-gradient(circle,rgba(138,111,58,.18) 0,transparent 65%);filter:blur(20px);animation:breath 4s ease-in-out infinite}.letter{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .9s var(--ease-cinema),transform .9s var(--ease-cinema)}.letter.on{opacity:1;transform:translateY(0)}.letter.space{width:.34em}.works-grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:var(--grain-intensity,.12);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:works-grain-shift var(--grain-speed,1.6s) steps(6) infinite}@keyframes works-grain-shift{0%{transform:translate(0)}20%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,1%)}to{transform:translate(0)}}.grain-streak{z-index:51;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.04) 50%,transparent);transform:translateY(var(--streak-y,0));opacity:var(--streak-opacity,0);mix-blend-mode:screen;will-change:transform,opacity}.ambient-grain,.grain-streak{position:fixed;inset:0;pointer-events:none}.ambient-grain{z-index:48;will-change:opacity;background-image:url(/artworks/paper-collage-texture.jpg);background-size:cover;background-position:50%;mix-blend-mode:overlay;opacity:.06;filter:grayscale(1)}.vignette{inset:0;z-index:49;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.35) 75%,rgba(0,0,0,.7) 100%)}#cursor,.vignette{position:fixed;pointer-events:none}#cursor{left:0;top:0;z-index:100;mix-blend-mode:difference;will-change:transform;transform:translate(-9999px,-9999px)}.cursor-inner{position:relative;width:28px;height:28px;margin-left:-14px;margin-top:-14px;transform:scale(.18);opacity:.85;transition:transform .32s var(--ease-drift),opacity .32s var(--ease-drift)}#cursor.interactive .cursor-inner{transform:scale(1);opacity:1}.cursor-inner:after,.cursor-inner:before{content:"";position:absolute;background:var(--bone)}.cursor-inner:before{left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%)}.cursor-inner:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}@media (hover:none){#cursor{display:none}body.works-active{cursor:auto}}.display{font-family:var(--font-display);font-weight:300;font-style:italic;letter-spacing:.02em;color:var(--bone);line-height:1.05}.display-xl{font-size:clamp(56px,9vw,148px)}.display-lg{font-size:clamp(40px,6vw,96px)}.display-md{font-size:clamp(28px,4vw,56px)}.fragment{font-size:13px;letter-spacing:.22em;color:var(--bone-dim)}.fragment,.fragment-lg{font-family:var(--font-mono);font-weight:400;text-transform:lowercase}.fragment-lg{font-size:15px;letter-spacing:.28em;color:var(--bone)}.whisper{font-size:11px}.stamp,.whisper{font-family:var(--font-mono);letter-spacing:.4em;color:var(--bone-faint);text-transform:uppercase}.stamp{position:fixed;left:4vw;top:4vh;z-index:40;font-size:10px;pointer-events:none}.stamp .dot{display:inline-block;width:4px;height:4px;background:var(--gold);border-radius:50%;margin-right:10px;transform:translateY(-2px)}.index{position:fixed;right:4vw;bottom:4vh;z-index:40;font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;color:var(--bone-faint);text-transform:uppercase;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.index .num{color:var(--bone)}.index .label,.index .num{margin-right:14px}.index .total{color:var(--bone-faint)}.center{position:absolute;inset:0;flex-direction:column;gap:2.5rem}.center,.works-tweaks-mark{display:flex;align-items:center;justify-content:center}.works-tweaks-mark{position:fixed;right:4vw;bottom:calc(4vh + 44px);z-index:100;width:26px;height:26px;border:none;border-radius:50%;background:transparent;color:var(--bone-faint);font-family:var(--font-display);font-style:italic;font-size:16px;line-height:1;cursor:pointer;mix-blend-mode:difference;transition:color .5s var(--ease-cinema),transform .5s var(--ease-cinema)}.works-tweaks-mark:hover{color:var(--bone);transform:scale(1.14)}.works-tweaks-mark:before{content:attr(data-version);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-style:normal;font-size:8px;letter-spacing:.28em;white-space:nowrap;color:var(--bone-faint);mix-blend-mode:normal;opacity:0;transition:opacity .5s var(--ease-cinema);pointer-events:none}.works-tweaks-mark:hover:before{opacity:1}.works-twk-panel{position:fixed;right:4vw;bottom:calc(4vh + 76px);z-index:100;width:200px;background:rgba(10,8,6,.82);border:1px solid hsla(35,29%,87%,.08);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:1rem}.works-twk-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;text-transform:lowercase;color:var(--bone-dim)}.works-twk-toggle{position:relative;width:32px;height:18px;background:hsla(35,29%,87%,.15);border:none;border-radius:9px;cursor:pointer;flex-shrink:0;transition:background .35s var(--ease-cinema)}.works-twk-toggle span{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--bone-dim);transition:left .3s var(--ease-cinema),background .3s var(--ease-cinema)}.works-twk-toggle.on{background:rgba(138,111,58,.55)}.works-twk-toggle.on span{left:17px;background:var(--bone)}@media (max-width:720px){.stamp{font-size:9px;letter-spacing:.28em;top:3.5vh;left:5vw}.index{font-size:9px;letter-spacing:.26em;bottom:3.5vh;right:5vw}.display-xl{font-size:clamp(36px,10vw,72px)}.display-lg{font-size:clamp(28px,7.5vw,56px)}.display-md{font-size:clamp(20px,5.5vw,36px)}.fragment{font-size:11px;letter-spacing:.18em}.fragment-lg{font-size:12px;letter-spacing:.22em}.whisper{font-size:10px;letter-spacing:.32em}.center{gap:1.8rem;padding:0 7vw}.breath{width:52vmin;height:52vmin;margin-left:-26vmin;margin-top:-26vmin}.works-tweaks-mark{right:5vw;bottom:calc(3.5vh + 38px)}.works-twk-panel{right:5vw;bottom:calc(3.5vh + 66px);width:172px;padding:.9rem 1.1rem}.vignette{background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.25) 68%,rgba(0,0,0,.6) 100%)}.artwork-layer-img{object-fit:contain!important;object-position:center center!important}}