#dessein-interior-cinematic .di-page{width:100%;overflow:clip}
#dessein-interior-cinematic .di-skip-link{position:absolute;left:24px;top:12px;transform:translateY(-150%);z-index:10;background:#272a28;color:white;padding:12px}
#dessein-interior-cinematic .di-skip-link:focus{transform:none}
#dessein-interior-cinematic .di-scene[data-di-scroll]{min-height:100svh;background:#e9e6df;border-top:1px solid #d6d3cc}
#dessein-interior-cinematic .di-image-scene[data-di-scroll]{background:#d8d4cc}
#dessein-interior-cinematic .di-scene[data-di-scroll]>.di-sticky{position:relative;min-height:100svh;padding:60px clamp(32px,5vw,96px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr) auto;gap:32px 50px;align-items:center}
#dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll="scene03"]{height:280svh}
#dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll="scene04"]{height:320svh}
#dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll]>.di-sticky{position:sticky;top:0;height:100svh}
#dessein-interior-cinematic .di-eyebrow{font-size:11px;letter-spacing:.16em;margin:0 0 28px}
#dessein-interior-cinematic .di-scene-title{font-weight:400;font-size:clamp(35px,3.25vw,62px);line-height:1.09;letter-spacing:-.04em;margin:0 0 24px}
#dessein-interior-cinematic .di-scene-caption{font-size:15px;line-height:1.6;max-width:420px;margin:0;color:#55594f}
#dessein-interior-cinematic .di-stage-media{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:0}
#dessein-interior-cinematic .di-plan-sheet{width:100%;max-width:740px;height:min(68svh,688px);box-shadow:0 20px 50px #393c3414;background:#f6f5f0;padding:22px}
#dessein-interior-cinematic .di-media-slot{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;background:#eeece6;border:1px solid #d4d2ca;overflow:hidden}
#dessein-interior-cinematic .di-slot-label{font-size:11px;letter-spacing:.17em;color:#7c8075}
#dessein-interior-cinematic .di-slot-image,#dessein-interior-cinematic .di-slot-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#dessein-interior-cinematic .di-render-frame{width:100%;height:min(67svh,680px)}
#dessein-interior-cinematic .di-render-frame .di-slot-image,#dessein-interior-cinematic .di-render-frame .di-slot-video{object-fit:cover}
#dessein-interior-cinematic .di-plan-inset{position:absolute;left:20px;bottom:35px;width:160px;height:145px;padding:10px;background:#f6f5f0;box-shadow:0 12px 30px #3333}
#dessein-interior-cinematic .di-future-layer{position:absolute;inset:0;pointer-events:none}
#dessein-interior-cinematic .di-phase-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;padding:18px 0 0;margin:0;border-top:1px solid #bbbfb4;font-size:11px;line-height:1.5}
#dessein-interior-cinematic .di-plan-scene .di-phase-list{grid-template-columns:repeat(5,minmax(0,1fr))}
#dessein-interior-cinematic .di-phase-list li{min-width:0}
#dessein-interior-cinematic .di-phase-list li span{display:block;color:#82877b;font-size:10px;margin-bottom:6px}
#dessein-interior-cinematic .di-mobile-only{display:none}
#dessein-interior-cinematic .di-debug-progress{display:none;position:absolute;bottom:0;left:0;right:0;height:3px;background:#ddd}
#dessein-interior-cinematic.di-debug .di-debug-progress{display:block}
#dessein-interior-cinematic .di-debug-progress span{display:block;transform-origin:left;transform:scaleX(var(--di-progress,0));height:100%;background:#425c63}
@media(max-width:767px){
 #dessein-interior-cinematic .di-desktop-only{display:none}
 #dessein-interior-cinematic .di-mobile-only{display:flex}
 #dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll="scene03"]{height:240svh}
 #dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll="scene04"]{height:290svh}
 #dessein-interior-cinematic .di-scene[data-di-scroll]>.di-sticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding:34px 24px;gap:20px;align-items:start}
 #dessein-interior-cinematic .di-eyebrow{font-size:10px;margin-bottom:16px}
 #dessein-interior-cinematic .di-scene-title{font-size:clamp(29px,7.8vw,35px);line-height:1.1;margin-bottom:14px}
 #dessein-interior-cinematic .di-scene-caption{font-size:12px;line-height:1.55}
 #dessein-interior-cinematic .di-stage-media{width:100%;height:100%;min-height:230px;align-self:stretch}
 #dessein-interior-cinematic .di-plan-sheet{height:100%;width:100%;max-height:42svh;padding:14px}
 #dessein-interior-cinematic .di-render-frame{height:100%;max-height:43svh}
 #dessein-interior-cinematic .di-plan-inset{left:12px;bottom:12px;width:102px;height:92px;padding:7px}
 #dessein-interior-cinematic .di-plan-inset .di-slot-label{font-size:8px;letter-spacing:.05em}
 #dessein-interior-cinematic .di-phase-list,#dessein-interior-cinematic .di-plan-scene .di-phase-list{grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px;gap:10px 16px;padding-top:12px}
 #dessein-interior-cinematic .di-phase-list li span{font-size:9px;margin-bottom:2px}
}
@media(prefers-reduced-motion:reduce){
 #dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll]{height:auto}
 #dessein-interior-cinematic.di-scroll-enabled .di-scene[data-di-scroll]>.di-sticky{position:relative;height:auto;min-height:100svh}
}