.bc-page{--bc-ink:#14364b;--bc-muted:#537182;--bc-blue:#267ab2;--bc-panel:#ffffffa6;--bc-line:#3f82ad2e;color:var(--bc-ink);background:radial-gradient(at 85% 10%,#72c4f12e,#0000 45%);margin-top:148px;padding:52px max(24px,50vw - 640px) 32px;overflow:hidden}.bc-page h1,.bc-page h2,.bc-page h3{letter-spacing:-.045em;line-height:1.1}.bc-page h1{margin:24px 0;font-size:clamp(40px,4.5vw,66px)}.bc-page h1 span{display:block}.bc-page em{color:var(--bc-blue);font-style:normal}.bc-page h2{margin:14px 0 32px;font-size:clamp(30px,3.4vw,48px)}.bc-page h3{font-size:25px}.bc-page p{color:var(--bc-muted);line-height:1.75}.bc-page .bc-eyebrow{letter-spacing:.16em;color:var(--bc-blue);font-size:11px;font-weight:700}.bc-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;min-height:610px;display:grid}.bc-copy>p:not(.bc-eyebrow){max-width:480px}.bc-primary{background:var(--bc-blue);color:#fff;border-radius:100px;align-items:center;gap:24px;margin-top:20px;padding:16px 23px;transition:transform .3s,box-shadow .3s;display:inline-flex}.bc-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #237eb840}.bc-photo{aspect-ratio:1/1.04;isolation:isolate;border:1px solid var(--bc-line);border-radius:36px;position:relative;overflow:hidden;box-shadow:0 25px 80px #16537829}.bc-photo>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s,transform 1.5s;position:absolute;inset:0;transform:scale(1.06)}.bc-photo>img.active{opacity:1;animation:18s ease-in-out infinite alternate bc-breathe}.bc-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#061f3094);position:absolute;inset:50% 0 0}.bc-photo-caption{z-index:2;color:#fff;position:absolute;bottom:58px;left:28px;right:24px}.bc-photo-caption span{letter-spacing:.16em;font-size:10px}.bc-photo-caption strong{margin-top:12px;font-size:28px;display:block}.bc-photo small{color:#fff;z-index:2;opacity:.8;font-size:10px;position:absolute;bottom:22px;left:28px}.bc-pause{z-index:3;color:#14364b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #fff9;border-radius:50%;padding:13px;position:absolute;top:20px;right:20px}.bc-shine{z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff29 48%,#0000 60%);animation:9s ease-in-out infinite bc-shine;position:absolute;inset:-20%}.bc-section{padding:80px 0 20px}.bc-catalog{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bc-catalog article,.bc-details article,.bc-info,.bc-panel,.bc-steps details{background:var(--bc-panel);border:1px solid var(--bc-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px}.bc-catalog article{padding:12px;transition:transform .4s,box-shadow .4s}.bc-catalog article:hover{transform:translateY(-7px);box-shadow:0 20px 40px #306f971f}.bc-thumb{border-radius:18px;height:225px;position:relative;overflow:hidden}.bc-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.bc-catalog a:hover img{transform:scale(1.045)}.bc-thumb span{color:#14364b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-radius:20px;padding:7px 13px;font-size:12px;position:absolute;top:14px;left:14px}.bc-catalog h3{justify-content:space-between;align-items:center;gap:10px;margin:24px 12px 12px;font-size:22px;display:flex}.bc-catalog p{margin:0 12px 18px;font-size:14px}.bc-info{grid-template-columns:1fr 2fr;align-items:center;gap:24px;margin-top:28px;padding:28px 36px;display:grid}.bc-interactive{grid-template-columns:1fr 1.65fr;gap:28px;display:grid}.bc-choices{flex-direction:column;gap:12px;display:flex}.bc-choices button{text-align:left;border:1px solid var(--bc-line);background:var(--bc-panel);color:var(--bc-ink);border-radius:18px;align-items:center;gap:18px;padding:22px;font-size:17px;transition:background .3s,transform .3s,box-shadow .3s;display:flex}.bc-choices button span{opacity:.65;font-size:11px}.bc-choices button svg{margin-left:auto}.bc-choices button[aria-pressed=true]{background:var(--bc-blue);color:#fff;transform:translate(5px);box-shadow:0 12px 30px #287fb92e}.bc-panel{padding:26px}.bc-description{padding:8px 12px;animation:.45s both bc-enter}.bc-description h3{margin:10px 0}.bc-description p{margin:12px 0 0}.bc-footnote{max-width:750px;font-size:12px}.bc-details{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bc-details article{padding:30px;transition:transform .35s}.bc-details article:hover{transform:translateY(-5px)}.bc-details article>span{color:var(--bc-blue);font-size:12px}.bc-details h3{margin:30px 0 16px}.bc-details p{font-size:15px}.bc-process{grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-bottom:60px;display:grid}.bc-steps{gap:15px;display:grid}.bc-steps details{padding:22px}.bc-steps summary{cursor:pointer;gap:20px;font-size:18px;list-style:none;display:flex}.bc-steps summary:after{content:"+";color:var(--bc-blue);margin-left:auto}.bc-steps details[open] summary:after{content:"−"}.bc-steps summary span{color:var(--bc-blue);padding-top:4px;font-size:12px}.bc-steps p{padding-left:36px;font-size:14px;animation:.4s bc-enter}.bc-related{flex-wrap:wrap;gap:10px;display:flex}.bc-related a{border:1px solid var(--bc-line);border-radius:30px;align-items:center;gap:12px;padding:12px 17px;font-size:12px;display:flex}.bc-related a[aria-current=page]{background:var(--bc-blue);color:#fff}.bc-source{max-width:900px;padding-top:35px;font-size:11px}.bc-source a{text-decoration:underline}.bc-diagram{perspective:800px;background:radial-gradient(#75c6ef38,#0000 70%);border-radius:18px;height:280px;position:relative;overflow:hidden}.bc-room{width:230px;height:170px;transition:transform .6s;position:absolute;top:38px;left:50%;transform:translate(-50%)}.bc-window{perspective:700px;background:linear-gradient(155deg,#71bfdf59,#e6f8ffa6);border:8px solid #dce8ee;border-bottom-width:12px;display:flex;position:absolute;inset:0;box-shadow:8px 15px 22px #1c537229}.bc-window i{transform-origin:0;background:linear-gradient(125deg,#0000 25%,#ffffff8c 45%,#0000 65%);border:4px solid #f7fafb;flex:1;transition:transform .9s,background .6s;box-shadow:inset 0 0 0 1px #457e9733}.bc-floor{background:linear-gradient(#dce8ed,#c4dce840);width:130%;height:35px;position:absolute;bottom:-35px;left:-15%;transform:skew(-25deg)}.bc-side{display:none}.bc-air{pointer-events:none;position:absolute;inset:0}.bc-air i{border-top:2px solid #4aa3da40;border-radius:50%;width:100px;height:24px;animation:5s ease-in-out infinite bc-air;position:absolute;top:40%;left:12%}.bc-air i:nth-child(2){animation-delay:.7s;top:52%}.bc-air i:nth-child(3){animation-delay:1.4s;top:64%}.bc-diagram-note{text-align:center;letter-spacing:.14em;opacity:.5;font-size:8px;position:absolute;bottom:6px;left:0;right:0}.bc-kind-0.bc-option-1 .bc-window{box-shadow:0 0 30px #f8bf6659,8px 15px 22px #1c537229}.bc-kind-1 .bc-window{height:100%}.bc-kind-1 .bc-window i:not(:first-child){height:60%}.bc-kind-1.bc-option-1 .bc-window i:last-child{transform:rotateY(-35deg)}.bc-kind-1.bc-option-2 .bc-window i:first-child{height:60%}.bc-kind-1.bc-option-2 .bc-window i:nth-child(2),.bc-kind-1.bc-option-3 .bc-window i{height:100%}.bc-kind-2 .bc-window{width:120px;left:55px}.bc-kind-2 .bc-window i:not(:first-child){display:none}.bc-kind-2 .bc-window i:first-child{transform:rotateY(-35deg)}.bc-kind-2.bc-option-1 .bc-window{width:200px;left:15px}.bc-kind-2.bc-option-1 .bc-window i:nth-child(2){transform-origin:100%;display:block;transform:rotateY(30deg)}.bc-kind-2.bc-option-2 .bc-window{width:200px;left:15px}.bc-kind-2.bc-option-2 .bc-window i:first-child{transform:translate(60%)}.bc-kind-2.bc-option-2 .bc-window i:nth-child(2){display:block}.bc-kind-2.bc-option-3 .bc-window{width:200px;left:15px}.bc-kind-2.bc-option-3 .bc-window i{display:block;transform:rotateY(-60deg)}.bc-kind-3 .bc-window{border-color:#997246;transition:transform .7s;transform:rotateY(-18deg)}.bc-kind-3 .bc-window i{border-color:#b59165}.bc-kind-3.bc-option-1 .bc-window{transform:rotateY(18deg)}.bc-kind-3.bc-option-2 .bc-window{transform:rotateY(0);box-shadow:0 0 30px #9c764233}.bc-layers{justify-content:center;gap:6px;display:flex;position:absolute;bottom:26px;left:12px;right:12px}.bc-layers span{background:var(--bc-panel);border:1px solid var(--bc-line);border-radius:8px;padding:8px;font-size:9px;transition:transform .5s,background .5s}.bc-layers .selected{background:var(--bc-blue);color:#fff;transform:translateY(-10px)}.bc-kind-4 .bc-room{top:15px;transform:translate(-50%)scale(.8)}.bc-kind-4.bc-option-1 .bc-window{box-shadow:12px 0 #3c9bd38c}.bc-kind-4.bc-option-2 .bc-floor{background:#3c9bd38c}.bc-kind-4.bc-option-3 .bc-window{border-top-color:#389bd3}.bc-kind-5 .bc-side{background:#cadce6;width:25px;display:block;position:absolute;top:0;bottom:0;left:-25px;transform:skewY(-22deg)}.bc-kind-5.bc-option-1 .bc-window{box-shadow:0 0 40px #ffc25c4d}.bc-kind-5.bc-option-2 .bc-window i:last-child{transform:rotateY(-30deg)}@keyframes bc-breathe{0%{transform:scale(1.01)}to{transform:scale(1.065)}}@keyframes bc-shine{0%,to{opacity:.3;transform:translate(-25%)}50%{opacity:.65;transform:translate(25%)}}@keyframes bc-air{0%,to{opacity:0;transform:translate(-30px)}50%{opacity:1;transform:translate(70px)}}@keyframes bc-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bc-paused *,.bc-paused :before,.bc-paused :after{animation-play-state:paused!important}.bc-page button:focus-visible,.bc-page a:focus-visible,.bc-page summary:focus-visible{outline:3px solid var(--bc-blue);outline-offset:4px}html[data-vn-theme=night] .bc-page{--bc-ink:#e0eff8;--bc-muted:#aac3d2;--bc-blue:#68b7ed;--bc-panel:#113045a6;--bc-line:#88bfdf33;background:radial-gradient(at 85% 10%,#2d74a429,#0000 45%)}html[data-vn-theme=night] .bc-primary,html[data-vn-theme=night] .bc-choices button[aria-pressed=true],html[data-vn-theme=night] .bc-layers .selected{color:#102d40}@media (width<=900px){.bc-hero{gap:26px;min-height:0}.bc-page{padding-top:30px}.bc-catalog{grid-template-columns:repeat(2,1fr)}.bc-process{gap:28px}.bc-photo{aspect-ratio:.8}.bc-details article{padding:22px}}@media (width<=640px){.bc-hero,.bc-interactive,.bc-process,.bc-info{grid-template-columns:1fr}.bc-hero{gap:32px}.bc-page{padding-left:20px;padding-right:20px}.bc-photo{aspect-ratio:1.1}.bc-section{padding-top:54px}.bc-catalog,.bc-details{grid-template-columns:1fr}.bc-thumb{height:230px}.bc-panel{padding:14px}.bc-choices button{padding:16px}.bc-choices button[aria-pressed=true]{transform:none}.bc-photo-caption strong{font-size:23px}.bc-info{gap:0;padding:24px}.bc-process{padding-bottom:40px}.bc-copy h1{font-size:42px}.bc-related a{padding:10px 13px;font-size:11px}}@media (prefers-reduced-motion:reduce){.bc-page *,.bc-page :before,.bc-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
