.morning-intro{padding:24px 5% 20px}.morning-intro h2{margin:0 0 12px}.morning-intro p:last-child{font-size:13px;margin-bottom:0}
.morning-stage{isolation:isolate;overflow:hidden}.morning-world>.morning-backdrop{width:100%;height:auto;transition:filter .25s}
.morning-stage.spotlighting .morning-backdrop{filter:brightness(.55)}
.morning-plant{position:absolute;left:var(--left);bottom:var(--bottom);width:var(--width);height:var(--height);transform:translateX(-50%);z-index:2;display:block;transition:filter .25s;isolation:isolate}
.morning-plant>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;max-width:none}
.morning-plant:before{content:"";position:absolute;bottom:1%;left:21%;width:59%;height:4%;border-radius:50%;background:radial-gradient(ellipse,#38271980,transparent 70%);filter:blur(2px);z-index:0}
.morning-alocasia:before{bottom:3.5%;left:33%;width:38%}.morning-waffle:before{bottom:5.5%;left:15%;width:75%}
.morning-plant.is-muted{filter:brightness(.4) saturate(.65)}
.morning-label{position:absolute;bottom:0;left:50%;transform:translate(-50%,100%);white-space:nowrap;background:#f6f5f0eb;color:#282c29;border-radius:3px;padding:3px 9px;font-size:11px;opacity:0;transition:opacity .2s;z-index:3}
.morning-plant:hover .morning-label,.morning-plant:focus-visible .morning-label{opacity:1}
.morning-tricolor{--left:20%;--bottom:13.5%;--width:30.37%;--height:60.75%}
.morning-alocasia{--left:82%;--bottom:13.5%;--width:23.9%;--height:47.85%}
.morning-waffle{--left:54%;--bottom:41.2%;--width:9.73%;--height:15.14%}
@container(max-width:760px){.morning-intro{padding:22px 24px}.morning-intro h2{font-size:38px}.morning-tricolor{--left:26%;--bottom:12%;--width:39%;--height:39%}.morning-alocasia{--left:78%;--bottom:12%;--width:30.75%;--height:30.73%}.morning-waffle{--left:52%;--bottom:35.1%;--width:12.52%;--height:9.74%}.morning-label{font-size:9px;max-width:150px;white-space:normal;text-align:center}}

.morning-world{position:relative}.morning-plant:after{content:"";position:absolute;bottom:-2%;right:40%;width:65%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#46332238,transparent 70%);transform:rotate(-20deg);filter:blur(3px);z-index:-1;pointer-events:none}.morning-waffle:after{display:none}
@container(max-width:760px){.morning-stage{aspect-ratio:1}.morning-world{position:absolute;top:-33.333%;left:0;width:100%}}

/* Square waffle planter: base meets railing cap; stems trail below it. */
.morning-waffle{--left:54%;--bottom:59.7%;--width:15.6%;--height:28%}.morning-waffle:before{bottom:21%;left:19%;width:64%;height:3%;filter:blur(1px)}
@container(max-width:760px){.morning-waffle{--left:52%;--bottom:47.6%;--width:20%;--height:18%}}

/* Shallow trough: approximately60cm wide, tied to the bench scale. */
.morning-waffle{--left:54%;--bottom:58.2%;--width:24.4%;--height:22.4%}.morning-waffle:before{bottom:32.6%;left:9%;width:84%;height:3%}
@container(max-width:760px){.morning-waffle{--left:52%;--bottom:46.7%;--width:31.5%;--height:14.4%}}
/* Owner correction: both floor plants sit beside the railing, alocasia is larger. */
.morning-tricolor{--left:16%;--bottom:29%;--width:20%;--height:40%}
.morning-alocasia{--left:84%;--bottom:27.5%;--width:28.5%;--height:57%}
@container(max-width:760px){.morning-tricolor{--left:19%;--bottom:27%;--width:25.7%;--height:25.7%}.morning-alocasia{--left:80%;--bottom:25%;--width:36.7%;--height:36.7%}}
@container(max-width:760px){.morning-tricolor{--left:13.5%;--bottom:22%;--width:25.7%;--height:25.7%}.morning-alocasia{--left:84%;--bottom:20.5%;--width:31%;--height:31%}}

/* Elephant-ear grounding study: separate projected shadow, contact and masked light. */
.morning-alocasia{--bottom:25%}
.morning-alocasia:before,.morning-alocasia:after{display:none}
.morning-alocasia>img{filter:brightness(.94) saturate(.86) sepia(.07)}
.morning-floor-shadows{position:absolute;inset:0;pointer-events:none;z-index:1;clip-path:polygon(76% 66%,100% 66%,100% 100%,0 100%,0 79%,76% 79%)}
.alocasia-shadow-position{position:absolute;left:84%;bottom:25%;width:28.5%;height:57%;transform:translateX(-50%)}
.alocasia-shadow-position img{width:100%;height:100%;object-fit:contain;transform-origin:50% 96.5%;transform:matrix(1,0,.85,-.30,0,0);filter:brightness(0) blur(3px);opacity:.19}
.alocasia-contact{position:absolute;left:33%;width:38%;bottom:2.2%;height:3.3%;border-radius:50%;background:radial-gradient(ellipse at center,#30251dde 0%,#30251d8c 35%,transparent 72%);filter:blur(1px);z-index:0;pointer-events:none}
.alocasia-light{position:absolute;inset:0;z-index:2;pointer-events:none;mask:url('assets/shop-scene/morning-alocasia-v1.webp') center/contain no-repeat;-webkit-mask:url('assets/shop-scene/morning-alocasia-v1.webp') center/contain no-repeat;background:linear-gradient(110deg,#352a2240,transparent 53%,#e9c88624),linear-gradient(0deg,#392d224d,transparent 27%);mix-blend-mode:multiply}
@container(max-width:760px){.morning-alocasia{--bottom:20.5%}.alocasia-shadow-position{bottom:20.5%;width:31%;height:31%}.morning-floor-shadows{clip-path:polygon(82% 72%,100% 72%,100% 100%,0 100%,0 79%,82% 79%)}}
/* Projection already falls beyond the bench; avoid a hard clipping seam on tiles. */
.morning-floor-shadows{clip-path:none}
.alocasia-shadow-position img{opacity:.16;filter:brightness(0) blur(4px)}

/* Seat the saucer firmly on the tiles; keep shadow and plant anchors together. */
.morning-world{--alocasia-floor:22.5%}
.morning-alocasia{--bottom:var(--alocasia-floor)}
.alocasia-shadow-position{bottom:var(--alocasia-floor)}
.alocasia-contact{bottom:2.5%;height:2%;left:34%;width:36%;filter:blur(.6px);background:radial-gradient(ellipse,#30251deb 0%,#30251d99 42%,transparent 74%)}
@container(max-width:760px){.morning-world{--alocasia-floor:18.5%}}

/* Opaque saucer ends at y≈1389/1448 (95.9%), above transparent padding.
   Both shadows originate at that visible edge, not the image box bottom. */
.alocasia-shadow-position img{transform-origin:51.5% 95.9%}
.alocasia-contact{left:35%;width:33%;bottom:3.2%;height:1.8%;filter:blur(.35px);background:radial-gradient(ellipse at center,#30251df5 0%,#30251db8 38%,#30251d50 60%,transparent 78%)}

/* Remaining plants: source-specific support points, independent light and shadows. */
.morning-tricolor:before,.morning-tricolor:after,.morning-waffle:before{display:none}
.tricolor-shadow-position{position:absolute;left:16%;bottom:29%;width:20%;height:40%;transform:translateX(-50%)}
.tricolor-shadow-position img{width:100%;height:100%;object-fit:contain;transform-origin:50% 98.9%;transform:matrix(1,0,.85,-.30,0,0);filter:brightness(0) blur(4px);opacity:.16}
.tricolor-contact,.waffle-contact{position:absolute;pointer-events:none;z-index:0;filter:blur(.35px)}
.tricolor-contact{left:21%;width:59%;bottom:.2%;height:1.8%;border-radius:50%;background:radial-gradient(ellipse,#30251df5 0%,#30251db8 38%,#30251d50 60%,transparent 78%)}
/* Planter base is at 67% of the asset height; trailing leaves are below the support. */
.waffle-contact{left:9%;width:83%;bottom:32%;height:2%;border-radius:25%;background:linear-gradient(90deg,transparent,#493122a8 6%,#493122a8 94%,transparent)}
.morning-tricolor>img{filter:brightness(.96) saturate(.90) sepia(.04)}
.morning-waffle>img{filter:brightness(.96) saturate(.92) sepia(.04)}
.tricolor-light,.waffle-light{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(110deg,#352a222b,transparent 53%,#e9c88618),linear-gradient(0deg,#392d2233,transparent 27%)}
.tricolor-light{mask:url('assets/shop-scene/morning-tricolor-v1.webp') center/contain no-repeat;-webkit-mask:url('assets/shop-scene/morning-tricolor-v1.webp') center/contain no-repeat}
.waffle-light{mask:url('assets/shop-scene/morning-waffle-trough-v3.webp') center/contain no-repeat;-webkit-mask:url('assets/shop-scene/morning-waffle-trough-v3.webp') center/contain no-repeat}
@container(max-width:760px){.tricolor-shadow-position{left:13.5%;bottom:22%;width:25.7%;height:25.7%}}

/* Floor perspective: saucer sits just behind the bench feet, not at the skirting. */
.morning-tricolor{--bottom:24%}
.tricolor-shadow-position{bottom:24%}
.tricolor-contact{bottom:.15%;height:2%;left:27%;width:48%;background:radial-gradient(ellipse,#251d17 0%,#30251de8 45%,#30251d66 68%,transparent 85%);filter:blur(.25px)}
@container(max-width:760px){.morning-tricolor{--bottom:20.5%}.tricolor-shadow-position{bottom:20.5%}}
.morning-foliage{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.morning-plant.motion-ready>img{visibility:hidden}
.morning-tricolor>.morning-foliage{filter:brightness(.96) saturate(.90) sepia(.04)}
.morning-alocasia>.morning-foliage{filter:brightness(.94) saturate(.86) sepia(.07)}
.morning-waffle>.morning-foliage{filter:brightness(.96) saturate(.92) sepia(.04)}

/* Sheltered balcony: separate targets for shelf, floor plants and foreground flowers. */
.scene-stage[data-room="shade"] .scene-pin{transform:none;min-width:44px;min-height:44px}
.scene-stage[data-room="shade"] .scene-pin[data-scene-id="peacelily"]{left:10%;top:24%;width:35%;height:64%}
.scene-stage[data-room="shade"] .scene-pin[data-scene-id="burgundyphilo"]{left:62%;top:34%;width:33%;height:55%}
.scene-stage[data-room="shade"] .scene-pin[data-scene-id="flameviolet"]{left:39%;top:4%;width:24%;height:26%;transform:none}
.scene-stage[data-room="shade"] .scene-pin[data-scene-id="sunsetbells"]{left:41%;top:64%;width:23%;height:31%;transform:none}
@container(max-width:760px){
 .scene-stage[data-room="shade"] .scene-pin[data-scene-id="peacelily"]{left:2%;top:22%;width:42%;height:51%}
 .scene-stage[data-room="shade"] .scene-pin[data-scene-id="burgundyphilo"]{left:59%;top:39%;width:40%;height:36%}
 .scene-stage[data-room="shade"] .scene-pin[data-scene-id="flameviolet"]{left:37%;top:6%;width:29%;height:19%}
 .scene-stage[data-room="shade"] .scene-pin[data-scene-id="sunsetbells"]{left:24%;top:62%;width:39%;height:25%}
}

/* Indoor shelf: three distinct plant targets, with portrait-specific placement. */
.scene-stage[data-room="shelf"] .scene-pin{transform:none;min-width:44px;min-height:44px}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="silverfern"]{left:21%;top:2%;width:32%;height:48%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="waffle"]{left:49%;top:26%;width:26%;height:28%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="flameviolet"]{left:57%;top:57%;width:30%;height:38%}
@container(max-width:760px){
 .scene-stage[data-room="shelf"] .scene-pin[data-scene-id="silverfern"]{left:8%;top:4%;width:46%;height:46%}
 .scene-stage[data-room="shelf"] .scene-pin[data-scene-id="waffle"]{left:51%;top:29%;width:42%;height:25%}
 .scene-stage[data-room="shelf"] .scene-pin[data-scene-id="flameviolet"]{left:36%;top:59%;width:58%;height:36%}
}
@container(max-width:760px){
 .scene-stage[data-room="shelf"] .scene-pin[data-scene-id="silverfern"]{left:14%;top:10%;width:45%;height:39%}
 .scene-stage[data-room="shelf"] .scene-pin[data-scene-id="flameviolet"]{left:44%;top:56%;width:47%;height:30%}
}

/* Planted garden: targets follow foliage, not the shelter or background planting. */
.scene-stage[data-room="thatch"] .scene-pin{transform:none;min-width:44px;min-height:44px}
.scene-stage[data-room="thatch"] .scene-pin[data-scene-id="licuala"]{left:7%;top:18%;width:34%;height:47%}
.scene-stage[data-room="thatch"] .scene-pin[data-scene-id="alocasia"]{left:74%;top:43%;width:24%;height:37%}
.scene-stage[data-room="thatch"] .scene-pin[data-scene-id="silverfern"]{left:25%;top:68%;width:30%;height:25%}
.scene-stage[data-room="thatch"] .scene-pin[data-scene-id="peacelily"]{left:56%;top:64%;width:23%;height:30%}
@container(max-width:760px){
 .scene-stage[data-room="thatch"] .scene-pin[data-scene-id="licuala"]{left:4%;top:24%;width:50%;height:34%}
 .scene-stage[data-room="thatch"] .scene-pin[data-scene-id="alocasia"]{left:63%;top:45%;width:35%;height:22%}
 .scene-stage[data-room="thatch"] .scene-pin[data-scene-id="silverfern"]{left:15%;top:62%;width:43%;height:22%}
 .scene-stage[data-room="thatch"] .scene-pin[data-scene-id="peacelily"]{left:59%;top:67%;width:37%;height:21%}
}

/* Coordinates reviewed against landscape and portrait compositions. */
.scene-stage[data-room="garden"] .scene-pin{transform:none;min-width:44px;min-height:44px}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="tricolor"]{left:4.0%;top:57.99999999999999%;width:26.0%;height:27.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="fanpalm"]{left:61.0%;top:24.0%;width:30.0%;height:40.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="silverpalm"]{left:10.0%;top:10.0%;width:40.0%;height:48.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="canna"]{left:38.0%;top:44.0%;width:23.0%;height:28.999999999999996%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="chenille"]{left:71.0%;top:63.0%;width:25.0%;height:24.0%}
@container(max-width:760px){
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="tricolor"]{left:3.5000000000000004%;top:62.0%;width:31.0%;height:18.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="fanpalm"]{left:57.99999999999999%;top:27.0%;width:40.0%;height:26.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="silverpalm"]{left:8.0%;top:13.0%;width:52.0%;height:36.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="canna"]{left:34.0%;top:45.0%;width:32.0%;height:21.0%}
.scene-stage[data-room="garden"] .scene-pin[data-scene-id="chenille"]{left:66.0%;top:65.0%;width:30.0%;height:17.0%}
}
.scene-stage[data-room="shelf"] .scene-pin{transform:none;min-width:44px;min-height:44px}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="waffle"]{left:70.0%;top:25.0%;width:21.0%;height:20.0%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="silverfern"]{left:49.0%;top:6.0%;width:24.0%;height:37.0%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="flameviolet"]{left:63.0%;top:51.0%;width:24.0%;height:28.000000000000004%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="dieffenbachia"]{left:9.0%;top:6.0%;width:38.0%;height:87.0%}
@container(max-width:760px){
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="waffle"]{left:56.99999999999999%;top:37.0%;width:34.0%;height:15.0%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="silverfern"]{left:45.0%;top:7.000000000000001%;width:42.0%;height:26.0%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="flameviolet"]{left:59.0%;top:56.00000000000001%;width:33.0%;height:19.0%}
.scene-stage[data-room="shelf"] .scene-pin[data-scene-id="dieffenbachia"]{left:5.0%;top:25.0%;width:47.0%;height:62.0%}
}