.vn-interior-doors{--id-ink:#14364b;--id-muted:#537182;--id-blue:#267ab2;color:var(--id-ink);background:linear-gradient(#e8f5fb 0%,#f6fbfe 42%,#e7f3f9 100%);overflow:hidden}.vn-interior-doors section{max-width:1320px;margin:0 auto}.vn-interior-doors em{color:var(--id-blue);font-style:normal}.id-kicker{color:var(--id-blue);letter-spacing:.18em;margin:0 0 19px;font-size:11px;font-weight:850}.id-hero{grid-template-columns:.88fr 1.12fr;align-items:center;gap:55px;min-height:660px;padding:85px clamp(22px,5vw,72px) 95px;display:grid}.id-hero-copy{z-index:2;position:relative}.id-primary{color:#fff;background:#317db4;border-radius:100px;justify-content:center;align-items:center;gap:22px;margin-top:25px;padding:16px 22px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .35s,box-shadow .35s,background .35s;display:inline-flex;box-shadow:0 18px 36px #2778aa4a}.id-primary:hover{background:#246b9f;transform:translateY(-5px);box-shadow:0 24px 45px #2778aa66}.id-hero-visual{aspect-ratio:1.08;isolation:isolate;place-items:center;min-width:0;display:grid;position:relative}.id-hero-glow{filter:blur(30px);background:radial-gradient(circle,#8ecfec9c,#bceafa62 55%,#0000 73%);border-radius:50%;animation:8s ease-in-out infinite alternate id-breathe;position:absolute;inset:9%}.id-hero-label{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffba;border:1px solid #fff9;border-radius:19px;align-items:center;gap:16px;padding:17px 20px;font-size:12px;display:flex;position:absolute;bottom:3%;left:-4%;box-shadow:0 15px 35px #2b719235}.id-looks,.id-mechanisms,.id-finish{padding:35px clamp(22px,5vw,72px) 105px}.id-section-heading{max-width:800px;margin-bottom:38px}.id-photo-mark,.id-pause,.id-stage-caption{z-index:3;position:absolute}.id-photo-mark{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#22445d;background:#ffffffbd;border-radius:100px;padding:10px 13px;font-size:11px;font-weight:750;top:22px;left:22px}.id-pause{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#204c68;cursor:pointer;background:#ffffff9e;border:1px solid #ffffffab;border-radius:50%;place-items:center;width:43px;height:43px;transition:transform .3s;display:grid;top:20px;right:20px}.id-pause:hover{transform:scale(1.08)}.id-stage-caption{color:#fff;animation:.55s both id-rise;bottom:27px;left:clamp(24px,5vw,62px);right:30px}.id-stage-foot{color:var(--id-muted);justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.id-mechanism-layout{grid-template-columns:.34fr .66fr;gap:17px;display:grid}.id-diagram{perspective:800px;background:radial-gradient(circle,#faffff,#dceef6 74%);border-radius:19px;min-height:315px;position:relative;overflow:hidden}.id-diagram:before{content:"";border:2px solid #76a9c4;border-radius:5px;position:absolute;inset:22% 15%;box-shadow:inset 0 0 25px #8ecbed55}.id-diagram-wall{z-index:2;background:#7c9bad;border-radius:3px;width:15px;position:absolute;top:16%;bottom:16%}.id-diagram-wall-left{left:13%}.id-diagram-wall-right{right:13%}.id-diagram-leaf{z-index:3;background:linear-gradient(115deg,#f7fdff,#a7cde3);border:7px solid #f9fdff;position:absolute;top:22%;bottom:22%;box-shadow:0 8px 24px #3e7a9b5c}.id-diagram-leaf:after{content:"";background:#bce8f45c;border:2px solid #6da7c8;position:absolute;inset:12% 21%}.id-diagram-leaf-one{transform-origin:0;width:68%;left:16%}.id-diagram-leaf-two{display:none}.id-diagram-swing .id-diagram-leaf-one{animation:4s ease-in-out infinite alternate id-swing}.id-diagram-fold .id-diagram-leaf-one,.id-diagram-fold .id-diagram-leaf-two{width:34%}.id-diagram-fold .id-diagram-leaf-one{animation:4s ease-in-out infinite alternate id-fold-one}.id-diagram-fold .id-diagram-leaf-two{transform-origin:100%;animation:4s ease-in-out infinite alternate id-fold-two;display:block;left:50%}.id-diagram-slide .id-diagram-leaf-one{width:49%;animation:4s ease-in-out infinite alternate id-slide}.id-diagram-light{background:linear-gradient(105deg,#0000 35%,#ffffff8a 50%,#0000 65%);animation:7s ease-in-out infinite id-sheen;position:absolute;inset:0;transform:translate(-100%)}.id-mechanism-copy{flex-direction:column;justify-content:center;padding:8px 12px;animation:.5s both id-rise;display:flex}.id-decor-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.id-decor-grid article>span{color:var(--id-blue);font-size:11px;font-weight:850}.id-decor-icon{align-items:center;height:78px;margin-top:23px;display:flex}.id-decor-grid article:hover i{transform:rotate(-6deg)scale(1.09)}.id-spec-note{color:var(--id-muted);background:#ffffff9d;border:1px solid #ffffffc9;border-radius:21px;align-items:center;gap:40px;margin-top:17px;padding:22px 27px;display:flex}.id-close{background:linear-gradient(125deg,#ffffffcf,#b9e5f6a8);border:1px solid #ffffffca;border-radius:32px;min-height:470px;position:relative;overflow:hidden;box-shadow:0 28px 70px #2b759632;margin-bottom:35px!important;padding:65px clamp(22px,5vw,72px)!important}.id-close-orbit{border:35px solid #ffffff6b;border-radius:50%;width:360px;height:360px;animation:8s ease-in-out infinite alternate id-breathe;position:absolute;top:12%;right:7%;box-shadow:0 0 55px #7fc8ed80,inset 0 0 55px #7fc8ed80}.id-source{max-width:1320px;color:var(--id-muted);margin:0 auto;padding:5px clamp(22px,5vw,72px) 60px;font-size:12px;line-height:1.6}.id-paused *,.id-paused :before,.id-paused :after{animation-play-state:paused!important}html[data-vn-theme=night] .vn-interior-doors{--id-ink:#e8f5fc;--id-muted:#b1cede;--id-blue:#9ed6f4;background:linear-gradient(#0b2639,#103348 50%,#0b273b)}@media (width<=950px){.id-hero{grid-template-columns:1fr;padding-top:60px}.id-hero-visual{width:100%;max-width:650px;margin:auto}.id-mechanism-layout{grid-template-columns:1fr}.id-close-orbit{right:-80px}}@media (width<=680px){.id-hero{gap:12px;padding:45px 19px 60px}.id-hero-visual{aspect-ratio:1.05}.id-hero-label{padding:12px;font-size:10px;bottom:0;left:0}.id-looks,.id-mechanisms,.id-finish{padding:32px 19px 72px}.id-stage-caption{bottom:22px;left:22px}.id-stage-foot{display:block}.id-diagram{min-height:260px}.id-mechanism-copy{padding:10px 8px 20px}.id-decor-grid{grid-template-columns:1fr}.id-decor-grid article{min-height:0}.id-spec-note{display:block}.id-close{margin-left:19px!important;margin-right:19px!important;padding:38px 22px!important}.id-close-orbit{opacity:.3;width:230px;height:230px;top:35%;right:-90px}.id-source{padding-left:19px;padding-right:19px}}@media (prefers-reduced-motion:reduce){.vn-interior-doors *,.vn-interior-doors :before,.vn-interior-doors :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
