/* Personal web collage: dense objects, clear controls. Original vector studies. */
:root{--max-black:#0b0913;--max-plum:#301329;--max-silver:#d6d2e9;--max-pink:#d55398;--max-blue:#6662ba;--max-acid:#d2e691}
.new-collage{height:472px;background-color:var(--max-black);background-image:radial-gradient(ellipse at 73% 65%,#361d46 0,transparent 56%),linear-gradient(#73609b17 1px,transparent 1px),linear-gradient(90deg,#73609b17 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;isolation:isolate}
.new-collage:after{content:'';position:absolute;inset:30px 0 0;background-image:radial-gradient(#b3a5d520 .65px,transparent .8px);background-size:5px 5px;pointer-events:none;z-index:-1}
.new-collage .welcome{top:107px;left:5%;z-index:4;pointer-events:none}
.new-collage .welcome h1{font-size:clamp(78px,8.4vw,122px);line-height:.95;letter-spacing:-7px;margin:26px 0 23px;text-shadow:2px 2px #07040d,4px 4px #9b87c5}
.new-collage .welcome h1 em{color:#e065a7;text-shadow:2px 2px #100614,4px 4px #7e72b8}
.new-collage .welcome>span{color:#e1d8ea;background:#37283f;border:1px solid #8a729e;box-shadow:3px 3px #030106;font-size:10px;transform:rotate(-3deg)}
.new-collage .welcome p{background:#181324;border:1px solid #716084;box-shadow:3px 3px #8e3968;max-width:350px;font-size:12px;line-height:1.6;padding:9px 12px}
.new-collage .title-spark{color:#d3ddac}.new-collage .cd-object{right:17%;top:66px;scale:1.07;z-index:3}.new-collage .burst{right:3.3%;top:233px;background:#d7e99f;width:125px;height:125px;z-index:6}.new-collage .burst>span{font-size:15px;line-height:1.12}.new-collage .burst b{margin-top:7px}.new-collage .hyd-hologram{right:13%;bottom:38px;width:177px;height:124px;z-index:5;transform:rotate(8deg);box-shadow:8px 8px #030106}.new-collage .holo-word{font-size:56px}.new-collage .punk-orbit{display:none}.new-collage .home-stamp{display:none}.new-collage .sticker-b{top:52px;left:5%;background:#100c19;color:#bcaacb;border:1px dashed #6c547f;box-shadow:none;font-size:8px}.new-collage .sticker-c{top:48px;right:3%;background:#672748;color:#f5cde1;border:1px solid #c6639c;font-size:9px}.new-collage .sticker-a{bottom:11px;left:36%;background:#191122;color:#d2c1e5;box-shadow:none;border:1px solid #654f76;font-size:8px;z-index:5}
.hero-fragments{position:absolute;inset:0;pointer-events:none;z-index:2}.hero-fragments button{pointer-events:auto;cursor:pointer}.chrome-talisman{position:absolute;width:110px;height:110px;right:5%;top:98px;filter:drop-shadow(5px 6px #08050c);animation:talisman-turn 20s linear infinite;animation-play-state:var(--motion)}
.hero-eye{position:absolute;bottom:25px;left:5%;width:172px;height:106px;background:transparent;border:0;padding:0;transform:rotate(-12deg);transition:transform .45s}.hero-eye svg{width:100%;height:100%;overflow:visible}.hero-eye:hover{transform:rotate(0deg) scale(1.08)}
.hero-eye:after{content:'keep looking';position:absolute;bottom:-2px;right:0;padding:3px 7px;background:#230c22;color:#dfacd3;border:1px solid #894e86;font:9px 'IBM Plex Mono'}
.hyd-keytag{position:absolute;left:24%;bottom:42px;transform:rotate(7deg);border:2px solid #aca0c4;background:linear-gradient(120deg,#817795,#e6deed 48%,#77718e 49%,#c0b5d2);padding:9px 22px 10px 28px;box-shadow:4px 5px #06020a;border-radius:35px 9px 9px 35px;color:#27172d;font:bold 23px/1.2 sans-serif;transition:rotate .4s}.hyd-keytag:before{content:'';position:absolute;left:9px;top:50%;margin-top:-3px;width:6px;height:6px;border:1px solid #8d779b;border-radius:50%;background:#100c17}.hyd-keytag:hover{rotate:-9deg}.hyd-keytag small{display:block;font:7px 'IBM Plex Mono';letter-spacing:3px;margin-top:5px}
.mini-negative{position:absolute;left:45%;bottom:66px;display:flex;align-items:center;gap:5px;background:#07040f;border:1px solid #817292;padding:11px 8px;transform:rotate(-13deg);box-shadow:5px 5px #08040f;transition:rotate .4s}.mini-negative:before,.mini-negative:after{content:'';height:3px;position:absolute;left:8px;right:8px;background:repeating-linear-gradient(90deg,#b49bbb 0 4px,transparent 4px 12px)}.mini-negative:before{top:4px}.mini-negative:after{bottom:4px}.mini-negative img{width:66px;height:54px;object-fit:cover;filter:saturate(.6)}.mini-negative:hover{rotate:8deg}.mini-negative span{font:8px 'IBM Plex Mono';color:#d6c3d9;writing-mode:vertical-rl}
.web-scribble{position:absolute;left:58%;top:56px;font:58px/1 Georgia;color:#886c9e;transform:rotate(-17deg);text-shadow:2px 2px #25172e;pointer-events:none}.hero-stitch{position:absolute;right:6%;bottom:17px;width:160px;border-bottom:1px dashed #ae77a2;transform:rotate(-9deg)}
.compact-discovery{position:relative;padding-top:17px;padding-bottom:24px;background:#100b18;border-top:1px solid #83516f;border-bottom:1px solid #785a8c}.compact-console{max-width:none;gap:20px;grid-template-columns:.75fr 1.25fr}.discovery-title{margin-bottom:10px}.shuffle-object{min-height:108px;background:linear-gradient(130deg,#382034,#16101f);border-color:#9b688c}.shuffle-object:after{content:'';width:65px;height:65px;border:1px solid #cb75a166;position:absolute;border-radius:50%;right:48px;transform:rotate(20deg) scaleX(1.7);pointer-events:none}.shuffle-object b{font-size:20px}.area-terminal{background:linear-gradient(130deg,#211d32,#15121d);border-color:#777098}.area-terminal>label{font-size:16px}.area-suggestions button{font-size:10px}.terminal-input input{font-size:12px}.shuffle-art{width:62px;height:62px;flex-basis:62px}.shuffle-arrow{font-size:51px}.shuffle-object>i{z-index:1}
.punk-strip{background:#0c0912;color:#bfaacb;border-block:0}.punk-strip span{font-size:9px}.home-extras{position:relative;background:#21142c;background-image:repeating-linear-gradient(125deg,transparent 0 59px,#a58ab90c 60px 61px);padding:40px 35px 32px;gap:23px;border-top:8px solid transparent;border-image:repeating-linear-gradient(45deg,#625078 0 8px,#160e20 8px 16px) 8}.home-extras>button{transition:transform .35s,filter .35s}.home-extras>button:hover{transform:translateY(-9px) rotate(0);filter:brightness(1.12)}
.home-extras .post-it{background:#231624;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;border-color:#96607d;overflow:visible}.post-it .pocket-heart{width:120px;height:107px;align-self:center;margin-top:-20px;filter:drop-shadow(5px 4px #07030c)}.home-extras .post-it b{font:700 30px/.98 'Space Grotesk';margin:10px 0;color:#f0d5e6;letter-spacing:-1.5px}.home-extras .post-it>span{font-size:9px}.home-extras .post-it small{font:9px/1.5 'IBM Plex Mono';color:#bda1b7}.home-extras .mini-atlas{background:#14152b;border:1px solid #70649f;padding:16px}.mini-atlas .compass-art{width:100%;height:125px;margin-bottom:6px}.home-extras .mini-atlas b{font-size:24px;line-height:1.02}.home-extras .mini-atlas>span{font-size:8px;line-height:1.5}.home-photo{border-color:#a9a0b7;background:#3d3048}.home-photo span{color:#e4d6ec;font:italic 22px Georgia}.pocket-camera{align-self:center}.camera-body{box-shadow:7px 8px #100617!important}.noticeboard-title h2{font:700 clamp(32px,5vw,61px)/1 'Space Grotesk';letter-spacing:-3px}.noticeboard-title>span{color:#dec6e8;background:#372340}.readme-window{border-color:#8e729e}.sticker-board{background:radial-gradient(ellipse at center,#4a2444,transparent 72%),#171020;border-color:#a676a9}.sticker-board>span{color:#d8b5d9;opacity:.72}.contact-strip{background:#211324!important;border-color:#ac749c!important}.contact-strip b{font-size:25px}.sticker-rack{padding-block:26px;gap:24px}.sticker-rack>button:nth-child(1){border-radius:50%;transform:rotate(-8deg);background:#171128}.sticker-rack>button:nth-child(2){clip-path:polygon(3% 0,97% 4%,100% 95%,0 100%);background:#341325}.sticker-rack>button:nth-child(3){border-style:dashed;background:#1d2034}.sticker-rack>button:nth-child(4){transform:rotate(5deg);background:#22182f}.sticker-rack>button{font-size:20px}
/* The same metallic objects follow you into the collection, without covering media. */
.roll-heading{position:relative;z-index:1}.roll-art .roll-orbit{font-size:160px;line-height:1;background:linear-gradient(#fff,#7e7492 43%,#cdd0dd 49%,#292437 52%,#eee5f8);color:transparent;background-clip:text;text-shadow:none}.keepsake-wall{position:relative}.keepsake{box-shadow:6px 7px #05030b,8px 9px #87669880!important}.keepsake.paper-photo{padding-top:20px;position:relative}.keepsake.paper-photo:before{content:'− □ ×';position:absolute;right:8px;top:3px;font:8px 'IBM Plex Mono';color:#c4aacd}.keepsake.paper-photo img{border:1px solid #807086;filter:saturate(.8)}.keepsake.paper-note{border-top:7px solid #9a547b;background:#271322}.keepsake.paper-find{border-radius:40% 40% 2px 2px;background:#141b29}.keepsake.paper-ticket{border-style:dashed}.keepsake.paper-rocks{background:#151827}.keepsake.paper-rocks .rock-wire{background:linear-gradient(#eee8f2,#757291 44%,#292539 49%,#b8b1d0 58%,#eee7f8);color:transparent;background-clip:text}.keepsake.paper-chai{background:#261329}.keepsake b{letter-spacing:-1.2px}.cinema-chrome{box-shadow:0 0 0 2px #211528,0 0 0 3px #918296,8px 10px #040207}.cinema-titlebar{background:linear-gradient(#655873,#33273e 40%,#251e31 44%,#4e3e5d)}.screen{background:#06040b}.screen-title h1{font-family:'Space Grotesk',sans-serif}.cinema-keeps{background:#171021;border-top:1px solid #a26794}.cinema-keeps .chrome-mini{color:#bfb5d0;text-shadow:2px 3px #5c486c}
@keyframes talisman-turn{to{rotate:360deg}}
@media(max-width:1000px){.new-collage{height:470px}.new-collage .welcome h1{font-size:88px}.new-collage .welcome{top:112px}.new-collage .cd-object{right:4%;top:88px;scale:.9}.chrome-talisman{right:25%;top:61px;width:80px;height:80px}.new-collage .burst{right:4%;top:303px;width:110px;height:110px}.new-collage .hyd-hologram{right:21%;bottom:18px;width:145px;height:104px}.hero-eye{left:4%;bottom:26px;width:140px}.hyd-keytag{left:24%;bottom:45px;font-size:20px;padding:8px 14px 8px 23px}.mini-negative{left:43%;bottom:137px}.mini-negative img{width:48px;height:42px}.web-scribble{left:47%;top:53px;font-size:42px}.new-collage .sticker-a{left:43%;bottom:7px}.home-extras{gap:22px}.post-it .pocket-heart{height:110px}.compact-console{grid-template-columns:.9fr 1.1fr}.shuffle-object b{font-size:18px}}
@media(max-width:760px){.new-collage .welcome h1{font-size:77px;letter-spacing:-5px}.new-collage .welcome{top:111px}.new-collage .welcome p{max-width:300px;font-size:11px}.new-collage .cd-object{top:78px;right:2%;scale:.74}.chrome-talisman{right:30%;width:74px;height:74px;top:65px}.new-collage .hyd-hologram{right:23%;width:127px;height:91px;bottom:20px}.mini-negative{left:49%;bottom:137px}.mini-negative img{width:40px;height:34px}.hyd-keytag{left:26%;font-size:17px;bottom:60px}.hero-eye{width:130px;left:4%;bottom:30px}.new-collage .burst{right:3%;top:333px;width:101px;height:101px}.new-collage .burst>span{font-size:13px}.web-scribble{display:none}.new-collage .sticker-c{font-size:7px}.shuffle-object{gap:10px;padding:12px}.shuffle-art{width:45px;height:45px;flex-basis:45px}.shuffle-arrow{font-size:40px}.shuffle-object b{font-size:16px}.shuffle-object:after{display:none}.area-terminal>label{font-size:14px}.area-suggestions button{font-size:9px}.home-extras{padding:37px 27px 32px}.home-extras .post-it b{font-size:33px}.home-extras .mini-atlas b{font-size:29px}.home-extras .mini-atlas>span{font-size:10px}.home-extras .post-it small{font-size:11px}.home-extras .post-it>span{font-size:11px}.post-it .pocket-heart{width:145px;height:135px}.mini-atlas .compass-art{height:155px}}
@media(max-width:500px){.new-collage{height:548px}.new-collage .welcome{top:97px}.new-collage .welcome h1{font-size:65px;letter-spacing:-5px;margin-top:28px}.new-collage .welcome p{max-width:275px;font-size:11px}.new-collage .welcome>span{font-size:8px}.new-collage .sticker-b{top:48px;font-size:7px}.new-collage .sticker-c{top:74px;font-size:6px}.new-collage .cd-object{right:2%;top:279px;scale:.77}.chrome-talisman{right:8%;top:99px;width:59px;height:59px}.new-collage .hyd-hologram{right:40%;bottom:23px;width:122px;height:86px}.new-collage .burst{top:auto;bottom:18px;right:4%;width:95px;height:95px}.hero-eye{left:6%;bottom:144px;width:120px;height:87px}.hyd-keytag{left:5%;bottom:115px;font-size:16px;padding:7px 12px 7px 22px}.hyd-keytag small{font-size:6px}.mini-negative{left:6%;bottom:28px;transform:rotate(-7deg);z-index:-1;opacity:.6}.mini-negative img{width:38px;height:31px}.new-collage .sticker-a{left:3%;bottom:4px;font-size:6px}.hero-stitch{display:none}.compact-console{grid-template-columns:1fr;gap:13px}.shuffle-object{min-height:80px;padding:13px 17px}.shuffle-object b{font-size:19px}.shuffle-art{width:49px;height:49px;flex-basis:49px}.shuffle-object small{font-size:9px}.area-terminal>label{font-size:16px}.area-suggestions button{font-size:11px;padding-block:4px}.discovery-title>span{font-size:9px}.home-extras{padding:35px 22px;gap:28px}.home-extras .post-it b{font-size:23px}.home-extras .post-it small{font-size:8px}.home-extras .post-it>span{font-size:8px}.post-it .pocket-heart{width:90px;height:85px}.home-extras .mini-atlas b{font-size:22px}.home-extras .mini-atlas>span{font-size:8px}.mini-atlas .compass-art{height:110px}.noticeboard-title h2{letter-spacing:-1.5px}.sticker-rack>button{font-size:18px}.home-photo span{font-size:17px}}
.motion-off .hero-fragments *{animation:none!important;transition:none!important}.motion-off .hero-fragments button:hover{transform:none;rotate:none}
@media(prefers-reduced-motion:reduce){.hero-fragments *{animation:none!important;transition:none!important}.hero-fragments button:hover{transform:none;rotate:none}}