#dessein-interior-cinematic .di-project-scene{position:relative;z-index:1;background:#ece9e2}
#dessein-interior-cinematic .di-project-stage{position:relative;overflow:hidden}
#dessein-interior-cinematic .di-scene.di-project-scene>.di-project-stage{display:block;padding:0;min-height:0}
#dessein-interior-cinematic .di-project-background{height:60svh;position:relative;width:100%;overflow:hidden}
#dessein-interior-cinematic .di-project-background .di-media-slot{position:absolute;inset:0;border:0;background:#ece9e2}
#dessein-interior-cinematic .di-project-background .di-slot-image,#dessein-interior-cinematic .di-project-background picture,#dessein-interior-cinematic .di-project-background picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
#dessein-interior-cinematic .di-project-copy{padding:32px 0;color:#30332d}
#dessein-interior-cinematic .di-project-copy h2{font-size:clamp(28px,2.8vw,43px);font-weight:400;line-height:1.13;letter-spacing:-.035em;margin:18px 0}
#dessein-interior-cinematic .di-project-caption{font-size:14px;line-height:1.65;margin:0;max-width:410px}
#dessein-interior-cinematic .di-project-steps{padding:0;list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}
#dessein-interior-cinematic .di-project-steps li{padding:16px 0;border-top:1px solid #d2cfc5}
#dessein-interior-cinematic .di-project-steps h3{font-size:22px;font-weight:400;line-height:1.16;margin:0 0 12px;letter-spacing:-.02em}
#dessein-interior-cinematic .di-project-steps h3 span{font-weight:300;color:#787569}
#dessein-interior-cinematic .di-project-steps p{font-size:13px;margin:0;line-height:1.5}
#dessein-interior-cinematic .di-project-registration,#dessein-interior-cinematic .di-project-fragments,#dessein-interior-cinematic .di-project-meter,#dessein-interior-cinematic .di-project-wash{display:none}
#dessein-interior-cinematic.di-project-enabled .di-scene.di-project-scene[data-di-scroll]{height:440svh;padding:0;margin-top:-100svh}
#dessein-interior-cinematic.di-project-enabled .di-scene.di-project-scene>.di-project-stage{position:sticky;top:0;height:100svh;min-height:0;padding:0;display:block}
#dessein-interior-cinematic.di-project-enabled .di-project-background{position:absolute;inset:0;height:100%}
#dessein-interior-cinematic.di-project-enabled .di-project-copy{position:absolute;left:6.5%;top:7%;width:38%;max-width:570px;padding:0;z-index:4;opacity:0}
#dessein-interior-cinematic.di-project-enabled .di-project-steps{position:absolute;left:6.5%;bottom:17%;width:52%;height:110px;display:block;z-index:4}
#dessein-interior-cinematic.di-project-enabled .di-project-steps li{position:absolute;inset:0;opacity:0;border:0;padding:0;pointer-events:none}
#dessein-interior-cinematic.di-project-enabled .di-project-steps h3{font-size:clamp(28px,3vw,46px);letter-spacing:-.035em}
#dessein-interior-cinematic.di-project-enabled .di-project-wash{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#eee9dfeb 0%,#eee9df99 28%,transparent 56%);opacity:0;pointer-events:none}
#dessein-interior-cinematic.di-project-enabled .di-project-registration{display:block;position:absolute;pointer-events:none}
#dessein-interior-cinematic .di-project-svg{width:100%;height:100%;display:block;overflow:visible}
#dessein-interior-cinematic .di-project-svg g{opacity:0}
#dessein-interior-cinematic.di-project-enabled .di-project-fragments{display:block;position:absolute;inset:0;pointer-events:none}
#dessein-interior-cinematic .di-project-fragment{position:absolute;opacity:0;object-fit:cover;max-width:15vw;border:1px solid #d0c3a9;box-shadow:0 5px 22px #29211520}
#dessein-interior-cinematic .di-fragment-wood{left:43%;top:76%;width:120px;height:70px}
#dessein-interior-cinematic .di-fragment-wall{left:43%;top:39%;width:110px;height:82px}
#dessein-interior-cinematic .di-fragment-fabric{left:43%;top:61%;width:110px;height:48px}
#dessein-interior-cinematic .di-fragment-mood-sofa{left:49%;top:68%;width:210px}
#dessein-interior-cinematic .di-fragment-mood-chair{right:7%;top:57%;width:110px}
#dessein-interior-cinematic .di-fragment-mood-colours{right:7%;top:31%;width:105px}
#dessein-interior-cinematic.di-project-enabled .di-project-meter{display:flex;position:absolute;left:6.5%;bottom:6%;width:260px;gap:8px;opacity:0}
#dessein-interior-cinematic .di-project-meter span{height:2px;flex:1;background:#77726444}
#dessein-interior-cinematic .di-project-meter .di-tick-active{background:#635c4a}
@media(max-width:767px){
#dessein-interior-cinematic.di-project-enabled .di-scene.di-project-scene[data-di-scroll]{height:470svh}
#dessein-interior-cinematic.di-project-enabled .di-project-copy{left:24px;top:4%;width:calc(100% - 48px);max-width:340px}
#dessein-interior-cinematic .di-project-copy h2{font-size:28px;line-height:1.12;margin:14px 0}
#dessein-interior-cinematic .di-project-caption{font-size:12px;line-height:1.55;max-width:330px}
#dessein-interior-cinematic .di-project-copy .di-eyebrow{margin-bottom:0;font-size:9px}
#dessein-interior-cinematic.di-project-enabled .di-project-steps{left:24px;top:28%;bottom:auto;width:calc(100% - 48px);height:100px}
#dessein-interior-cinematic.di-project-enabled .di-project-steps h3{font-size:30px;line-height:1.1}
#dessein-interior-cinematic .di-project-steps p{font-size:11px}
#dessein-interior-cinematic.di-project-enabled .di-project-wash{background:linear-gradient(180deg,#eee9dfeb 0%,#eee9dfaa 30%,transparent 61%)}
#dessein-interior-cinematic .di-project-background .di-slot-image,#dessein-interior-cinematic .di-project-background picture img{object-position:48% 65%}
#dessein-interior-cinematic .di-desktop-guide{display:none}
#dessein-interior-cinematic .di-project-fragment{max-width:110px;max-height:70px;object-fit:contain;background:#ece9e2;border-color:#d8cdb8}
#dessein-interior-cinematic .di-fragment-wood,#dessein-interior-cinematic .di-fragment-wall,#dessein-interior-cinematic .di-fragment-fabric{left:24px;top:69%;width:85px;height:auto}
#dessein-interior-cinematic .di-fragment-mood-sofa,#dessein-interior-cinematic .di-fragment-mood-chair,#dessein-interior-cinematic .di-fragment-mood-colours{left:24px;right:auto;top:71%;width:110px}
#dessein-interior-cinematic.di-project-enabled .di-project-meter{left:24px;bottom:4%;width:170px}
#dessein-interior-cinematic .di-project-steps{grid-template-columns:1fr;gap:0}
}

/* Scene 04 and 05 share one sticky render. */
#dessein-interior-cinematic.di-project-enabled .di-project-shared-stage{position:absolute;inset:0;width:100%;height:100svh;min-height:0;padding:0;display:block;z-index:7;pointer-events:none}
#dessein-interior-cinematic.di-project-enabled .di-project-shared-stage>.di-project-background{display:none}
#dessein-interior-cinematic.di-project-enabled .di-scene.di-project-scene[data-di-scroll]{background:transparent}

/* Only stages 01–03: brief, fine annotations registered to visible architecture. */
#dessein-interior-cinematic .di-technical-overlay path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:767px){#dessein-interior-cinematic .di-technical-overlay{stroke-width:.7}}