:root{color-scheme:dark;--gold:#dfb365;--cream:#f6e5bd;--font-title:'Gloock';--font-script:'The Nautigal';--font-body:'DM Sans'}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0806;color:var(--cream);font-family:var(--font-body),sans-serif;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe0a0;outline-offset:6px}::selection{background:#c4964b;color:#0a0806}.skip{position:absolute;top:-80px;left:20px;background:var(--gold);color:#0a0806;padding:14px;z-index:100}.skip:focus{top:12px}.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 24% 48%,#42301d60,transparent 57%),radial-gradient(ellipse at 100% 5%,#71502630,transparent 50%)}.aura{position:absolute;width:65vw;height:160vh;left:-18vw;top:-35vh;transform:rotate(28deg);background:linear-gradient(90deg,transparent 38%,#e6c57508 50%,transparent 61%);animation:aura 18s ease-in-out infinite alternate}.star{position:absolute;color:#e9bd6d;animation:twinkle 5s infinite ease-in-out;text-shadow:0 0 20px #d6a34e}.s1{left:8%;top:22%;font-size:15px}.s2{left:48%;top:14%;font-size:22px;animation-delay:-2s}.s3{right:8%;top:40%;font-size:12px;animation-delay:-3s}.s4{left:44%;bottom:22%;font-size:20px;animation-delay:-4s}.s5{right:17%;bottom:10%;font-size:10px;animation-delay:-1s}.campaign-header{max-width:1400px;padding:26px 6%;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand img{display:block;object-fit:contain;width:47px;height:67px}.back-link{font-size:11px;letter-spacing:.17em;text-transform:uppercase;display:flex;gap:20px;align-items:center}.back-link span{font-size:23px;color:var(--gold)}main{max-width:1260px;padding:0 5%;margin:auto}.campaign{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(65px,9vw,140px);align-items:center;padding:58px 0 74px}.art-stage{position:relative;isolation:isolate;width:100%;padding:5px 0 22px}.orbit{position:absolute;z-index:-1;border:1px solid #b98c492c;border-radius:50%;aspect-ratio:1;width:124%;left:-12%;top:-8%}.orbit-two{width:141%;left:-20.5%;top:-16.5%;border-style:dashed;border-color:#b98c491c;animation:orbit 150s linear infinite}.orbit-one:after{content:'';position:absolute;left:12%;top:16%;width:5px;height:5px;background:#ffe3ac;border-radius:50%;box-shadow:0 0 14px 4px #d9a15488}.art-label{display:block;font-size:8px;letter-spacing:.35em;color:#b89a6b;position:absolute;left:3px;top:-32px}.cover-frame{position:relative;margin:0;transform:rotate(-5deg);border:1px solid #d9ac5c88;padding:6px;background:linear-gradient(135deg,#f6d59535,#0c0907,#c5914025);box-shadow:0 35px 65px #000b,0 0 65px #cc934019;overflow:hidden;animation:float 11s ease-in-out infinite}.cover-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.cover-glint{position:absolute;inset:-70%;background:linear-gradient(115deg,transparent 42%,#fff0ca00 45%,#ffe9ab22 49%,#fff9e544 50%,transparent 54%);transform:translateX(-40%);animation:glint 10s ease-in-out infinite;pointer-events:none}.floating-diamond{width:clamp(80px,10vw,130px);height:auto;object-fit:contain;position:absolute;right:-56px;bottom:-5px;filter:drop-shadow(0 12px 22px #000);animation:diamond 8s ease-in-out infinite}.art-caption{padding-top:38px;display:flex;align-items:center;gap:30px;color:#bca583;font-size:11px;letter-spacing:.045em}.tiny-star{color:var(--gold);font-size:22px}.eyebrow{font-size:9px;line-height:1.8;letter-spacing:.28em;text-transform:uppercase;color:#c7a26c;margin:0 0 19px}.campaign-copy{min-width:0}h1{margin:0;font-weight:400;line-height:.95}h1>span{display:block;font:400 clamp(60px,7vw,104px)/1 var(--font-title),serif;letter-spacing:-.055em}h1 em{display:block;width:max-content;max-width:100%;padding:0 10px 14px 2px;margin-top:-4px;font:400 clamp(88px,10vw,146px)/.77 var(--font-script),cursive;letter-spacing:-.03em;background:linear-gradient(105deg,#a97029 5%,#efc877 25%,#fff0c8 42%,#ac7730 56%,#ffe6ac 69%,#c39143 90%);background-size:220% 100%;color:var(--gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold 8s ease-in-out infinite}.artist-name{font-size:11px;letter-spacing:.36em;text-transform:uppercase;margin:26px 0 29px;color:#e2ccaa;line-height:1.7}.release{border-left:1px solid #b38646;padding-left:18px;display:flex;flex-direction:column;gap:8px}.release-tag{font-size:8px;font-weight:600;letter-spacing:.22em;color:#a88e69}time{font-size:14px;letter-spacing:.12em;text-transform:uppercase}.description{font-size:14px;line-height:1.8;color:#bcae98;max-width:365px;margin:25px 0 24px}.presave-button{position:relative;display:flex;align-items:center;gap:13px;justify-content:center;min-height:62px;padding:17px 22px;border:1px solid #ffe3a6;background:linear-gradient(115deg,#f4d891,#e0b863 48%,#b88232);color:#241605;font-weight:700;font-size:13px;border-radius:3px;box-shadow:0 8px 40px #be85231b;transition:transform .25s,box-shadow .25s}.presave-button svg{width:24px;height:24px;flex-shrink:0}.button-arrow{margin-left:auto;font-size:24px;font-weight:400}.presave-button:hover{transform:translateY(-3px);box-shadow:0 8px 38px #be85234a}.presave-note{text-align:center;font-size:10px;line-height:1.6;color:#a08f77;margin:13px 0 22px}.small-actions{display:flex;gap:28px;align-items:center;justify-content:center;font-size:11px;color:#d4bea0}.small-actions button,.campaign-footer button{background:none;border:0;padding:0}.small-actions span{margin-left:8px;color:var(--gold)}.small-actions a:hover,.small-actions button:hover,.back-link:hover{color:#fff1d3}.feedback{font-size:11px;min-height:16px;text-align:center;margin:11px 0 0;color:#edcc91}.afterglow{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid #caa15c2b;padding:29px 0 30px}.club-invite{display:flex;gap:20px;align-items:center}.small-diamond{font-size:53px;font-family:Georgia;color:#d8af6a;text-shadow:0 0 22px #b9834a55}.club-invite p{font:400 30px/1 var(--font-script),cursive;margin:0 0 10px;color:#ead0a4}.club-invite a{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#bfa37b}.club-invite a span{margin-left:15px}details{align-self:center;font-size:11px;color:#bda98b}summary{list-style:none;cursor:pointer;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:12px 0}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:#d7b378}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;max-width:450px;color:#b2a089}.campaign-footer{max-width:1400px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #caa15c16;font-size:8px;letter-spacing:.13em;color:#8e7f6b}.footer-mantra{font:400 26px var(--font-script);letter-spacing:0;color:#bea071}.campaign-footer button{font-size:10px;letter-spacing:.06em;color:#b9a98f}.campaign-footer button span{margin-right:8px}.effects-paused *,.effects-paused *:before,.effects-paused *:after{animation-play-state:paused!important}.preview-note{font-size:11px;text-align:center;color:#dbc28a;padding:10px;background:#2d2315}
@keyframes gold{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}@keyframes float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}@keyframes diamond{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-13px) rotate(-5deg)}}@keyframes glint{0%,25%{transform:translateX(-50%)}65%,100%{transform:translateX(50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.9;transform:scale(1.1)}}@keyframes aura{to{transform:rotate(5deg) translateX(25%)}}
@media(min-width:1500px){.campaign{padding-top:90px;padding-bottom:100px}}@media(max-width:900px){main{padding:0 7%}.campaign{gap:65px;padding-top:45px}.artist-name{letter-spacing:.22em}.floating-diamond{right:-34px}.presave-button{padding-inline:15px;font-size:12px}.afterglow{gap:50px}h1 em{font-size:110px}.campaign-copy h1>span{font-size:75px}.description{font-size:13px}}@media(max-width:680px){.campaign-header{padding:18px 7%}.brand img{width:36px;height:52px}.back-link{font-size:9px;gap:10px}main{max-width:500px;padding:0 8%}.campaign{grid-template-columns:1fr;gap:29px;padding:40px 0 30px}.art-stage{width:79%;margin:auto;padding-bottom:0}.art-label{font-size:6px;letter-spacing:.25em;top:-23px}.art-caption{display:none}.orbit{width:118%;left:-9%;top:-8%}.orbit-two{width:133%;left:-16.5%;top:-15.5%}.floating-diamond{width:81px;right:-33px;bottom:-24px}.campaign-copy{text-align:center}.eyebrow{font-size:8px;margin:7px 0 17px}.campaign-copy h1>span{font-size:60px;display:inline-block}.campaign-copy h1{line-height:1.3;white-space:normal}.campaign-copy h1 em{display:inline-block;font-size:88px;margin-left:7px;padding-right:6px}.artist-name{font-size:9px;margin:12px 0 20px}.release{border:0;gap:7px;padding:0}.release-tag{font-size:7px}time{font-size:12px}.description{font-size:12px;line-height:1.8;margin:20px auto}.presave-button{min-height:58px;max-width:390px;margin:auto}.presave-note{font-size:9px;margin-bottom:18px}.afterglow{grid-template-columns:1fr;gap:18px;padding:20px 0}.club-invite{justify-content:center}.club-invite p{font-size:29px}details{border-top:1px solid #d4ac5c22;padding-top:9px}.campaign-footer{padding:22px 8%;flex-wrap:wrap;gap:20px;font-size:7px}.footer-mantra{display:none}.s2{left:85%;top:22%}.s4{left:10%;bottom:30%}.campaign-footer button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}


.diamond-transition[hidden]{display:none}
.diamond-transition{position:fixed;inset:0;z-index:99;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080604f5;backdrop-filter:blur(12px);animation:veil-in .18s ease-out;color:#edcf97}
.diamond-burst{position:relative;width:min(74vw,370px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate;perspective:700px}
.gem-assembly{position:relative;width:100%;aspect-ratio:3/2;filter:drop-shadow(0 0 18px #e8b95660)}
.gem-intact{display:block;width:100%;height:auto;animation:gem-fracture 650ms ease-out both}
.gem-fragments,.gem-shard,.gem-cracks{position:absolute;inset:0}
.gem-fragments{perspective:700px}
.gem-shard{opacity:0;animation:shard-flight 940ms cubic-bezier(.16,.66,.28,1) var(--shard-delay) forwards;will-change:transform,opacity}
.gem-shard img{display:block;width:100%;height:100%;object-fit:contain}
.gem-cracks{width:100%;height:100%;mask:url('/assets/diamante-milena-v1.png') center/contain no-repeat;animation:crack-light 650ms ease-out both;filter:drop-shadow(0 0 2px #ffdd8c)}
.gem-cracks path{fill:none;stroke:#fff4cb;stroke-width:.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;animation:crack-draw 400ms 240ms both}
.burst-ring{position:absolute;inset:8%;border:1px solid #ffe9ad;border-radius:50%;box-shadow:0 0 24px #e9c17577;animation:burst-ring 950ms 550ms ease-out both}
.burst-halo{position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 40deg,transparent,#fcd58015,transparent,#fff4ce20,transparent,#fbd27518,transparent);border-radius:50%;mask-image:radial-gradient(black,transparent 65%);animation:burst-halo 1.6s ease-out both}
.flare{position:absolute;width:105px;height:105px;filter:drop-shadow(0 0 12px #fff0b1);animation:flare 700ms 150ms ease-in-out both}
.flare:before,.flare:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#fffde1 48%,#fff 50%,#fffde1 52%,transparent);clip-path:polygon(49% 0,53% 43%,100% 50%,53% 54%,50% 100%,47% 55%,0 50%,47% 44%)}
.flare:after{transform:rotate(45deg) scale(.55);opacity:.75}.flare-one{left:15%;top:20%}.flare-two{right:11%;top:38%;width:70px;height:70px;animation-delay:300ms}
.prism-line{position:absolute;left:-60%;right:-60%;height:1px;top:44%;background:linear-gradient(90deg,transparent,#edc36a,#fff,#d7d7ff,transparent);box-shadow:0 0 24px 3px #e4b95366;transform:rotate(-17deg);animation:prism-flash 700ms 350ms ease-out both}
.impact-flash{position:absolute;inset:-35%;background:radial-gradient(ellipse,#fff8d9 0,#ffdd8e99 12%,#c9903530 30%,transparent 65%);mix-blend-mode:screen;animation:impact-flash 650ms 480ms ease-out both;pointer-events:none}
.diamond-transition p{font-size:11px;letter-spacing:.15em;margin:18px 0;color:#efdbb8}.diamond-transition a{font-size:10px;color:#b8a17d;padding:12px}.diamond-transition a:focus-visible{outline:1px solid #ab8c50;outline-offset:2px}
@keyframes veil-in{from{opacity:0}to{opacity:1}}
@keyframes gem-fracture{0%{transform:scale(.75) rotate(-7deg);opacity:0}30%{opacity:1;transform:scale(1) rotate(0)}65%{filter:brightness(1.12);transform:translateX(0)}72%{transform:translateX(-2px) rotate(-.6deg)}79%{transform:translateX(2px) rotate(.6deg)}86%{transform:translateX(-1px)}92%{opacity:1;transform:translateX(0);filter:brightness(1.6)}100%{opacity:0;filter:brightness(1.8)}}
@keyframes shard-flight{0%{opacity:1;transform:translate3d(0,0,0) rotate(0) rotateY(0);filter:brightness(1.65)}12%{opacity:1}55%{opacity:1;filter:brightness(1.15)}100%{opacity:0;transform:translate3d(var(--fly-x),var(--fly-y),150px) rotate(var(--spin)) rotateY(var(--tilt));filter:brightness(.85)}}
@keyframes crack-light{0%,35%{opacity:0}70%,93%{opacity:1}100%{opacity:0}}
@keyframes crack-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes burst-ring{0%{transform:scale(.25);opacity:0}15%{opacity:.8}100%{transform:scale(3.2);opacity:0}}
@keyframes burst-halo{0%{transform:rotate(-50deg) scale(.4);opacity:0}42%{opacity:1}100%{transform:rotate(25deg) scale(1.6);opacity:0}}
@keyframes flare{0%,100%{transform:scale(0) rotate(-20deg);opacity:0}45%{transform:scale(1) rotate(12deg);opacity:1}}
@keyframes prism-flash{0%,100%{opacity:0;scale:.2 1}45%{opacity:1;scale:1 1}}
@keyframes impact-flash{0%{opacity:0;transform:scale(.2)}22%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.9)}}
