/* Original generated atmospheric artwork, with lightweight original motion. */
.morning-hero{position:relative;isolation:isolate;background:#f7efdf;overflow:clip;min-height:650px;color:#4b3427}
.morning-art{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;display:block}.morning-art img{width:100%;height:100%;object-fit:cover;display:block}.morning-mobile{display:none}.scene-temples{mask-image:linear-gradient(transparent 25%,#000 50%,#000 70%,transparent 85%);transform:translateY(var(--temple-shift,0px))}.scene-foreground{mask-image:linear-gradient(transparent 60%,#000 83%);transform:translateY(var(--front-shift,0px))}.smoke-layer{z-index:-1}.morning-copy{padding-top:65px;padding-bottom:200px;position:relative;max-width:1440px}.morning-copy h1{font-size:clamp(2.7rem,4.4vw,4.5rem);line-height:1.08;max-width:670px;font-weight:400;margin:22px 0;text-shadow:0 1px 18px #fff3dc}.morning-copy h1 em{color:#68492e}.morning-copy .eyebrow{color:#62462e}.morning-copy .brand-line{font-size:1.05rem;max-width:360px;margin:24px 0 30px}.morning-hero .hero-actions{justify-content:flex-start;gap:24px;flex-wrap:wrap}.morning-hero .button{background:#624933;color:#fff8eb;border:1px solid #624933}.morning-hero .hero-story-link{color:#463221;border-color:#826746;background:#f8efdfd9;padding:9px 12px}.motion-toggle{position:absolute;bottom:18px;left:24px;background:#fbf5e9;border:1px solid #aa9270;color:#59442e;padding:8px 13px;font:inherit;font-size:.75rem;z-index:2;cursor:pointer}.motion-toggle[hidden]{display:none}.morning-art .incense-smoke{transform-origin:83% 65%;animation:none}.cloud-veil{position:absolute;inset:0 0 65%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 40%,#fff8e92e,transparent 60%);animation:cloud-drift 36s ease-in-out infinite alternate}.fragrance-bridge{position:relative;padding-top:65px}.fragrance-bridge:before{content:"";position:absolute;top:-28px;left:55%;width:130px;height:100px;border-radius:50%;border-left:2px solid #cbb897;transform:rotate(30deg);opacity:.45;pointer-events:none}.morning-hero[data-paused=true] *{animation-play-state:paused!important}.morning-hero[data-paused=true]{--temple-shift:0px!important;--front-shift:0px!important}
@keyframes cloud-drift{to{transform:translateX(18px);opacity:.6}}@keyframes smoke-drift{from{transform:translateX(-2px) scaleX(.98);opacity:.55}to{transform:translateX(4px) scaleX(1.01);opacity:.85}}
@media(max-width:760px){.morning-hero{min-height:0;padding-bottom:125vw;background:#f7efdf}.morning-desktop{display:none}.morning-mobile{display:block}.morning-art{inset:auto 0 0;height:125vw;width:100%}.morning-art img{object-fit:contain}.scene-temples,.scene-foreground,.cloud-veil{display:none}.morning-copy{padding-top:32px;padding-bottom:24px}.morning-copy h1{font-size:clamp(2.45rem,9vw,3.4rem);max-width:520px;margin:15px 0}.morning-copy .brand-line{margin:18px 0 23px;font-size:.95rem}.morning-hero .hero-actions{gap:12px}.morning-hero .button{padding:14px 18px}.morning-hero .hero-story-link{font-size:.88rem;padding:8px 0}.motion-toggle{left:20px;bottom:9px}.fragrance-bridge{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.morning-hero *{animation:none!important}.scene-temples,.scene-foreground{transform:none!important}.motion-toggle{display:none}}
/* Collection directory: one readable list rather than a wall of identical cards. */
.occasion-collections .occasion-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.occasion-collections .occasion-category-grid a{min-height:78px;border:0;border-bottom:1px solid #d6c5a4;background:transparent;display:flex;align-items:center;gap:20px;padding:15px 0}.occasion-collections .category-name{font-size:1.35rem}.occasion-collections .category-arrow{margin-left:auto}.occasion-collections .category-number{position:static}
@media(max-width:600px){.occasion-collections .occasion-category-grid{grid-template-columns:1fr}.occasion-collections .occasion-category-grid a{min-height:64px}.occasion-collections .category-name{font-size:1.2rem}}

/* Matched hero actions and continuously rising incense wisps. */
.morning-hero .hero-actions > a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:210px;min-height:56px;padding:16px 20px;margin:0;border:1px solid #624933;font-size:1rem;font-weight:600;line-height:1.25;text-decoration:none;border-radius:2px}
.morning-hero .hero-actions{align-items:stretch}
/* Continuous plumes: every curve moves, with the ember end anchored. */
.smoke-layer .smoke-wisp{stroke:none;fill:inherit;opacity:.40;filter:blur(2.4px);animation:desktop-plume 7s ease-in-out infinite alternate}
.smoke-layer .smoke-wisp:nth-child(2){animation-delay:-3s;animation-duration:9s;opacity:.22;filter:blur(7px)}
.smoke-layer .smoke-wisp:nth-child(3){animation-delay:-5s;animation-duration:6s;opacity:.25;filter:blur(3.5px)}
.morning-mobile .smoke-wisp{animation-name:mobile-plume}
@media(max-width:480px){.morning-hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.morning-hero .hero-actions > a{width:100%;min-height:56px;padding:12px 8px;font-size:.875rem}}

/* A restrained weather cycle over the artwork; never over interactive content. */
.scene-weather{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sunrise-glow,.sunset-glow{position:absolute;inset:0;pointer-events:none}
.sunrise-glow{background:radial-gradient(ellipse at 60% 47%,#fff0bb90 0, #ffe6a32b 20%,transparent 55%);opacity:.15;animation:morning-light 28s ease-in-out infinite}
.sunset-glow{background:linear-gradient(110deg,transparent 15%,#44274790 65%,#181f5280);opacity:0;animation:evening-light 28s ease-in-out infinite}
.wind-trails{position:absolute;inset:0;width:100%;height:100%;opacity:.24}
.wind-trails path{stroke-dasharray:12 88;animation:wind-flow 15s linear infinite}
.wind-trails path:nth-child(2){animation-delay:-7s;animation-duration:19s;opacity:.65}
.drifting-botanicals{position:absolute;inset:0}
.drifting-botanicals > span{position:absolute;top:-8%;left:65%;width:26px;height:26px;opacity:0;animation:botanical-fall 18s linear infinite}
.falling-flower svg{width:100%;height:100%;display:block}
.drifting-botanicals .falling-petal{width:10px;height:16px;border-radius:75% 25% 70% 30%;background:linear-gradient(135deg,#fff1df,#d4a684);box-shadow:inset 1px 1px 2px #fff5e67a}
.drifting-botanicals .wind-leaf{width:18px;height:34px;border-radius:90% 0 90% 0;background:linear-gradient(55deg,#316431 48%,#cad091 50%,#719749 54%);animation-name:leaf-flight;animation-duration:24s}
.drifting-botanicals > :nth-child(2){left:78%;animation-delay:-8s;animation-duration:21s}
.drifting-botanicals > :nth-child(3){left:91%;animation-delay:-3s;animation-duration:17s}
.drifting-botanicals > :nth-child(4){left:58%;animation-delay:-13s;animation-duration:25s;width:15px;height:15px}
.drifting-botanicals > :nth-child(5){left:70%;animation-delay:-17s;animation-duration:23s}
.drifting-botanicals > :nth-child(6){left:87%;animation-delay:-11s}
.drifting-botanicals > :nth-child(7){left:95%;animation-delay:-21s;animation-duration:29s}
.drifting-botanicals > :nth-child(8){left:52%;animation-delay:-10s;animation-duration:27s}
@keyframes morning-light{0%,100%{opacity:.15;transform:translateY(12px)}25%{opacity:.7;transform:translateY(-12px)}55%{opacity:.22;transform:translateY(0)}80%{opacity:.05;transform:translateY(16px)}}
@keyframes evening-light{0%,45%,100%{opacity:0}70%,80%{opacity:1}90%{opacity:.5}}
@keyframes wind-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes botanical-fall{0%{transform:translate3d(0,0,0) rotate(-20deg);opacity:0}10%{opacity:.9}35%{transform:translate3d(30px,240px,0) rotate(60deg)}65%{transform:translate3d(-15px,470px,0) rotate(135deg);opacity:.85}100%{transform:translate3d(45px,760px,0) rotate(240deg);opacity:0}}
@keyframes leaf-flight{0%{transform:translate3d(20px,0,0) rotate(15deg);opacity:0}15%{opacity:.85}40%{transform:translate3d(-70px,280px,0) rotate(95deg)}70%{transform:translate3d(-20px,470px,0) rotate(180deg);opacity:.75}100%{transform:translate3d(-130px,740px,0) rotate(270deg);opacity:0}}
@media(max-width:760px){.scene-weather{inset:auto 0 0;height:125vw}.sunrise-glow{background:radial-gradient(ellipse at 12% 33%,#fff0bb80,transparent 55%)}.wind-trails{opacity:.15}.wind-trails path:nth-child(2){display:none}.drifting-botanicals > :nth-child(2),.drifting-botanicals > :nth-child(4),.drifting-botanicals > :nth-child(5),.drifting-botanicals > :nth-child(7){display:none}.drifting-botanicals > :first-child{left:30%}.drifting-botanicals > :nth-child(8){left:55%}}
@media(prefers-reduced-motion:reduce){.drifting-botanicals,.wind-trails,.sunset-glow{display:none}.sunrise-glow{opacity:.15}}

@keyframes desktop-plume{from{d:path("M1191 446 C1189 424 1176 409 1182 384 C1188 356 1205 345 1193 314 C1179 285 1157 270 1169 242 C1181 216 1207 201 1217 188 C1198 213 1198 233 1203 252 C1211 273 1234 286 1223 313 C1215 338 1194 353 1192 380 C1190 406 1196 424 1191 446 Z")}to{d:path("M1191 446 C1193 424 1206 409 1200 384 C1194 356 1177 345 1189 314 C1203 285 1225 270 1213 242 C1201 216 1175 201 1165 188 C1184 213 1184 233 1179 252 C1171 273 1148 286 1159 313 C1167 338 1188 353 1190 380 C1192 406 1186 424 1191 446 Z")}}

@keyframes mobile-plume{from{d:path("M314 480 C312 458 299 443 305 418 C311 390 328 379 316 348 C302 319 280 304 292 276 C304 250 330 235 340 222 C321 247 321 267 326 286 C334 307 357 320 346 347 C338 372 317 387 315 414 C313 440 319 458 314 480 Z")}to{d:path("M314 480 C316 458 329 443 323 418 C317 390 300 379 312 348 C326 319 348 304 336 276 C324 250 298 235 288 222 C307 247 307 267 302 286 C294 307 271 320 282 347 C290 372 311 387 313 414 C315 440 309 458 314 480 Z")}}

/* Artwork darkens at dusk and warms again at dawn, on one synchronised cycle. */
.morning-art img{animation:daylight-cycle 28s ease-in-out infinite}
@keyframes daylight-cycle{0%,100%{filter:brightness(1) saturate(1)}25%{filter:brightness(1.12) saturate(.95)}70%,80%{filter:brightness(.52) saturate(.8)}90%{filter:brightness(.78) saturate(1.2)}}
@media(min-width:761px){.morning-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f8ecdbe8, #f8ecdb99 32%,transparent 65%)}}
.drifting-botanicals > :nth-child(9){left:56%;animation-delay:-18s;animation-duration:18s}
.drifting-botanicals > :nth-child(10){left:73%;animation-delay:-2s;animation-duration:21s}
.drifting-botanicals > :nth-child(11){left:90%;animation-delay:-9s;animation-duration:24s}
.drifting-botanicals > :nth-child(12){left:58%;animation-delay:-16s;animation-duration:27s}
.drifting-botanicals > :nth-child(13){left:75%;animation-delay:-23s;animation-duration:17s}
.drifting-botanicals > :nth-child(14){left:92%;animation-delay:-7s;animation-duration:20s}
.drifting-botanicals > :nth-child(15){left:60%;animation-delay:-14s;animation-duration:23s}
.drifting-botanicals > :nth-child(16){left:77%;animation-delay:-21s;animation-duration:26s}
.drifting-botanicals > :nth-child(17){left:94%;animation-delay:-5s;animation-duration:29s}
.drifting-botanicals > :nth-child(18){left:62%;animation-delay:-12s;animation-duration:19s}
.drifting-botanicals > :nth-child(19){left:79%;animation-delay:-19s;animation-duration:22s}
.drifting-botanicals > :nth-child(20){left:96%;animation-delay:-3s;animation-duration:25s}
.drifting-botanicals > :nth-child(21){left:64%;animation-delay:-10s;animation-duration:28s}
.drifting-botanicals > :nth-child(22){left:81%;animation-delay:-17s;animation-duration:18s}
.drifting-botanicals > :nth-child(23){left:98%;animation-delay:-1s;animation-duration:21s}
.drifting-botanicals > :nth-child(24){left:66%;animation-delay:-8s;animation-duration:24s}
@media(max-width:760px){.drifting-botanicals > :nth-child(n+9){left:15%}.drifting-botanicals > :nth-child(3n){left:48%}.drifting-botanicals > :nth-child(3n + 1){left:86%}.drifting-botanicals > :nth-child(n+21){display:none}}

/* Tip-anchored combustion and a single travelling sun share the day/night clock. */
.cone-vapour{stroke:none;opacity:.38;filter:blur(2px);animation:cone-tip-wave 7s ease-in-out infinite alternate}
@keyframes cone-tip-wave{from{d:path("M0 0 C-0.96 -10.56 -7.2 -17.76 -4.32 -29.76 C-1.44 -43.2 6.72 -48.48 0.96 -63.36 C-5.76 -77.28 -16.32 -84.48 -10.56 -97.92 C-4.8 -110.4 7.68 -117.6 12.48 -123.84 C3.36 -111.84 3.36 -102.24 5.76 -93.12 C9.6 -83.04 20.64 -76.8 15.36 -63.84 C11.52 -51.84 1.44 -44.64 0.48 -31.68 C-0.48 -19.2 2.4 -10.56 0 0 Z")}to{d:path("M0 0 C0.96 -10.56 7.2 -17.76 4.32 -29.76 C1.44 -43.2 -6.72 -48.48 -0.96 -63.36 C5.76 -77.28 16.32 -84.48 10.56 -97.92 C4.8 -110.4 -7.68 -117.6 -12.48 -123.84 C-3.36 -111.84 -3.36 -102.24 -5.76 -93.12 C-9.6 -83.04 -20.64 -76.8 -15.36 -63.84 C-11.52 -51.84 -1.44 -44.64 -0.48 -31.68 C0.48 -19.2 -2.4 -10.56 0 0 Z")}}
.ember-layer{z-index:0;pointer-events:none}
.ember-night{opacity:.15;animation:ember-night 28s ease-in-out infinite}
.ember-core{opacity:.65;animation:ember-flicker 2.3s ease-in-out infinite alternate}
@keyframes ember-night{0%,100%{opacity:.15}25%{opacity:.08}55%{opacity:.45}70%,80%{opacity:1}90%{opacity:.55}}
@keyframes ember-flicker{0%,100%{opacity:.65}35%{opacity:1}70%{opacity:.8}}
.sun-layer{z-index:-1;overflow:hidden}
.travelling-sun{filter:drop-shadow(0 0 12px #ffe690) drop-shadow(0 0 35px #ffbb58);transform:translate(620px,340px);animation:sun-crossing 28s linear infinite}
@keyframes sun-crossing{0%{transform:translate(620px,340px);opacity:.7}25%{transform:translate(840px,120px);opacity:1}45%{transform:translate(1000px,200px);opacity:1}60%{transform:translate(1110px,350px);opacity:0}85%{transform:translate(1110px,350px);opacity:0}86%{transform:translate(620px,360px);opacity:0}100%{transform:translate(620px,340px);opacity:.7}}
@media(max-width:760px){.morning-mobile .travelling-sun{transform:translate(60px,285px);animation-name:mobile-sun-crossing}}
@keyframes mobile-sun-crossing{0%{transform:translate(60px,285px);opacity:.7}25%{transform:translate(235px,95px);opacity:1}45%{transform:translate(360px,155px);opacity:1}60%,85%{transform:translate(425px,225px);opacity:0}86%{transform:translate(60px,300px);opacity:0}100%{transform:translate(60px,285px);opacity:.7}}
@media(prefers-reduced-motion:reduce){.ember-night{opacity:.15}}

.cone-desktop{fill:url(#cone-smoke-desktop)}.cone-mobile{fill:url(#cone-smoke-mobile)}
