@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night-0:oklch(7% .035 270);--night-1:oklch(12% .05 265);--night-2:oklch(22% .09 268);--blue-glow:oklch(66% .16 255);--gold:oklch(84% .12 88);--rose:oklch(78% .12 345);--text:oklch(96% .018 260);--muted:oklch(82% .04 265/.72);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--night-0);overflow:hidden}button{font:inherit}.experience{min-height:100svh;color:var(--text);background:radial-gradient(at 18% 78%,oklch(39% .12 24/.2),#0000 38%),radial-gradient(at 74% 22%,oklch(43% .18 300/.18),#0000 34%),radial-gradient(at 48% 42%,oklch(34% .14 258/.38),#0000 46%),linear-gradient(145deg,oklch(8% .04 270),oklch(13% .065 282) 44%,oklch(6% .035 268));place-items:center;display:grid;position:relative;overflow:hidden}.ambient,.floaters,.orb-backdrop{pointer-events:none;position:absolute;inset:0}.ambient span{aspect-ratio:1;filter:blur(80px);opacity:.35;border-radius:50%;width:44vmax;animation:12s ease-in-out infinite alternate drift;position:absolute}.ambient span:first-child{background:oklch(55% .16 255/.55);top:-10vmax;left:-18vmax}.ambient span:nth-child(2){background:oklch(70% .12 330/.26);animation-delay:-5s;bottom:-18vmax;right:-20vmax}.ambient span:nth-child(3){background:oklch(80% .12 90/.13);animation-delay:-2s;bottom:-28vmax;left:42%}.orb-backdrop{z-index:1;overflow:hidden}.orb{aspect-ratio:1;opacity:.18;filter:blur(28px);will-change:transform, opacity;border-radius:999px;width:34vmin;transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1),filter .8s;position:absolute;transform:translate(0,0)scale(.82)}.orb-one{background:oklch(82% .13 88/.9);bottom:10%;left:4%}.orb-two{background:oklch(68% .17 255/.85);top:10%;left:6%}.orb-three{background:oklch(78% .14 330/.76);bottom:12%;right:5%}.orb-four{background:oklch(84% .12 88/.82);top:10%;right:6%}.sky-1 .orb-one,.sky-2 .orb-two,.sky-3 .orb-three,.sky-4 .orb-four{opacity:.62;filter:blur(22px);transform:translate(0,0)scale(1.08)}.sky-5 .orb{opacity:.38;transform:translate(0,0)scale(1)}.orbital-light{opacity:.35;background:linear-gradient(90deg,#0000,oklch(84% .12 88/.18),oklch(78% .14 255/.3),#0000);width:86vmin;height:1px;animation:9s ease-in-out infinite alternate orbit-sweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22deg)}.scene{z-index:2;text-align:center;place-items:center;width:min(880px,100vw - 34px);min-height:56svh;display:grid;position:relative}.intro{align-content:center;gap:28px}.monogram-shell{aspect-ratio:1;transform-origin:50%;will-change:transform, opacity, filter;place-items:center;width:min(42vmin,300px);display:grid;position:relative}.monogram-shell:before{content:"";background:radial-gradient(circle at 35% 28%,oklch(100% 0 0/.14),#0000 22%),linear-gradient(145deg,oklch(100% 0 0/.08),oklch(100% 0 0/.015));border:1px solid oklch(90% .04 260/.24);border-radius:999px;position:absolute;inset:6%;box-shadow:inset 0 0 34px oklch(65% .16 255/.2),inset 0 -18px 34px oklch(5% .03 270/.38),0 0 90px oklch(65% .16 255/.18)}.monogram{color:#0000;background:linear-gradient(120deg, oklch(100% 0 0), var(--gold), oklch(74% .13 255), oklch(100% 0 0));letter-spacing:-.08em;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:clamp(9rem,28vmin,18rem);line-height:.8}.cap-shine{opacity:.75;mix-blend-mode:screen;background:conic-gradient(from 220deg,#0000,oklch(100% 0 0/.22),#0000 24% 100%);border-radius:999px;position:absolute;inset:12%}.intro-actions{place-items:center;gap:18px;display:grid}.intro-caption,.eyebrow{color:var(--muted);letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:.72rem}.journey h1{text-wrap:balance;max-width:780px;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.6rem,8vw,6.8rem);font-weight:500;line-height:.95}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:54px;display:flex}.controls.compact{margin-top:18px}.progress{gap:10px;display:flex}.progress span{background:oklch(100% 0 0/.18);border-radius:10px;width:34px;height:2px;transition:background .4s,transform .4s}.progress .active{background:linear-gradient(90deg, var(--blue-glow), var(--gold));transform:scaleX(1.08)}.final,.locked{align-content:center;gap:18px}.iguanita{align-content:center;padding-top:72px}.iguanita .eyebrow{width:min(90vw,520px);position:absolute;top:clamp(20px,7vh,54px);left:50%;transform:translate(-50%)}.iguanita h2{padding-bottom:1rem}.final h2,.locked h2{background:linear-gradient(120deg, white, var(--gold), oklch(80% .09 255));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(3.3rem,11vw,8.8rem);font-weight:600;line-height:.85}.final-copy,.locked p{max-width:560px;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}button{isolation:isolate;min-height:46px;color:var(--text);background:linear-gradient(135deg, oklch(100% 0 0/.14), oklch(100% 0 0/.055)) padding-box, linear-gradient(135deg, var(--gold), oklch(72% .13 255/.7), oklch(100% 0 0/.14)) border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;border:1px solid oklch(100% 0 0/.18);border-radius:999px;margin:0;padding:0 24px;font-size:.72rem;font-weight:700;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s,opacity .25s;position:relative;overflow:hidden;box-shadow:0 14px 34px oklch(3% .02 270/.34),inset 0 1px oklch(100% 0 0/.16)}button:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 10%,oklch(100% 0 0/.2),#0000 34%);transition:transform .55s;position:absolute;inset:-1px;transform:translate(-120%)}button:hover{border-color:oklch(100% 0 0/.34);transform:translateY(-2px);box-shadow:0 18px 44px oklch(3% .02 270/.42),0 0 34px oklch(66% .16 255/.16),inset 0 1px oklch(100% 0 0/.22)}button:hover:before{transform:translate(120%)}button:disabled{cursor:wait;opacity:.62;transform:none}button.ghost{color:var(--muted);background:oklch(100% 0 0/.035);border-color:oklch(100% 0 0/.12);box-shadow:inset 0 1px oklch(100% 0 0/.08)}button.ghost:hover{color:var(--text);background:oklch(100% 0 0/.07)}.floaters i{--size:calc(2px + (var(--i) % 5) * 1px);left:calc((var(--i) * 43) % 100 * 1%);top:calc((var(--i) * 29) % 100 * 1%);width:var(--size);aspect-ratio:1;background:linear-gradient(135deg, white, var(--gold));opacity:.72;animation:float calc(7s + (var(--i) % 7) * 1s) ease-in-out infinite;animation-delay:calc(var(--i) * -.37s);border-radius:999px;position:absolute;box-shadow:0 0 18px oklch(85% .12 90/.7)}.floaters i:nth-child(3n){border-radius:0;width:10px;height:1px;transform:rotate(28deg)}.floaters i:nth-child(4n){background:var(--rose)}@keyframes drift{to{transform:translate(4vmax,-3vmax)scale(1.08)}}@keyframes float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(18px,-36px)rotate(90deg)}}@keyframes orbit-sweep{to{opacity:.52;transform:translate(-50%,-50%)rotate(18deg)}}@media (width<=680px){body{overflow-y:auto}.experience{background:radial-gradient(at 20% 78%,oklch(39% .12 24/.18),#0000 42%),radial-gradient(at 78% 18%,oklch(43% .18 300/.16),#0000 38%),radial-gradient(at 48% 38%,oklch(34% .14 258/.34),#0000 48%),linear-gradient(150deg,oklch(8% .04 270),oklch(12% .06 282) 48%,oklch(6% .035 268));min-height:100dvh;padding:28px 18px;overflow:hidden auto}.ambient span{filter:blur(64px);opacity:.22;width:58vmax}.orb{filter:blur(24px);opacity:.12;width:58vw}.orb-one{bottom:8%;left:-18%}.orb-two{top:5%;left:-18%}.orb-three{bottom:8%;right:-18%}.orb-four{top:5%;right:-18%}.sky-1 .orb-one,.sky-2 .orb-two,.sky-3 .orb-three,.sky-4 .orb-four{opacity:.58;filter:blur(20px);transform:scale(1.12)}.sky-5 .orb{opacity:.3;transform:scale(1)}.orbital-light{opacity:.28;width:120vw}.scene{align-content:center;width:100%;min-height:calc(100dvh - 56px)}.intro{gap:24px}.monogram-shell{width:min(66vw,240px)}.monogram{font-size:clamp(8rem,46vw,13rem)}.intro-caption,.eyebrow{letter-spacing:.22em;font-size:.64rem}.journey{gap:20px}.journey h1{max-width:100%;padding-inline:2px;font-size:clamp(2.45rem,13vw,4.6rem);line-height:.98}.controls{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:34px;display:grid}.controls .progress{grid-area:1/1/auto/-1;justify-content:center;margin-bottom:4px}.progress span{width:clamp(28px,13vw,44px)}button{letter-spacing:.12em;width:100%;min-height:48px;padding-inline:16px;font-size:.66rem}.intro-actions{width:min(100%,320px)}.intro-actions button{width:100%}.final,.locked{gap:16px}.final h2,.locked h2{max-width:100%;font-size:clamp(3rem,16vw,5.6rem);line-height:.9}.final-copy,.locked p{max-width:32ch;font-size:.98rem;line-height:1.65}.controls.compact{grid-template-columns:1fr;width:min(100%,340px);margin-top:14px}.controls.compact button{grid-column:1/-1}.floaters i{opacity:.5}}@media (width<=380px){.experience{padding-inline:14px}.journey h1{font-size:clamp(2.15rem,12.5vw,3.3rem)}.final h2,.locked h2{font-size:clamp(2.6rem,15vw,4.4rem)}.progress span{width:24px}button{letter-spacing:.09em;font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}