/* Desktop review only: all mobile styles and media remain approved 1.2.2. */ #dessein-interior-cinematic .di-desktop-step-samples, #dessein-interior-cinematic .di-desktop-faq-links, #dessein-interior-cinematic .di-desktop-project-svg, #dessein-interior-cinematic .di-desktop-compare, #dessein-interior-cinematic .di-desktop-sample, #dessein-interior-cinematic .di-desktop-panel, #dessein-interior-cinematic .di-desktop-cue{display:none} @media(min-width:768px){ #dessein-interior-cinematic.di-desktop-polish .di-project-shared-stage{height:100%!important} #dessein-interior-cinematic.di-desktop-polish .di-project-svg, #dessein-interior-cinematic.di-desktop-polish .di-project-fragments{display:none} #dessein-interior-cinematic.di-desktop-polish .di-desktop-project-svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} #dessein-interior-cinematic .di-desktop-project-svg path,#dessein-interior-cinematic .di-desktop-project-svg circle{vector-effect:non-scaling-stroke} #dessein-interior-cinematic .di-desktop-project-svg text{font:19px Arial,Helvetica,sans-serif;fill:#45473c} #dessein-interior-cinematic .di-desktop-project-svg .di-dp-tag{fill:#eeebe2;fill-opacity:.94;stroke:none} #dessein-interior-cinematic .di-desktop-project-svg .di-dp-dimension{stroke:#e7ddc8;stroke-width:1.2;fill:none} #dessein-interior-cinematic .di-desktop-project-svg .di-dp-point{fill:#eee8d9;stroke:#5c604c;stroke-width:1} #dessein-interior-cinematic .di-desktop-project-svg .di-dp-leader{stroke:#9b957e;stroke-width:1;fill:none} #dessein-interior-cinematic .di-desktop-project-svg .di-dp-sheet{fill:#f5f1e8;stroke:#c9c2b2;stroke-width:1} #dessein-interior-cinematic.di-desktop-polish .di-desktop-panel{display:block;position:absolute;left:52%;top:25%;width:36%;height:53%;opacity:0;pointer-events:none;margin:0} #dessein-interior-cinematic .di-desktop-plan img{width:100%;height:100%;object-fit:contain;background:#faf9f6;border:1px solid #d0cabd;padding:14px;box-shadow:0 12px 36px #292b201a} #dessein-interior-cinematic .di-desktop-plan figcaption{position:absolute;bottom:10px;left:20px;font:11px Arial;color:#62665a;background:#faf9f6;padding:6px 10px} #dessein-interior-cinematic.di-desktop-polish .di-desktop-documents{left:51%;top:33%;width:42%;height:40%;display:flex;gap:12px;margin:0;align-items:center} #dessein-interior-cinematic .di-desktop-documents figure{position:relative;width:50%;height:100%;margin:0;background:#faf9f6;border:1px solid #cfc8b9;padding:14px 14px 34px;box-shadow:0 12px 28px #30332614} #dessein-interior-cinematic .di-desktop-documents figure:first-child{transform:rotate(-2deg)} #dessein-interior-cinematic .di-desktop-documents figure:last-child{transform:rotate(2deg)} #dessein-interior-cinematic .di-desktop-documents img{width:100%;height:100%;object-fit:contain} #dessein-interior-cinematic .di-desktop-documents figcaption{position:absolute;bottom:12px;left:14px;font:11px Arial;color:#62665a} #dessein-interior-cinematic.di-desktop-polish .di-desktop-cue{display:flex;position:absolute;left:50%;right:auto;bottom:55px;transform:translateX(-50%);z-index:12;align-items:center;gap:10px;font:9px Arial;color:#5b5f51;letter-spacing:.09em;pointer-events:none} #dessein-interior-cinematic .di-desktop-cue i{display:block;position:relative;width:1px;height:25px;background:#777c5c55} #dessein-interior-cinematic .di-desktop-cue i:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;left:-1px;top:1px;background:#777c5c;animation:di-desktop-scroll 2.4s ease-in-out infinite} #dessein-interior-cinematic.di-desktop-polish .di-desktop-step-samples{display:flex;gap:12px;margin-top:18px;width:max-content;max-width:100%;opacity:0;pointer-events:none} #dessein-interior-cinematic .di-desktop-step-samples figure{width:clamp(100px,8.5vw,142px);height:clamp(66px,5.5vw,92px);margin:0;padding:4px;background:#f5f1e8;border:1px solid #c9c2b2} #dessein-interior-cinematic .di-desktop-step-samples img{width:100%;height:100%;display:block;object-fit:cover} #dessein-interior-cinematic [data-di-desktop-samples="6"] img{object-fit:contain} #dessein-interior-cinematic .di-desktop-related-services{margin-top:30px;color:#626659;font:13px/1.5 Arial} #dessein-interior-cinematic .di-desktop-related-services>p{margin:0 0 10px} #dessein-interior-cinematic .di-desktop-service-links{display:flex;flex-wrap:wrap;gap:8px 24px;font:13px/1.5 Arial} #dessein-interior-cinematic .di-desktop-service-links a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} #dessein-interior-cinematic .di-desktop-service-links a:hover{color:var(--ink)} #dessein-interior-cinematic .di-desktop-service-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px} #dessein-interior-cinematic .di-faq-links:not(.di-desktop-faq-links){display:none} #dessein-interior-cinematic .di-desktop-faq-links{display:flex;padding-top:32px;font-size:14px;gap:14px 24px} @keyframes di-desktop-scroll{0%,100%{transform:translateY(0);opacity:.3}60%{transform:translateY(20px);opacity:.8}} #dessein-interior-cinematic.di-desktop-polish .di-sequence-boundary{position:absolute;inset:0;pointer-events:none} body.dessein-interior-test-page #dessein-interior-cinematic.di-desktop-polish .di-sequence-boundary>.di-sequence-stage{margin-bottom:0!important} #dessein-interior-cinematic .di-desktop-compare{display:block;position:relative;z-index:20;min-height:100svh;margin:0;padding:90px 6.5% 96px;background:var(--paper);color:var(--ink)} #dessein-interior-cinematic .di-desktop-compare .di-desktop-compare-intro{max-width:880px;margin:0 0 48px} #dessein-interior-cinematic .di-desktop-compare h2{font:400 clamp(36px,3.3vw,54px)/1.12 Arial;letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px} #dessein-interior-cinematic .di-desktop-compare .di-desktop-compare-intro>p:last-child{font:16px/1.6 Arial;max-width:770px;margin:0} #dessein-interior-cinematic .di-desktop-overline{font:10px/1.5 Arial;letter-spacing:.15em;color:#626659;margin:0 0 18px} #dessein-interior-cinematic .di-desktop-compare-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:44px} #dessein-interior-cinematic .di-desktop-compare-columns article{padding:0 34px;border-left:1px solid #c4c3b6} #dessein-interior-cinematic .di-desktop-compare-columns article:first-child{padding-left:0;border-left:0} #dessein-interior-cinematic .di-desktop-compare h3{font:400 clamp(25px,2.5vw,39px)/1.15 Arial;letter-spacing:-.025em;margin:0 0 26px;text-wrap:balance} #dessein-interior-cinematic .di-desktop-compare ul{list-style:none;margin:0;padding:0;font:15px/1.55 Arial} #dessein-interior-cinematic .di-desktop-compare li{position:relative;padding-left:20px;margin:0 0 13px} #dessein-interior-cinematic .di-desktop-compare li:before{content:'✓';position:absolute;left:0;color:#797d65;font-size:12px} #dessein-interior-cinematic .di-desktop-compare-cta{border-top:1px solid #c4c3b6;padding-top:30px;display:flex;align-items:center;gap:32px;font:16px Arial} #dessein-interior-cinematic .di-desktop-compare-cta p{margin:0} #dessein-interior-cinematic .di-project-sample [data-di-project-sample]:not(.di-desktop-sample){display:none} #dessein-interior-cinematic .di-desktop-sample{display:inline-flex;pointer-events:auto} #dessein-interior-cinematic.di-desktop-polish .di-commercial-cost-pair>.di-sticky-boundary{top:0;bottom:auto;height:var(--di-desktop-head-height)} #dessein-interior-cinematic.di-desktop-polish.di-desktop-cost-tail .di-commercial-cost-pair>.di-sticky-boundary{top:var(--di-desktop-tail-top);height:var(--di-desktop-tail-height)} /* The shared stage is already out of flow. Comparison needs no viewport spacer and Scene 07 needs no compensating negative margin. */ #dessein-interior-cinematic.di-desktop-polish.di-commercial-enabled .di-commercial-cost-pair>.di-cost-scene{margin-top:0} } @media(prefers-reduced-motion:reduce){ #dessein-interior-cinematic .di-desktop-step-samples,#dessein-interior-cinematic .di-desktop-panel,#dessein-interior-cinematic .di-desktop-project-svg,#dessein-interior-cinematic .di-desktop-cue{display:none!important} #dessein-interior-cinematic .di-desktop-cue i:after{animation:none} #dessein-interior-cinematic .di-desktop-compare{margin-bottom:0!important} }