.preview-collection{background:var(--bg);color:var(--primary);overflow:hidden;--contact-line:#0000000e;--contact-muted:#727579;--contact-card:#ffffff9c}
[data-theme=dark] .preview-collection{--contact-line:#ffffff15;--contact-muted:#a4a5af;--contact-card:#1b1b20cc}
.collection-stage{position:absolute;inset:0 auto auto 0;transform-origin:0 0}.collection-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8884 transparent;outline-offset:-3px;scroll-padding:25px}
.collection-scroll *{box-sizing:border-box}.preview-collection img{position:static;display:block;inset:auto;width:100%;height:100%;object-fit:cover}.collection-scroll svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.collection-scroll button,.collection-scroll a{-webkit-tap-highlight-color:transparent}.collection-scroll button:focus-visible,.collection-scroll a:focus-visible{outline:2px solid #89a4ff;outline-offset:5px}
.collection-expanded.preview-music{mask-image:linear-gradient(transparent,#000 25px,#000 calc(100% - 45px),transparent)}
.music-stack{width:min(100%,420px);margin:auto;display:flex;flex-direction:column;gap:52px;padding:24px 0 80px}.music-card{border-radius:19px;background:var(--release-color);padding:24px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff17,0 14px 45px #0000000c;transition:transform .35s,box-shadow .35s;isolation:isolate;position:relative}
.music-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#fff1,transparent 45%,#0001);z-index:-1}.music-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff24,0 20px 48px #0002}
.music-listen{display:block;width:100%;text-align:left;border:0;border-radius:9px;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.music-listen .music-cover{aspect-ratio:1;height:auto;border-radius:9px;box-shadow:0 8px 28px #0002;object-fit:cover;transition:box-shadow .3s}
.music-info{padding-top:20px}.music-info h3{font-size:24px;line-height:1.25;letter-spacing:-.65px;font-weight:650;margin:0 0 7px;text-wrap:balance}.music-info p{margin:0}.music-artist{font-size:16px;line-height:24px;font-weight:500}.music-year{font-size:13px;line-height:22px;opacity:.7}
.music-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.music-spotify{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:650;letter-spacing:-.5px}.music-spotify img{width:24px;height:24px;filter:brightness(0) invert(1)}.music-spotify>svg{width:12px;height:12px;margin-left:2px;opacity:0;transform:translate(-2px,2px);transition:opacity .2s,transform .2s}.music-spotify:hover>svg,.music-spotify:focus-visible>svg{opacity:.85;transform:none}
.music-indicator{display:flex;align-items:center;gap:8px;font-size:10px;opacity:.65}.music-bars{display:flex;align-items:center;gap:2px;height:15px}.music-bars i{display:block;width:2px;height:4px;background:currentColor;border-radius:2px}.music-bars i:nth-child(2){height:10px}.music-bars i:nth-child(3){height:7px}.music-bars i:nth-child(4){height:12px}
[data-audio-state=playing] .music-bars i{animation:music-wave .75s ease-in-out infinite alternate}[data-audio-state=playing] .music-bars i:nth-child(2){animation-delay:-.4s}[data-audio-state=playing] .music-bars i:nth-child(3){animation-delay:-.15s}[data-audio-state=playing] .music-bars i:nth-child(4){animation-delay:-.6s}[data-audio-state=playing] .music-indicator{opacity:1}@keyframes music-wave{from{transform:scaleY(.35)}to{transform:scaleY(1.3)}}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:26px;align-items:stretch;padding:24px 18px 35px}
/* Neutral email surface, following the supplied light/dark references. */
.email-card{--mail-muted:#737373;display:flex;flex-direction:column;min-width:0;min-height:453px;padding:32px;border-radius:32px;border:1px solid #fff9;background:linear-gradient(145deg,#f5f5f5,#e6e6e6);box-shadow:inset 0 1px 2px #fff,0 8px 22px -18px #0003;position:relative;overflow:hidden}
[data-theme=dark] .email-card{--mail-muted:#969396;border-color:#ffffff09;background:linear-gradient(145deg,#0e0d0f,#1c1b1d);box-shadow:inset 0 1px 2px #ffffff05,0 8px 22px -18px #0008}
.email-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.email-art{width:43px;height:43px;display:grid;place-items:center;color:#424747}[data-theme=dark] .email-art{color:#c9c4c9}.email-art svg{width:35px;height:35px;fill:currentColor;stroke:none}
.email-chip{padding:7px 11px;border:1px solid #0000000d;border-radius:99px;font-size:9px;letter-spacing:1.2px;font-weight:600;color:var(--mail-muted)}[data-theme=dark] .email-chip{border-color:#ffffff0b}
.email-heading h3{white-space:pre-line;font-size:36px;font-weight:550;line-height:1.13;letter-spacing:-1.4px;margin:0 0 17px}.email-description{font-size:13px;line-height:1.65;color:var(--mail-muted);white-space:pre-line;margin:0}.email-footer{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;align-items:stretch;gap:20px}
.email-address{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:53px;padding:8px 12px 8px 20px;border-radius:99px;color:#171717;background:linear-gradient(100deg,#dedede,#c5c5c5);box-shadow:inset 0 1px 1px #fffb,0 4px 14px #0000000a;transition:background .2s}
[data-theme=dark] .email-address{color:#f4f4f4;background:linear-gradient(100deg,#252527,#424244);box-shadow:inset 0 1px 1px #ffffff09,0 4px 14px #0002}
.email-address>a{font-size:16px;line-height:22px;font-weight:600;letter-spacing:-.3px;overflow-wrap:anywhere;flex:1}.contact-icon-button{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#00000008;border:0;color:inherit;border-radius:50%;padding:6px;cursor:pointer;transition:background .2s}.contact-icon-button:hover{background:#00000012}[data-theme=dark] .contact-icon-button{background:#ffffff09}[data-theme=dark] .contact-icon-button:hover{background:#ffffff16}.contact-icon-button svg{width:15px;height:15px}
.write-email{align-self:flex-end;display:inline-flex;align-items:center;gap:14px;color:#555;font-size:12px;font-weight:550;border-radius:99px;padding:10px 17px;border:1px solid #0000000e;box-shadow:inset 0 1px 1px #fff;background:linear-gradient(#f8f8f8,#e7e7e7);transition:background .2s}.write-email svg{width:13px;height:13px}.write-email:hover{background:#f8f8f8}
[data-theme=dark] .write-email{color:#bbb;border-color:#ffffff10;background:linear-gradient(#101011,#171718);box-shadow:inset 0 1px 1px #0006}[data-theme=dark] .write-email:hover{background:#232325}
.discord-card{background:#fff;border:1px solid var(--contact-line);border-radius:20px;overflow:hidden;box-shadow:0 14px 44px #00000008;min-width:0}[data-theme=dark] .discord-card{background:#232428}.discord-banner{height:130px;position:relative;background:radial-gradient(ellipse at 80% 5%,#9190ff 0%,transparent 60%),linear-gradient(135deg,#5750dd,#6265ed);padding:22px}.discord-brand{font-size:12px;font-weight:600;color:#ffffffe0;letter-spacing:.2px}.discord-add{position:absolute;right:16px;top:15px;background:#10113858;color:#fff;border:1px solid #ffffff19;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;transition:background .2s}.discord-add:hover{background:#10113888}.discord-add svg{width:18px;height:18px}
.discord-body{padding:0 25px 24px;position:relative}.discord-avatar{width:102px;height:102px;border-radius:50%;overflow:hidden;margin-top:-51px;border:6px solid #fff;background:#212435;margin-bottom:15px}[data-theme=dark] .discord-avatar{border-color:#232428}.discord-avatar img{object-position:center 60%}.discord-name{font-size:25px;line-height:1.2;letter-spacing:-.65px;margin:0 0 9px;font-weight:700}.discord-username{display:inline-flex;align-items:center;gap:13px;background:#f0f0f4;border:1px solid #00000005;padding:7px 10px;color:var(--primary);border-radius:8px;font-size:13px;cursor:pointer}[data-theme=dark] .discord-username{background:#ffffff09;border-color:#ffffff04}.discord-username svg{width:14px;height:14px;opacity:.5}.discord-username:hover svg{opacity:1}.discord-badges{display:flex;gap:7px;align-items:center;margin:18px 0 22px}.discord-badge{width:23px;height:23px;position:relative;outline-offset:4px}.discord-badge img{object-fit:contain}
.discord-bio{font-size:12px;color:var(--contact-muted);margin:0 0 26px}.discord-member{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--contact-line);padding-top:18px}.discord-member>span{font-size:9px;letter-spacing:1px;color:var(--contact-muted);font-weight:650}.discord-member time{font-size:12px}.copied{color:#3da37c!important}.contact-copy-status{min-height:25px;margin:0;text-align:center;font-size:12px;color:var(--contact-muted)}.copy-fallback{position:fixed;width:1px;height:1px;left:-9999px;top:0}
.collection-project .gallery-layout{max-width:1440px;gap:52px}.collection-project #gallery{width:1020px;max-width:calc(100% - 310px);padding-top:clamp(70px,15vh,155px);padding-bottom:28px}.collection-project .hero-host{aspect-ratio:auto;height:calc(100dvh - clamp(70px,15vh,155px) - 24px);min-height:630px;max-height:1180px}.collection-project .hero-host>.preview,.shared-media:has(.preview-collection){border-radius:0;box-shadow:none}#previews>.preview-collection{pointer-events:none}
@media(max-width:1150px) and (min-width:1024px){.contact-layout{gap:16px;padding:24px 4px}.email-card{padding:23px}.discord-body{padding-left:20px;padding-right:20px}.email-heading h3{font-size:30px}.email-address>a{font-size:13px}.discord-name{font-size:23px}}
@media(max-width:1023px){.collection-project .gallery-layout{max-width:850px}.collection-project #gallery{width:100%;max-width:100%;padding:0 0 30px}.collection-project .gallery-nav{padding:48px 44px 30px}.collection-project .hero-host{height:80dvh;min-height:610px}.email-address>a{font-size:14px}}
@media(max-width:620px){.collection-project{padding:0 14px}.music-stack{max-width:380px;gap:30px;padding-top:22px}.music-card{padding:21px;border-radius:17px}.music-info h3{font-size:23px}.music-footer{margin-top:17px}.contact-layout{grid-template-columns:1fr;max-width:420px;margin:auto;gap:23px;padding:15px 0 30px}.email-card{padding:27px;min-height:430px}.email-heading h3{font-size:35px}.email-address>a{font-size:14px}.discord-card{min-height:424px}.contact-copy-status{padding-bottom:35px}.preview-contact.collection-expanded{mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 25px),transparent)}}
@media(hover:none) and (max-width:1023px){.music-hint{font-size:0}.music-hint:after{content:'Hold to preview';font-size:10px}[data-audio-state=playing] .music-hint:after{content:'Previewing'}[data-audio-state=loading] .music-hint:after{content:'Loading preview'}[data-audio-state=unavailable] .music-hint:after{content:'Open on Spotify'}}
@media(prefers-reduced-motion:reduce){.music-card,.music-cover,.music-spotify>svg,.email-address,.write-email{transition:none}[data-audio-state=playing] .music-bars i{animation:none}.music-card:hover{transform:none}}