:root{--bg:#090809;--paper:#e7dfdc;--muted:#8c7b7f;--wine:#471818;--red:#a14d64;--line:#413037;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);overflow-x:hidden}body.lock{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #f5a2b8;outline-offset:5px}::selection{background:#ae526d;color:#fff}.grain{position:fixed;inset:0;pointer-events:none;z-index:95;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")} .cursor{position:fixed;top:0;left:0;width:34px;height:34px;border:1px solid #e5afbb;border-radius:50%;pointer-events:none;z-index:110;transform:translate3d(-100px,-100px,0);mix-blend-mode:difference;transition:width .22s,height .22s,background .22s}.cursor span{position:absolute;inset:50%;width:3px;height:3px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.cursor.active{width:68px;height:68px;background:#f3e3e6}.cursor.down{width:17px;height:17px}.load-screen{position:fixed;inset:0;z-index:120;background:#16090f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:transform 1s cubic-bezier(.76,0,.24,1)}.load-screen.done{transform:translateY(-105%)}.load-word{font-weight:700;font-size:clamp(40px,9vw,130px);letter-spacing:-.09em}.load-word span{font:12px var(--mono);vertical-align:top;letter-spacing:0}.load-bar{width:min(300px,70vw);height:1px;background:#51313b}.load-bar i{display:block;height:100%;background:#e8d7dc;animation:load 1.25s ease both}@keyframes load{from{width:0}to{width:100%}}.load-screen small,.micro{font:10px var(--mono);letter-spacing:.14em;color:#a88b93}.topbar{height:76px;position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff1a}.brand{font-size:24px;font-weight:700;letter-spacing:-.09em}.brand span{font:10px var(--mono);vertical-align:top;margin-left:3px}.top-center,.menu-trigger,.hero-meta,.hero-bottom,.hero-side,.stage-corner,.discover,.section-head>p,.archive-tools,.archive-foot,.outro-bottom,.outro-links,footer,.menu-head,.menu-bottom,.detail-head,.detail-kicker,.detail-actions,.detail-pagination,.detail-art-label,.shortcut{font:10px var(--mono);letter-spacing:.11em}.top-center{color:#9e858d}.top-center b{color:#c26b84}.menu-trigger{display:flex;align-items:center;gap:18px;color:var(--paper);background:none;border:0}.menu-glyph{width:26px;display:grid;gap:5px}.menu-glyph i{height:1px;background:currentColor;width:100%;transition:transform .3s}.menu-trigger:hover .menu-glyph i:first-child{transform:translateX(5px)}.menu-trigger:hover .menu-glyph i:last-child{transform:translateX(-5px)}.hero{height:min(950px,100svh);min-height:690px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 52% 44%,#3e1425 0%,#1a0c12 30%,#090809 72%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.23;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#74545b calc(25% - 1px),#74545b 25%)}.hero-noise{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--hx,50%) var(--hy,50%),#9b3c5d36,transparent 33%);mix-blend-mode:screen}.hero-meta{position:absolute;top:113px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;color:#b09ca1}.hero-canvas-wrap{position:absolute;inset:12% 8% 13%;touch-action:pan-y}#heroCanvas{width:100%;height:100%;display:block;cursor:grab}#heroCanvas:active{cursor:grabbing}.stage-halo{position:absolute;inset:17% 20%;border-radius:50%;box-shadow:0 0 120px 12px #91284a25;pointer-events:none}.stage-corner{position:absolute;color:#b4919c;pointer-events:none}.stage-corner.tl{top:13%;left:0}.stage-corner.br{bottom:9%;right:0}.hero-title{position:absolute;z-index:2;top:50%;left:50%;width:max-content;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen}.hero-title-line{display:block;font-size:clamp(75px,16vw,275px);font-weight:700;line-height:.82;letter-spacing:-.115em;text-shadow:0 10px 70px #180a12}.hero-outline{-webkit-text-stroke:1px #e9d9dd;color:transparent}.period{color:#ac4e6b}.hero-bottom{position:absolute;bottom:46px;left:4.5%;right:4.5%;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-bottom p{color:#b5a1a7;max-width:190px;line-height:1.8}.discover{border-bottom:1px solid #a58a93;padding:0 0 12px;display:flex;gap:55px;align-items:center}.discover span{font-size:24px;transition:transform .3s}.discover:hover span{transform:translate(6px,6px)}.hero-coordinate{color:#977982}.hero-side{position:absolute;right:1.5%;top:50%;writing-mode:vertical-rl;color:#9e7885}.marquee{height:54px;overflow:hidden;background:#581b2d;color:#f5dfe6;display:flex;align-items:center;transform:rotate(-1.3deg) scale(1.02);position:relative;z-index:2}.marquee-track{white-space:nowrap;font-size:22px;font-weight:700;letter-spacing:-.04em;animation:marq 22s linear infinite}@keyframes marq{to{transform:translateX(-50%)}}.archive-section{padding:145px 4.5% 115px;background:#0c090b}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:46px;border-bottom:1px solid var(--line)}.section-head h2{font-size:clamp(65px,11vw,175px);line-height:.9;letter-spacing:-.095em;margin:18px 0 0}.section-head h2 em{font-style:normal;color:#824058}.asterisk{font-size:.28em;vertical-align:top;color:#c38396;margin-left:12px}.section-head>p{color:#9e8890;line-height:2}.archive-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 34px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #5d414b;background:transparent;color:#a9929a;padding:11px 15px;font:10px var(--mono);letter-spacing:.08em;transition:background .3s,color .3s,border-color .3s}.filters button:hover,.filters button.selected{background:#d6bec5;color:#190c12;border-color:#d6bec5}.archive-count{color:#987f87}.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;perspective:1100px}.tile{grid-column:span 4;min-height:430px;position:relative;overflow:hidden;background:#181016;border:1px solid #593745;cursor:pointer;transform-style:preserve-3d;transition:border-color .4s,box-shadow .4s,opacity .5s;will-change:transform}.tile:nth-child(6n+2),.tile:nth-child(6n+5){grid-column:span 4}.tile:nth-child(6n+3){grid-column:span 4}.tile:hover{border-color:#c38c9d;box-shadow:0 20px 85px #7d2b4b24}.tile:before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),#c36b8833,transparent 60%);z-index:2;pointer-events:none}.tile:after{content:'';position:absolute;inset:8px;border:1px solid #d9b5c21b;pointer-events:none;z-index:2}.tile-top,.tile-bottom{position:absolute;z-index:4;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.1em}.tile-top{top:26px;color:#d7b4c1}.tile-bottom{bottom:25px}.tile-bottom h3{font-size:clamp(27px,3vw,49px);line-height:.9;letter-spacing:-.07em;margin:8px 0 0;font-family:var(--sans)}.tile-bottom .tile-arrow{font:36px var(--sans);transition:transform .3s}.tile:hover .tile-arrow{transform:translate(7px,-7px)}.tile-art{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--accent) 33%,transparent),transparent 55%),linear-gradient(145deg,#21121a,#0c090c)}.tile-art canvas{width:100%;height:100%;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.tile:hover .tile-art canvas{transform:scale(1.12)}.tile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#080709b8)}.tile-art .tile-cross{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border:1px solid #c39daa18;border-radius:50%}.tile-reveal{position:absolute;inset:auto 24px 96px;z-index:5;display:flex;justify-content:space-between;color:#d1aab8;font:10px var(--mono);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.tile:hover .tile-reveal{opacity:1;transform:translateY(0)}.archive-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#927984}.outro{position:relative;overflow:hidden;min-height:650px;background:#210d17;padding:100px 4.5% 55px}.outro:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 50%,#943f583a,transparent 44%)}.outro-mark{position:absolute;right:-5%;top:-30%;font-size:800px;line-height:1;color:#7c33452e;transform:rotate(-25deg);pointer-events:none}.outro h2{position:relative;z-index:1;font-size:clamp(80px,16vw,230px);letter-spacing:-.11em;line-height:.78;margin:80px 0 110px}.outro h2 i{font-style:normal;-webkit-text-stroke:1px #d8b5bf;color:transparent}.outro-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:1}.outro-bottom p{line-height:1.9}.outro-links{display:flex;gap:25px;flex-wrap:wrap}.outro-links a{border-bottom:1px solid #a47d8c;padding-bottom:8px}footer{display:flex;justify-content:space-between;gap:15px;padding:30px 4.5%;color:#907781}footer button{background:none;border:0;color:var(--paper);font:inherit}.menu{position:fixed;inset:0;background:#150b10;z-index:80;display:flex;flex-direction:column;padding:32px 4.5%;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility .8s}.menu.open{visibility:visible;clip-path:inset(0 0 0 0)}.menu-wash{position:absolute;inset:0;background:radial-gradient(circle at var(--wx,50%) var(--wy,50%),#9e3e5b57,transparent 42%);pointer-events:none}.menu-head,.menu-bottom{display:flex;justify-content:space-between;position:relative;z-index:2}.menu-head button{border:0;background:none;color:#e7d7dc;font:inherit;letter-spacing:inherit}.menu-links{display:flex;flex-direction:column;justify-content:center;flex:1;position:relative;z-index:2}.menu-links a{position:relative;width:max-content;max-width:100%;font-size:clamp(58px,10vw,155px);font-weight:700;letter-spacing:-.09em;line-height:1.12;transition:color .3s,transform .45s cubic-bezier(.2,.8,.2,1)}.menu-links a:before{content:attr(data-num);font:11px var(--mono);letter-spacing:0;position:absolute;left:-31px;top:23%;color:#b16b82}.menu-links a small{font-size:.28em;vertical-align:top;letter-spacing:0}.menu-links a:hover{color:#e2a0b4;transform:translateX(22px)}.menu-ghost{position:absolute;right:-2%;bottom:0;font-size:30vw;font-weight:700;line-height:1;letter-spacing:-.12em;color:#a3496220;pointer-events:none;transition:transform .5s}.menu-bottom{color:#ae8796}.detail{position:fixed;inset:0;z-index:70;visibility:hidden;pointer-events:none}.detail.open{visibility:visible;pointer-events:auto}.detail-backdrop{position:absolute;inset:0;background:#050405d9;opacity:0;transition:opacity .5s}.detail.open .detail-backdrop{opacity:1}.detail-shell{position:absolute;inset:4% 4.5%;background:#150d12;border:1px solid #6c4150;display:flex;flex-direction:column;overflow:auto;transform:translateY(8%) scale(.93);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s}.detail.open .detail-shell{transform:none;opacity:1}.detail-head{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #543440}.detail-head button{background:none;border:0;color:#e7d5dc;font:inherit;letter-spacing:inherit}.detail-head button span{font-size:18px;margin-left:14px}.detail-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);flex:1;min-height:0}.detail-art{position:relative;min-height:420px;background:radial-gradient(circle at center,#5b1e33,#0b080b 70%);overflow:hidden}.detail-art canvas{width:100%;height:100%;position:absolute;inset:0}.detail-art-label{position:absolute;bottom:23px;left:24px;color:#c7a5b1}.detail-info{padding:clamp(30px,5vw,95px);display:flex;flex-direction:column;justify-content:center}.detail-kicker{color:#b27b8d}.detail-info h2{font-size:clamp(50px,7vw,110px);letter-spacing:-.095em;line-height:.88;margin:25px 0 36px;overflow-wrap:anywhere}.detail-info p{color:#c4afb6;line-height:1.8;font-size:15px;max-width:440px;white-space:pre-line}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.detail-actions a{border:1px solid #b66c84;padding:15px 20px;background:#542035;transition:background .3s,transform .3s}.detail-actions a:hover{background:#a34c69;transform:translateY(-3px)}.detail-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #593743;padding-top:24px;margin-top:auto}.detail-pagination button{background:none;border:0;color:#e3d4da;font:inherit;letter-spacing:inherit}.detail-pagination span{color:#9c7c87}#detailMedia{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}#detailMedia>*{width:100%;height:100%;object-fit:contain;pointer-events:auto;border:0}#detailMedia .empty-media{font:12px var(--mono);color:#e3c2cc;padding:25px;text-align:center;height:auto}.shortcut{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:35;color:#cfa9b7;pointer-events:none;opacity:0;transition:opacity .4s}.shortcut.show{opacity:1}@media(max-width:900px){.top-center,.hero-coordinate,.hero-side{display:none}.hero{min-height:600px}.hero-title-line{font-size:clamp(65px,17vw,145px)}.hero-canvas-wrap{inset:17% 0 17%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile:nth-child(n){grid-column:span 1;min-height:390px}.detail-content{grid-template-columns:1fr}.detail-art{min-height:340px}.detail-info{min-height:350px}.detail-shell{inset:2%}.outro{min-height:520px}}@media(max-width:600px){.topbar{height:65px}.hero{height:90svh;min-height:570px}.hero-meta{top:90px}.hero-title-line{font-size:17vw}.hero-bottom{bottom:28px}.hero-bottom p{max-width:120px}.discover{gap:12px}.archive-section{padding:95px 4%}.section-head{display:block}.section-head>p{margin-top:25px}.section-head h2{font-size:18vw}.archive-grid{grid-template-columns:1fr}.tile,.tile:nth-child(n){grid-column:span 1;min-height:430px}.archive-tools{align-items:start;flex-direction:column}.outro{padding-top:80px;min-height:470px}.outro h2{font-size:17vw}.outro-bottom{align-items:start;gap:30px;flex-direction:column}.menu-links a{font-size:16vw}.menu-links a:before{left:0;top:-10px}.detail-head{padding:18px}.detail-info{padding:30px}.detail-art{min-height:300px}footer span:last-child{display:none}}@media(pointer:coarse){.cursor{display:none}.tile-reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* INDEX 005 / reactive physical layer */
:root{--cursor-x:50vw;--cursor-y:50vh;--velocity:0}
.field-lens{position:fixed;left:0;top:0;width:380px;height:380px;z-index:4;pointer-events:none;opacity:.48;border-radius:50%;background:radial-gradient(circle,rgba(162,47,87,.12) 0%,rgba(162,47,87,.055) 27%,transparent 67%);mix-blend-mode:screen;filter:blur(10px);transition:opacity .35s,scale .25s}
.field-cross{position:fixed;top:0;left:0;width:28px;height:28px;z-index:200;pointer-events:none;opacity:.42;border:1px solid rgba(238,180,202,.38);border-radius:50%;transition:opacity .2s}
.field-cross:before,.field-cross:after{content:'';position:absolute;background:rgba(245,190,210,.6)}.field-cross:before{height:1px;width:40px;left:-7px;top:13px}.field-cross:after{width:1px;height:40px;left:13px;top:-7px}
.pressing .field-cross{opacity:.95;border-color:#f5d3de}.hero-title-line{transform:translate3d(var(--title-x,0px),var(--title-y,0px),0);transition:transform .25s cubic-bezier(.2,1,.3,1)}
.tile{--field-x:0px;--field-y:0px;--field-strength:0;isolation:isolate;overflow:hidden;transition:box-shadow .35s,border-color .35s,filter .35s,transform .28s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 8px 40px rgba(0,0,0,.3),0 0 0 1px rgba(140,65,85,.12)}
.tile:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(320px circle at var(--specular-x,50%) var(--specular-y,50%),rgba(255,214,226,.15),transparent 72%);opacity:calc(.16 + var(--field-strength)*.9);mix-blend-mode:screen;transition:opacity .2s}
.tile:hover{box-shadow:0 25px 85px rgba(0,0,0,.65),0 0 0 1px var(--accent),0 0 50px color-mix(in srgb,var(--accent) 22%,transparent);filter:saturate(1.17)}
.tile-art canvas{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotate(var(--art-rotate,0deg)) scale(1.12);transition:transform .45s cubic-bezier(.15,.8,.2,1);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 40%,transparent))}
.tile:hover .tile-art canvas{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotate(var(--art-rotate,0deg)) scale(1.28)}
.tile-icon{position:absolute;z-index:4;bottom:21%;left:50%;width:62px;height:62px;display:grid;place-items:center;transform:translateX(-50%) translateY(0);transition:transform .55s cubic-bezier(.16,1,.3,1),filter .45s;pointer-events:none;filter:drop-shadow(0 0 12px rgba(0,0,0,.75))}
.tile-icon img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 45%,transparent))}
.tile-symbol{font-size:48px;line-height:1;color:#f4e3e9;text-shadow:0 0 20px var(--accent);font-weight:300}
.tile:hover .tile-icon{transform:translateX(-50%) translateY(-15px) scale(1.28) rotate(-8deg);filter:drop-shadow(0 0 20px var(--accent))}
#detailMedia{pointer-events:none}#detailMedia .detail-icon{position:absolute;width:min(24vw,220px);height:min(24vw,220px);max-width:40%;max-height:40%;object-fit:contain;left:50%;bottom:11%;transform:translateX(-50%);filter:drop-shadow(0 0 35px rgba(200,100,145,.65));animation:iconFloat 5s ease-in-out infinite;pointer-events:none}#detailMedia .detail-symbol{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);font-size:clamp(52px,8vw,120px);color:#f3dce6;text-shadow:0 0 40px rgba(196,85,132,.6);pointer-events:none}
@keyframes iconFloat{0%,100%{transform:translate(-50%,0) rotate(-4deg)}50%{transform:translate(-50%,-15px) rotate(4deg)}}
.impact{animation:impact .6s cubic-bezier(.2,.9,.2,1)}@keyframes impact{0%{filter:brightness(1.8)}35%{filter:brightness(1.15)}100%{filter:brightness(1)}}
.menu-links a{transition:transform .35s cubic-bezier(.16,1,.3,1),color .25s,letter-spacing .35s;transform:translate3d(var(--field-x,0px),var(--field-y,0px),0)}.menu-links a:hover{letter-spacing:.035em}
.discover,.filters button,.detail-actions a{translate:var(--field-x,0px) var(--field-y,0px);transition:translate .32s cubic-bezier(.16,1,.3,1),background .3s,color .3s}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.field-lens,.field-cross{display:none}.tile,.tile-art canvas,.tile-icon,.hero-title-line{transition:none!important}#detailMedia .detail-icon{animation:none}}
/* CYLINDER 006 / ART DIRECTION */
:root{--wine:#8f304e;--chalk:#f0dfe3}body{background:#070608}.hero{isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 64% 36%,#5d172536,transparent 55%),repeating-linear-gradient(117deg,transparent 0 83px,#ae526008 84px 85px);pointer-events:none}.collage-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.88;mix-blend-mode:screen}.collage-piece{position:absolute;color:#702339;filter:drop-shadow(0 0 23px #731a3638);will-change:transform}.collage-piece svg{width:100%;height:100%;overflow:visible}.collage-piece.c1{width:clamp(220px,32vw,570px);height:60%;left:-10%;top:8%;opacity:.37;transform:translate3d(calc(var(--px,0)*-32px),calc(var(--py,0)*-24px),0) rotate(-17deg)}.collage-piece.c2{width:clamp(220px,28vw,480px);height:52%;right:-9%;top:0;opacity:.42;transform:translate3d(calc(var(--px,0)*36px),calc(var(--py,0)*25px),0) rotate(23deg)}.collage-piece.c3{right:8%;bottom:15%;font:500 clamp(11px,1.2vw,17px)/1.6 monospace;letter-spacing:.35em;white-space:nowrap;opacity:.34;transform:translate3d(calc(var(--px,0)*-14px),calc(var(--py,0)*-19px),0) rotate(-12deg)}.collage-piece.c4{width:clamp(160px,19vw,330px);height:48%;left:17%;bottom:-23%;opacity:.27;transform:translate3d(calc(var(--px,0)*25px),calc(var(--py,0)*-18px),0) rotate(30deg)}.hero-canvas-wrap,.hero-title,.hero-meta,.hero-bottom,.hero-side{position:relative;z-index:2}.hero-canvas-wrap{filter:drop-shadow(0 0 45px #a5264530)}.hero-title-line{filter:drop-shadow(0 0 20px #9e2c4024)}.archive-section{background:radial-gradient(ellipse at 85% 10%,#48132320,transparent 50%),#080708}.tile{isolation:isolate;transition:transform .42s cubic-bezier(.18,1,.3,1),border-color .3s,box-shadow .4s!important}.tile:hover{box-shadow:0 35px 90px #0009,0 0 45px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 0 55px #b72b3912}.tile::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#f5d9e017,transparent 47%);mix-blend-mode:screen}.tile-icon{filter:drop-shadow(0 0 12px var(--accent))}.menu{isolation:isolate;background:#090609!important;overflow:hidden}.menu::before{content:"";position:absolute;inset:-35%;background:repeating-conic-gradient(from var(--nav-rotation,0deg) at 52% 50%,transparent 0deg 13deg,#631e3220 14deg 14.2deg,transparent 15deg 28deg);opacity:.7;transform:translate3d(calc(var(--menu-px,0)*-30px),calc(var(--menu-py,0)*-30px),0);transition:background .8s;pointer-events:none}.menu-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.menu-art-disc{position:absolute;width:min(72vw,850px);aspect-ratio:1;right:-15%;top:50%;border-radius:50%;border:1px solid #ab557140;box-shadow:inset 0 0 0 2px #3d1322,inset 0 0 0 75px #220c1624,inset 0 0 0 76px #b76a7d2e,inset 0 0 0 150px #18091238,inset 0 0 0 151px #d8879b24,0 0 100px #7d1b3a22;transform:translate3d(calc(var(--menu-px,0)*-30px),calc(-50% + var(--menu-py,0)*-25px),0) rotate(var(--nav-rotation,0deg));transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.menu-art-disc::before,.menu-art-disc::after{content:"";position:absolute;inset:9%;border:1px dashed #d29baa35;border-radius:50%;transform:scaleX(.6) rotate(45deg)}.menu-art-disc::after{inset:19%;transform:scaleX(.35) rotate(-45deg)}.menu-art-mark{position:absolute;right:9%;top:50%;font-size:clamp(120px,25vw,420px);line-height:1;color:#a6496724;transform:translateY(-50%) rotate(var(--nav-rotation,0deg));transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.menu-art-caption{position:absolute;bottom:9%;right:5%;font:10px monospace;letter-spacing:.3em;color:#ba8396}.menu-head,.menu-links,.menu-bottom,.menu-ghost{position:relative;z-index:2}.menu-links a{transition:transform .55s cubic-bezier(.16,1,.3,1),color .3s,letter-spacing .5s!important}.menu-links a:hover{transform:translateX(3vw) skewX(-5deg)!important;letter-spacing:-.045em;color:#f9dce6!important;text-shadow:0 0 35px #b74269a1}.credits-widget{position:fixed;bottom:20px;left:20px;z-index:10000;font:10px 'DM Mono',monospace;letter-spacing:.12em}.credits-toggle{border:1px solid #a7567559;background:#140a10ee;color:#e8c4d0;padding:13px 17px;border-radius:100px;cursor:pointer;backdrop-filter:blur(16px);box-shadow:0 8px 30px #0008;transition:transform .3s,background .3s}.credits-toggle:hover{transform:translateY(-4px);background:#43192a}.credits-toggle b{background:#b45b78;color:#140910;border-radius:50%;padding:3px 6px;margin-left:5px}.credits-toggle span{margin-left:12px}.credits-panel{position:absolute;bottom:54px;left:0;width:min(340px,calc(100vw - 40px));max-height:65vh;overflow:auto;border:1px solid #8b45617a;background:#110a10f7;color:#e7ced7;border-radius:18px;padding:22px;box-shadow:0 20px 70px #000c;backdrop-filter:blur(22px);line-height:1.8;letter-spacing:.03em}.credits-panel[hidden]{display:none}.credits-heading{display:flex;justify-content:space-between;align-items:center;letter-spacing:.16em}.credits-heading button{background:none;color:inherit;border:0;cursor:pointer}.credits-panel p,.credits-panel small{color:#c8a7b3}.credits-panel a{color:#f0c4d5}.collage-photo{position:absolute;width:clamp(180px,24vw,390px);opacity:.18;filter:grayscale(1) contrast(1.7) sepia(.35);mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 73%);transform:translate3d(calc(var(--px,0)*-20px),calc(var(--py,0)*-18px),0) rotate(-12deg)}.collage-photo img{width:100%;display:block}.collage-photo-0{top:8%;left:2%}.collage-photo-1{bottom:7%;right:0%;transform:rotate(18deg)}.collage-photo-2{top:2%;right:20%}.collage-photo-3{bottom:0;left:30%}@media(max-width:700px){.collage-piece.c1{left:-35%;opacity:.25}.collage-piece.c2{right:-38%;opacity:.24}.collage-piece.c4{opacity:.12}.menu-art-disc{right:-70%;width:120vw;opacity:.65}.menu-art-mark{right:-25%;opacity:.5}.credits-widget{bottom:12px;left:12px}.credits-panel{bottom:50px}}@media(prefers-reduced-motion:reduce){.collage-piece,.menu-art-disc,.menu-art-mark{transition:none!important;transform:none!important}}