/* A single warm sky connects the story; scent colors stay in soft local light. */
:root{--journey-cream:#fbf5ed}
body{background:var(--journey-cream)}
main{overflow:clip}
.sky-journey{position:relative;isolation:isolate;background:linear-gradient(180deg,#fbf5ed 0%,#fbf5ed 23%,#faf2e9 57%,#f8ede2 80%,#f5e7dc 100%)}
.sky-journey::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 17% at 10% 20%,#eecfb52b,transparent 80%),radial-gradient(ellipse 75% 21% at 95% 58%,#e8cfb72e,transparent 80%)}
.sky-journey>.universe,.sky-journey>.collection,.sky-journey>.ritual,.sky-journey>.closing{position:relative;background:transparent;overflow:visible;isolation:isolate}
.sky-journey>.universe{padding-top:140px;padding-bottom:150px}
.sky-journey>.collection{padding-top:120px;padding-bottom:155px}
.sky-journey>.ritual{padding-top:135px;padding-bottom:135px}
.sky-journey>.closing{padding-top:130px}
.sky-journey .cloud-one,.sky-journey .cloud-two{display:none}
.cloud-passage{position:absolute;top:0;left:-10%;width:120%;height:320px;pointer-events:none;z-index:-1;transform:translate3d(0,calc(-50% + var(--cloud-y,0px)),0);opacity:.92;mask-image:linear-gradient(transparent,black 22%,black 65%,transparent);-webkit-mask-image:linear-gradient(transparent,black 22%,black 65%,transparent)}
.cloud-passage::before{content:"";position:absolute;inset:20% 4%;background:radial-gradient(ellipse at center,#e5c7ad30,transparent 72%);filter:blur(24px)}
.cloud-layer{position:absolute;inset:0;background:url('assets/cloud-bank.svg') center/100% 100% no-repeat;transform:translate3d(var(--cloud-x,0px),0,0);animation:cloud-breathe 24s ease-in-out infinite alternate}
.cloud-layer.far{opacity:.58;inset:-45px -8% 15px;filter:blur(10px);transform:translate3d(calc(var(--cloud-x,0px) * -.65),0,0) scaleX(-1);animation-delay:-12s;animation-duration:32s}
.cloud-layer.near{opacity:.84;inset:15px -5% -20px;filter:drop-shadow(0 12px 14px #b9986a18) blur(2px)}
.collection>.cloud-passage{height:280px;opacity:.83}
.ritual>.cloud-passage{height:340px;opacity:.8}
.closing>.cloud-passage{height:280px;opacity:.65}
.hero{overflow:visible;z-index:2;clip-path:inset(-10% -10% -190px);background:linear-gradient(#f2dfd3 calc(100% - 200px),#fbf5ed)}
.hero-image{mask-image:linear-gradient(black 76%,transparent 100%);-webkit-mask-image:linear-gradient(black 76%,transparent 100%)}
.hero-image,.hero-wash{clip-path:inset(0)}
.hero .cloud-edge{left:-10%;width:120%;height:250px;bottom:-112px;filter:none;border-radius:0;background:linear-gradient(180deg,transparent 12%,#fbf5edaa 48%,#fbf5ed 80%,#fbf5ed 90%,transparent);z-index:0}
.hero .cloud-edge::before,.hero .cloud-edge::after{content:"";position:absolute;inset:-20px -3% 0;background:url('assets/cloud-bank.svg') center/100% 100% no-repeat;opacity:.9;animation:cloud-breathe 26s ease-in-out infinite alternate}
.hero .cloud-edge::after{inset:-50px -8% 20px;opacity:.48;filter:blur(10px);transform:scaleX(-1);animation-delay:-13s}
.hero-copy,.floating-note{z-index:1}
.hero-concept{z-index:3}
/* Transparent aura layers fade between aromas, with no rectangular backdrop. */
.scent-world{background:transparent!important}
.scent-aura{position:absolute;inset:-160px -9% -130px;z-index:-2;pointer-events:none;filter:blur(38px);mask-image:linear-gradient(transparent,black 20%,black 75%,transparent);-webkit-mask-image:linear-gradient(transparent,black 20%,black 75%,transparent)}
.scent-aura>span{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;background:radial-gradient(ellipse 65% 43% at 19% 49%,var(--aura),transparent 80%)}
.scent-aura .baby{--aura:#afcbd83b}.scent-aura .maca{--aura:#dbac8354}.scent-aura .bambu{--aura:#b2c1a647}.scent-aura .orquidea{--aura:#b9a0c850}.scent-aura .capim{--aura:#d5d49e4d}
[data-scent=baby]>.scent-aura>.baby,[data-scent=maca]>.scent-aura>.maca,[data-scent=bambu]>.scent-aura>.bambu,[data-scent=orquidea]>.scent-aura>.orquidea,[data-scent=capim]>.scent-aura>.capim{opacity:1}
.scent-photo{box-shadow:0 20px 70px #8c68441c,0 0 80px #fff8ee55}
.scent-world .scent-tabs button.active{background:#fff9f1b3}
body[data-scent] .hero-image{filter:none}
.sky-journey .ritual[data-climate]{background:transparent}
.candle-halo{background:radial-gradient(circle,#f2c38b70,transparent 70%);transition:background 1.5s,opacity 1s}
.ritual[data-climate=sonho] .candle-halo{background:radial-gradient(circle,#baa2d363,transparent 70%)}
.ritual[data-climate=aconchego] .candle-halo{background:radial-gradient(circle,#f1b57699,transparent 70%)}
footer{background:#f5e7dc;border-top:0}
.paused .cloud-passage{transform:translateY(-50%)}
.paused .cloud-layer{transform:none}
@keyframes cloud-breathe{from{translate:-1.5% 0;scale:1}to{translate:1.5% 8px;scale:1.035}}
@media(max-width:600px){
 .sky-journey>.universe{padding-top:100px;padding-bottom:110px}
 .sky-journey>.collection{padding-top:90px;padding-bottom:105px}
 .sky-journey>.ritual{padding-top:95px;padding-bottom:90px}
 .sky-journey>.closing{padding-top:95px}
 .cloud-passage,.collection>.cloud-passage,.closing>.cloud-passage{height:210px;left:-25%;width:150%}
 .ritual>.cloud-passage{height:240px;left:-25%;width:150%}
 .cloud-layer{background-size:auto 100%}
 .hero .cloud-edge{height:190px;bottom:-87px}
 .hero .cloud-edge::before,.hero .cloud-edge::after{background-size:auto 100%}
 .scent-aura{inset:-70px -10% -90px;filter:blur(25px)}
 .scent-aura>span{background:radial-gradient(ellipse 95% 40% at 25% 35%,var(--aura),transparent 80%)}
}
@media(prefers-reduced-motion:reduce){.cloud-passage{transform:translateY(-50%)}.cloud-layer{transform:none}.scent-aura>span{transition:none}}