.home-curtain-section{background-color:#e3f0f6;background-image:linear-gradient(#609dbb45 1px,transparent 1px),linear-gradient(90deg,#609dbb45 1px,transparent 1px),linear-gradient(#609dbb20 1px,transparent 1px),linear-gradient(90deg,#609dbb20 1px,transparent 1px);background-size:160px 160px,160px 160px,32px 32px,32px 32px;border-top:1px solid #a9cbdc;border-bottom:1px solid #a9cbdc}
.home-curtain-section{padding-block:44px}
.home-curtain-section.blueprint-ready{position:relative;isolation:isolate;background-image:none}
.home-curtain-section.blueprint-ready:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#609dbb45 1px,transparent 1px),linear-gradient(90deg,#609dbb45 1px,transparent 1px),linear-gradient(#609dbb20 1px,transparent 1px),linear-gradient(90deg,#609dbb20 1px,transparent 1px);background-size:160px 160px,160px 160px,32px 32px,32px 32px;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path 4s linear 1s,opacity 2s ease 1s}
.home-curtain-section.blueprint-visible:before{opacity:1;clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.home-curtain-section.blueprint-ready:before{clip-path:none;transition:opacity 3s ease 1s}}
.home-curtain-section>.wrap{width:min(1160px,calc(100% - 64px));display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:44px;align-items:center}
.home-curtain-copy{min-width:0;display:flex;flex-direction:column;gap:18px}
.home-curtain-link{align-self:flex-start}
.home-page .home-curtain-copy>.home-kicker,.home-page .home-curtain-copy>h2,.home-page .home-curtain-copy>.home-curtain-lead{margin:0}
.home-curtain-section>.wrap>.home-curtain{grid-column:2}
.home-curtain-section h2{font-size:40px;line-height:1.1;margin:0;max-width:800px;scroll-margin-top:110px}
.home-curtain-lead{font-size:16px;color:#506473;margin:14px 0 20px;max-width:800px}
.home-curtain{position:relative;width:100%;aspect-ratio:4/3;margin-inline:auto;background:#edf2f5;border:1px solid #9fbac8;border-radius:6px;overflow:hidden;isolation:isolate}
.home-curtain-design,.home-curtain-render,.home-curtain-video{position:absolute;inset:0;width:100%;height:100%}
.home-curtain-design{z-index:2;clip-path:inset(0 0 0 var(--reveal));background-color:#123d59;background-image:linear-gradient(#8dd8ee26 1px,transparent 1px),linear-gradient(90deg,#8dd8ee26 1px,transparent 1px),linear-gradient(#8dd8ee0d 1px,transparent 1px),linear-gradient(90deg,#8dd8ee0d 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px}
.home-curtain-design img,.home-curtain-render img{width:100%;height:100%;object-fit:cover}
.home-curtain-design:has(img[src*="sath2-0101"]){background:#fff}
.home-curtain-design img[src*="sath2-0101"]{object-fit:contain;background:#fff;transform:translateY(-10%) scale(.85);transform-origin:center}
.home-curtain-render img{filter:brightness(1.14) saturate(1.2) contrast(1.03)}
.home-curtain-render{z-index:0;background:#e0e0e0}
.home-curtain-video{z-index:2;object-fit:cover;background:#07121d;clip-path:inset(0 0 0 var(--reveal))}
.home-curtain-design,.home-curtain-render{transition:clip-path .2s ease}
.home-curtain-label{position:absolute;bottom:20px;z-index:3;width:max-content;max-width:calc(100% - 20px);font-size:12px;font-weight:700;padding:6px 10px;background:#07121ddd;color:#fff}
.home-curtain-label-design{left:20px;right:auto}
.home-curtain-label-real{right:20px;left:auto}
.home-curtain-divider{position:absolute;top:0;bottom:0;left:var(--handle);width:1px;background:#5bc5ef;z-index:4;pointer-events:none;transition:left .2s ease}
.home-curtain-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#009fda;color:#fff;border:1px solid #5bc5ef;font-size:26px;box-shadow:0 2px 8px #0002}
.home-curtain-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;touch-action:pan-y}
.home-curtain.is-dragging .home-curtain-divider,.home-curtain.is-dragging .home-curtain-render,.home-curtain.is-dragging .home-curtain-video{transition:none}
.home-curtain.is-auto .home-curtain-divider,.home-curtain.is-auto .home-curtain-render,.home-curtain.is-auto .home-curtain-video{transition:none}
.home-curtain.is-auto .home-curtain-design,.home-curtain.is-dragging .home-curtain-design{transition:none}
.home-curtain:has(.home-curtain-range:focus-visible):not(.is-dragging) .home-curtain-divider span{outline:2px solid #5bc5ef;outline-offset:3px}
.home-curtain-stages{display:flex;justify-content:center;gap:24px;margin-top:10px}
.home-curtain-stages button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 0;color:#506473;font:inherit;font-size:12px;cursor:pointer}
.home-curtain-stages button:before{content:'';width:7px;height:7px;border-radius:50%;background:#a3b6c0;flex-shrink:0}
.home-curtain-stages button[aria-pressed=true]{color:#007fad;font-weight:700}
.home-curtain-stages button[aria-pressed=true]:before{width:18px;border-radius:4px;background:#009fda}
.home-curtain-stages button:focus-visible{outline:2px solid #009fda;outline-offset:4px}
@media(max-width:900px){.home-curtain-section>.wrap{display:block}.home-curtain{max-width:560px}.home-curtain-section h2{font-size:32px}}
@media(max-width:760px){.home-curtain-section>.wrap{width:calc(100% - 40px)}.home-curtain-section h2{font-size:28px}.home-curtain-lead{font-size:14px}.home-curtain{height:auto;aspect-ratio:4/3}.home-curtain-divider span{width:36px;height:36px;font-size:22px}.home-curtain-label{font-size:10px;bottom:10px}.home-curtain-label-design{right:10px}.home-curtain-label-real{left:10px}}
@media(prefers-reduced-motion:reduce){.home-curtain-render,.home-curtain-video,.home-curtain-divider{transition:none}}
@media(max-width:760px){
  .home-curtain-section>.wrap{display:flex;flex-direction:column;gap:18px;align-items:stretch}
  .home-curtain-copy{display:contents}
  .home-curtain-copy>.home-kicker{order:0}
  .home-curtain-copy>h2{order:1}
  .home-curtain-copy>.home-curtain-lead{order:2}
  .home-curtain-section>.wrap>.home-curtain{order:3}
  .home-curtain-copy>.home-curtain-link{order:4;align-self:flex-start}
  .home-curtain-label{font-size:10px;line-height:1.2;padding:4px 7px}
  .home-curtain-label-design{left:10px;right:auto}
  .home-curtain-label-real{right:10px;left:auto}
}