/* Cloud artwork blends directly with the page; no rectangular logo backdrop. */
header .brand::before,.gift-header>a:first-child::before,body>header>a:first-child::before{background-image:url('assets/thiep-may-logo-small.png');border-radius:0;filter:drop-shadow(0 3px 4px #9662ab18)}
body.cloud-home{background:#f7eafa;color:#382442}
.cloud-home .hero{isolation:isolate;position:relative;background:linear-gradient(135deg,#f9dfed 0%,#f1e3ff 53%,#e6edff 100%);overflow:hidden;gap:28px;align-items:center}
.home-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.home-cloud{position:absolute;display:block;width:260px;height:95px;background:#ffffff80;border-radius:70% 60% 55% 65%;filter:blur(3px);animation:cloud-drift 15s ease-in-out infinite alternate}
.home-cloud::before,.home-cloud::after{content:"";position:absolute;background:inherit;border-radius:50%}.home-cloud::before{width:130px;height:120px;left:35px;top:-55px}.home-cloud::after{width:105px;height:105px;right:30px;top:-42px}
.home-cloud.one{left:-75px;top:27%;opacity:.65}.home-cloud.two{right:-65px;bottom:12%;animation-duration:19s;animation-direction:alternate-reverse}.home-cloud.three{left:43%;top:2%;transform:scale(.65);opacity:.45;animation-duration:23s}
.home-star{position:absolute;display:block;color:#fff6bb;font-size:22px;animation:home-twinkle 3.6s ease-in-out infinite;line-height:1}.home-star.s1{left:8%;top:15%}.home-star.s2{left:39%;top:8%;animation-delay:-1.4s}.home-star.s3{left:49%;top:64%;font-size:15px;animation-delay:-2s}.home-star.s4{right:7%;top:25%;animation-delay:-.7s}.home-star.s5{right:31%;bottom:12%;font-size:16px;animation-delay:-2.7s}.home-star.s6{left:14%;bottom:9%;animation-delay:-1.8s}
.cloud-home .hero-copy{position:relative;z-index:1}.cloud-home .hero-art{position:relative;display:grid;place-items:center;min-width:0;width:100%;min-height:330px;height:auto;overflow:visible;z-index:1}.cloud-home .hero-art .demo,.cloud-home .hero-art>.spark,.cloud-home .hero-sticker{display:none}
.cloud-home-logo{display:block;width:100%;max-width:590px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 23px #a36db21c);animation:logo-cloud-float 6s ease-in-out infinite;pointer-events:none}
.home-motion-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:18px;border:1px solid #c8addb;border-radius:24px;background:#ffffffb8;color:#5b356d;padding:9px 14px;min-height:42px;font:600 13px 'Mali',Arial,sans-serif;line-height:1.5;cursor:pointer}
/* All three introduction cards use compact, consistent typography. */
.cloud-home .intro-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1320px;padding:24px 4%;margin:0 auto;background:transparent;border:0;letter-spacing:normal;word-spacing:normal}
.cloud-home .intro-strip .guide-step{display:flex;align-items:flex-start;gap:12px;padding:19px 17px;background:#fffcff;border:1px solid #dec9e7;border-radius:18px;box-shadow:0 5px 18px #774a8d08;min-width:0}
.guide-number{flex:0 0 35px;display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#a95797,#7852aa);color:#fff;font:700 18px 'Mali',Arial,sans-serif;line-height:1}
.guide-copy{min-width:0}.cloud-home .intro-strip .guide-copy strong{display:block;margin:0 0 6px;padding:0;color:#492657;font-family:'Mali',Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.45;letter-spacing:0;word-spacing:0;text-transform:none;white-space:normal}
.cloud-home .intro-strip .guide-copy p{margin:0;padding:0;color:#5a4264;font:400 14px/1.65 'Mali',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.home-motion-paused .home-cloud,.home-motion-paused .home-star,.home-motion-paused .cloud-home-logo{animation-play-state:paused}
.home-hearts{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.home-heart{position:absolute;bottom:-45px;left:var(--heart-left);color:var(--heart-color);font:700 var(--heart-size)/1 Arial,sans-serif;opacity:0;pointer-events:none;user-select:none;animation:home-heart-rise var(--heart-time) linear infinite;animation-delay:var(--heart-delay);text-shadow:0 2px 8px #fff8}
.home-motion-paused .home-heart{animation-play-state:paused}
@keyframes home-heart-rise{0%{opacity:0;transform:translate3d(0,0,0) rotate(-12deg) scale(.65)}12%{opacity:.5}50%{opacity:.48;transform:translate3d(var(--heart-drift),-45vh,0) rotate(10deg) scale(1)}85%{opacity:.3}100%{opacity:0;transform:translate3d(0,calc(-100vh - 100px),0) rotate(-8deg) scale(.8)}}
@media(max-width:650px){.home-heart:nth-child(n+8){display:none}.home-heart{font-size:calc(var(--heart-size)*.85)}}
@media(prefers-reduced-motion:reduce){.home-heart{animation:none!important;display:none}}
@keyframes cloud-drift{from{translate:-12px 0}to{translate:25px -12px}}
@keyframes home-twinkle{0%,100%{opacity:.28;transform:scale(.8)}50%{opacity:.95;transform:scale(1.12)}}
@keyframes logo-cloud-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-10px) rotate(.5deg)}}
@media(max-width:900px){.cloud-home .intro-strip{gap:10px;padding:18px 3%}.cloud-home .intro-strip .guide-step{padding:15px 12px;gap:9px}.cloud-home .intro-strip .guide-copy strong{font-size:15px}.guide-number{flex-basis:30px;width:30px;height:30px;font-size:16px}.cloud-home .hero-art{min-height:250px}}
@media(max-width:650px){.cloud-home .intro-strip{grid-template-columns:1fr;gap:10px;padding:18px 14px}.cloud-home .intro-strip .guide-step{padding:16px;gap:12px}.cloud-home .intro-strip .guide-copy strong{font-size:17px;line-height:1.45}.cloud-home .intro-strip .guide-copy p{font-size:14px;line-height:1.65}.guide-number{flex-basis:34px;width:34px;height:34px}.cloud-home .hero{gap:12px}.cloud-home .hero-art{min-height:0;max-width:100%;padding:8px 0 18px}.cloud-home-logo{max-width:380px}.home-cloud{width:170px;height:65px}.home-star{font-size:17px}.home-motion-toggle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-cloud,.home-star,.cloud-home-logo{animation:none!important}}
.home-only .studio-marker,.home-only .shell,.home-only header #save{display:none!important}
.editor-only .hero,.editor-only .intro-strip,.editor-only .collection,.editor-only .vip-showcase,.editor-only .studio-marker,.editor-only .information{display:none!important}
.editor-only .shell{display:block;max-width:1600px;padding-top:24px}
.editor-only header{background:#fffbff;border-bottom:1px solid #dfc9e9}
.editor-only .heading h1{font-family:'Mali',Arial,sans-serif;font-weight:700;color:#482858}
@media(max-width:700px){.editor-only .shell{padding-top:16px}.editor-only header .brand::before{width:72px;height:48px}.editor-only header .brand{font-size:21px}.editor-only .heading h1{font-size:25px}.editor-only .heading .sub{letter-spacing:.3px}.editor-only .main-nav{gap:7px}}