*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff2dc;font-family:"DM Sans",sans-serif;background:#29203e;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.sky{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,#f4a77e 0%,#db829b 31%,#8a6a9e 62%,#292c51 100%);animation:skyCycle 100s linear infinite}.sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,214,167,.08),rgba(21,24,54,.25));pointer-events:none}
.sun{position:absolute;width:clamp(320px,58vw,760px);height:clamp(230px,40vw,540px);border-radius:50%;top:29%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,231,177,.48) 0%,rgba(255,205,169,.36) 26%,rgba(255,176,177,.20) 49%,rgba(245,160,191,.08) 66%,transparent 79%);filter:blur(72px);opacity:.9;animation:sunDrift 100s ease-in-out infinite;pointer-events:none}
.haze{position:absolute;width:75vw;height:24vw;border-radius:50%;filter:blur(50px);opacity:.25}.h1{background:#ffc6b2;left:-18%;top:30%;animation:hazeMove 22s ease-in-out infinite alternate}.h2{background:#7c75b5;right:-24%;top:56%;animation:hazeMove 27s ease-in-out infinite alternate-reverse}.horizon{position:absolute;inset:auto 0 0;height:27%;background:linear-gradient(180deg,transparent,#1d1f3e9e)}.hill{position:absolute;left:-10%;width:120%;border-radius:50% 50% 0 0}.back{height:22%;bottom:6%;background:linear-gradient(#694c707a,#272749b8);transform:rotate(-2deg)}.front{height:16%;bottom:-4%;background:linear-gradient(#332d4ccc,#20223f);transform:rotate(2deg)}.stars{position:absolute;inset:0;opacity:0;background-image:radial-gradient(1px 1px at 12% 21%,#fff 60%,transparent),radial-gradient(1px 1px at 76% 18%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 64% 34%,#fff 60%,transparent),radial-gradient(1px 1px at 31% 12%,#fff 60%,transparent);background-size:330px 240px;animation:starsIn 100s linear infinite}#windCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.shell{position:relative;width:min(100% - 32px,690px);margin:auto;padding:28px 0 25px}.welcome{min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;opacity:0;animation:welcomeIn .6s ease-out .15s forwards,welcomeOut .55s ease-in 1.35s forwards}.welcome p{font-size:.68rem;letter-spacing:.48em;font-weight:700;margin:0;padding-left:.48em}.welcome i{width:26px;height:1px;background:#fff4dfbf}
.brand{text-align:center;position:relative;padding:22px 0 25px;opacity:0;animation:brandIn .8s ease-out 1.65s forwards}.kicker{font-size:.57rem;letter-spacing:.3em;color:#ffe5d0b0;margin:0 0 8px}.brand .kicker{font-size:.58rem;letter-spacing:.28em;margin-bottom:10px}.brand h1{position:relative;display:inline-block;margin:0;font-family:"Playfair Display",serif;font-size:clamp(2rem,7.4vw,3.8rem);line-height:1.12;letter-spacing:.025em;font-weight:800;color:#fff4db;text-shadow:0 0 2px rgba(255,242,218,.2);isolation:isolate}.brand h1:before{content:"";position:absolute;inset:-10px -5px;z-index:-1;border-radius:18px;background:linear-gradient(105deg,rgba(255,224,166,0),rgba(255,224,166,.25),rgba(245,172,224,.3),rgba(198,183,255,.25),rgba(255,218,170,0));filter:blur(26px);opacity:0;animation:textGlow 5s ease-in-out infinite;pointer-events:none}.brand h1 span{background:linear-gradient(100deg,#fff2d6,#ffd0b0,#f6c3e2,#e5d5ff,#fff0c8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 5s ease-in-out infinite alternate,textGlowText 5s ease-in-out infinite;text-shadow:none}.shimmer{width:80px;height:2px;margin:15px auto 12px;border-radius:99px;background:linear-gradient(90deg,transparent,#fff1d0,transparent);box-shadow:0 0 18px 4px #ffe2b159;animation:shimmer 3.8s ease-in-out infinite}.caption{margin:0;font-size:.7rem;letter-spacing:.06em;color:#ffefdebd}
.hub{opacity:0;animation:hubIn .75s ease-out 2.05s forwards}.bubble{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:78px;padding:15px 18px;color:#fff2dc;text-decoration:none;border:1px solid #ffffff45;border-radius:25px;background:linear-gradient(115deg,#ffffff30,#ffecea11 42%,#ffffff1c);box-shadow:inset 0 1px 0 #ffffff29,inset 0 -1px 0 #ffffff0a,0 20px 55px #120c3f38;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);overflow:hidden;transform:translateX(115vw);opacity:0;animation:bubbleEnter 1s cubic-bezier(.16,.78,.22,1) forwards,floatBubble 6s ease-in-out 3.1s infinite;transition:border-color .25s,background .25s,box-shadow .25s}.bubble:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#ffffff21,transparent 35%,transparent 72%,#ffd3b814)}.bubble:after{content:"";position:absolute;top:-70%;left:-35%;width:28%;height:240%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff1f,transparent);animation:gleam 8s ease-in-out infinite;pointer-events:none}.bubble:hover{border-color:#fff8;box-shadow:inset 0 1px 0 #ffffff3b,0 24px 60px #120c3f45,0 0 28px #ffc2a614}.portfolio{min-height:91px;border-radius:29px;animation-delay:2.35s,3.35s;margin-bottom:35px;pointer-events:none}.orb{z-index:1;flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ffdaaf52,#e7b4d71f);border:1px solid #ffffff33;font-size:1.4rem;color:#ffe3b5}.copy{position:relative;z-index:1;display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.copy strong{font-size:.78rem;line-height:1.4;letter-spacing:.055em}.copy small{font-size:.65rem;color:#ffefdeb8;letter-spacing:.045em}.eyebrow{font-size:.55rem!important;letter-spacing:.22em!important;color:#ffe8cdb3!important}.bubble>b{z-index:1;color:#fff1dcbf;font-size:1.25rem;margin-left:auto}.stories{text-align:center}.stories h2{font-family:"Playfair Display",serif;font-size:clamp(1.5rem,5vw,2.1rem);letter-spacing:.04em;margin:0;text-shadow:0 3px 20px rgba(255,205,178,.2)}.subtitle{font-size:.76rem;color:#ffefe1d1;line-height:1.6;margin:8px 0 22px}.links{display:flex;flex-direction:column;gap:12px}.story{min-height:72px;text-align:left;border-radius:22px;animation-delay:var(--enter,2.65s),var(--float,3.7s)}.b1{--enter:2.65s;--float:3.7s}.b2{--enter:2.82s;--float:4.1s}.b3{--enter:2.99s;--float:4.5s}.b4{--enter:3.16s;--float:4.9s}.b5{--enter:3.33s;--float:5.3s}.b6{--enter:3.5s;--float:5.7s}.num{z-index:1;flex:0 0 39px;height:39px;display:grid;place-items:center;border-radius:13px;font-size:.68rem;font-weight:700;color:#ffe4c8;background:#ffebdd17;border:1px solid #ffffff29}.story .copy strong{font-size:.71rem}.story .copy small{font-size:.64rem}.story em{z-index:1;font-style:normal;font-size:.53rem;letter-spacing:.1em;color:#ffebdda8;border:1px solid #ffffff30;border-radius:99px;padding:6px 8px;white-space:nowrap}.locked{cursor:default}.update{font-size:.68rem;font-weight:700;letter-spacing:.14em;margin:21px 0 0;color:#ffe6c0;text-shadow:0 0 18px #ffd19e59;animation:pulse 4s ease-in-out infinite}
footer{text-align:center;padding-top:48px}.invite{max-width:550px;margin:0 auto;font-size:.76rem;line-height:1.8;letter-spacing:.045em;color:#fff0d9;text-wrap:balance}.foot-kicker{font-size:.53rem;letter-spacing:.22em;color:#ffe5d093;margin:10px 0 21px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social{display:flex;align-items:center;gap:11px;min-width:0;padding:15px 14px;border-radius:20px;text-align:left;text-decoration:none;color:#fff;border:1px solid #ffffff33;box-shadow:0 16px 36px #100a1f40,inset 0 1px 0 #ffffff24;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .25s,filter .25s;animation:socialFloat 7s ease-in-out infinite}.social:hover{transform:translateY(-4px);filter:brightness(1.13)}.tiktok{background:linear-gradient(120deg,#101016e8,#77162fc7,#14141bd6)}.instagram{background:linear-gradient(120deg,#391936e8,#a42b3dcc,#1c192adb);animation-delay:-3.5s}.social-icon{flex:0 0 35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#ffffff1f;font-size:1.35rem}.social span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.social strong{font-size:.65rem;letter-spacing:.12em}.social small{font-size:.62rem;color:#ffffffbf;overflow-wrap:anywhere}.social b{margin-left:auto}.copyright{margin:28px 0 0;color:#ffe9d774;font-size:.52rem;letter-spacing:.1em;line-height:1.7}
@keyframes welcomeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeOut{to{opacity:0;transform:translateY(-8px);visibility:hidden}}@keyframes brandIn{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hubIn{to{opacity:1}}@keyframes bubbleEnter{0%{transform:translateX(115vw);opacity:0}70%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes floatBubble{0%,100%{translate:0 0;rotate:-.35deg}25%{translate:0 -4px;rotate:.25deg}50%{translate:0 2px;rotate:.6deg}75%{translate:0 -2px;rotate:-.15deg}}@keyframes gradientShift{from{background-position:0 50%}to{background-position:100% 50%}}@keyframes shimmer{0%,100%{opacity:.5;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1.15)}}@keyframes textGlow{0%,100%{opacity:0;filter:blur(28px)}30%{opacity:.08}47%{opacity:.45;filter:blur(22px)}55%{opacity:.8;filter:blur(16px)}68%{opacity:.3;filter:blur(24px)}82%{opacity:.08;filter:blur(30px)}}@keyframes textGlowText{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,230,190,0))}35%{filter:brightness(1.02) drop-shadow(0 0 3px rgba(255,223,181,.12))}52%{filter:brightness(1.23) drop-shadow(0 0 10px rgba(255,220,195,.65)) drop-shadow(0 0 25px rgba(235,180,255,.38))}70%{filter:brightness(1.05) drop-shadow(0 0 4px rgba(255,225,190,.15))}}@keyframes gleam{0%,55%{left:-40%;opacity:0}65%{opacity:.9}85%,100%{left:140%;opacity:0}}@keyframes hazeMove{to{transform:translateX(9vw) translateY(-2vh) scale(1.08)}}@keyframes sunDrift{0%,100%{top:28%;opacity:.98}40%{top:45%;opacity:.9}68%{top:69%;opacity:.7}82%{top:77%;opacity:.42}}@keyframes skyCycle{0%,100%{filter:hue-rotate(0) brightness(1)}20%{filter:hue-rotate(8deg) brightness(1.08)}45%{filter:hue-rotate(20deg) brightness(.92)}65%{filter:hue-rotate(34deg) brightness(.62) saturate(.8)}82%{filter:hue-rotate(44deg) brightness(.48) saturate(.7)}}@keyframes starsIn{0%,45%{opacity:0}70%,100%{opacity:.72}}@keyframes pulse{0%,100%{opacity:.72}50%{opacity:1}}@keyframes socialFloat{0%,100%{translate:0 0;rotate:-.3deg}50%{translate:0 -3px;rotate:.3deg}}
@media(min-width:760px){.shell{width:min(100% - 48px,640px);padding-top:35px}.brand{padding:26px 0 30px}.portfolio{margin-bottom:42px}.bubble{padding:17px 21px}.links{gap:14px}.story{min-height:78px}footer{padding-top:56px}}
@media(max-width:420px){.shell{width:calc(100% - 24px);padding-top:18px}.brand .kicker{font-size:.5rem}.caption{font-size:.64rem}.bubble{gap:10px;padding:13px 12px;border-radius:20px}.portfolio{min-height:83px}.story{min-height:68px}.num{flex-basis:33px;height:33px;border-radius:11px;font-size:.61rem}.story .copy strong{font-size:.62rem;letter-spacing:.025em}.story .copy small{font-size:.59rem}.story em{font-size:.46rem;padding:5px 6px}.socials{gap:9px}.social{gap:8px;padding:12px 10px;border-radius:17px}.social-icon{flex-basis:30px;height:30px}.social strong{font-size:.57rem}.social small{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}