.homie9-du-an-page{background-color:#ffffff;min-height:100vh}.du-an-hero-slider-section{position:relative;min-height:90vh;background-color:#07172e;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}.du-an-bg-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.du-an-bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transform:scale(1.05);transition:opacity 0.8s ease-in-out,transform 1.2s cubic-bezier(0.16,1,0.3,1);will-change:opacity,transform}.du-an-bg-slide.is-active{opacity:1;transform:scale(1.0);z-index:2}.du-an-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(7,23,46,0.35) 0%,rgba(7,23,46,0.65) 45%,rgba(7,23,46,0.92) 100%);z-index:3}.du-an-hero-container{position:relative;z-index:4;display:flex;justify-content:flex-end;align-items:center;width:100%;min-height:90vh;padding:125px 20px 65px;box-sizing:border-box}.du-an-hero-right-box{max-width:580px;width:100%;background:rgba(10,25,47,0.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(186,134,50,0.35);border-radius:22px;padding:36px 32px 30px;box-shadow:0 25px 60px rgba(0,0,0,0.5),0 0 25px rgba(186,134,50,0.12);box-sizing:border-box}.du-an-hot-header{margin-bottom:24px;text-align:left}.du-an-hot-badge{display:inline-block;font-size:11.5px;font-weight:700;color:#ba8632;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-family:'Plus Jakarta Sans',sans-serif}.du-an-hot-title{font-size:32px;font-weight:800;color:#ffffff !important;letter-spacing:0.5px;margin:0 0 10px;text-transform:uppercase;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.25}.du-an-hot-divider{display:flex;align-items:center;gap:10px;max-width:140px}.du-an-hot-divider .divider-line{flex:1;height:1.5px;background:linear-gradient(90deg,#ba8632,transparent);opacity:0.85}.du-an-hot-divider .divider-diamond{color:#ba8632;font-size:10px;line-height:1}.du-an-accordion-list{display:flex;flex-direction:column;gap:12px}.du-an-accord-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;overflow:hidden;transition:all 0.35s cubic-bezier(0.2,0.8,0.2,1);box-sizing:border-box}.du-an-accord-item:hover{border-color:rgba(186,134,50,0.5);background:rgba(255,255,255,0.07)}.du-an-accord-item.is-open{background:rgba(32,56,109,0.65);border-color:#ba8632;box-shadow:0 8px 24px rgba(0,0,0,0.3),0 0 15px rgba(186,134,50,0.15)}.accord-header{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:transparent;border:none;cursor:pointer;text-align:left;outline:none;transition:all 0.25s ease;box-sizing:border-box}.accord-num{font-size:14px;font-weight:800;color:#ba8632;font-family:'Plus Jakarta Sans',sans-serif;min-width:22px}.accord-title{font-size:14.5px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:0.4px;line-height:1.4;margin:0;flex:1;font-family:'Plus Jakarta Sans',sans-serif;transition:color 0.25s ease}.du-an-accord-item:hover .accord-title,.du-an-accord-item.is-open .accord-title{color:#ba8632}.accord-icon{display:flex;align-items:center;justify-content:center;color:#ba8632;transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1);flex-shrink:0}.du-an-accord-item.is-open .accord-icon{transform:rotate(180deg);color:#ffffff}.accord-content{display:none}.accord-inner{padding:0 20px 18px 54px;box-sizing:border-box}.accord-desc{color:#cbd5e1;font-size:13.5px;line-height:1.75;margin:0 0 14px;text-align:justify;text-justify:inter-word}.btn-accord-view{display:inline-flex;align-items:center;gap:8px;color:#ba8632;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;text-decoration:none;transition:all 0.25s ease;font-family:'Plus Jakarta Sans',sans-serif}.btn-accord-view:hover{color:#ffffff;transform:translateX(4px)}.du-an-section-separator{width:100%;height:1px;background:#e2e8f0;margin:0 auto}.du-an-list-section{padding:85px 0 110px;background-color:#ffffff}.du-an-list-header{text-align:left;margin-bottom:42px}.du-an-list-badge{display:inline-block;font-size:12px;font-weight:700;color:#ba8632;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-family:'Plus Jakarta Sans',sans-serif}.du-an-list-title{color:#20386d !important;font-size:32px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:1.35;margin:0 0 10px;font-family:'Plus Jakarta Sans',sans-serif}.du-an-list-desc{color:#000000 !important;font-size:15.5px;line-height:1.6;margin:0}.du-an-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}.du-an-card{background:#ffffff;border-radius:18px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(10,25,47,0.04);display:flex;flex-direction:column;height:100%;box-sizing:border-box;position:relative;opacity:0;transform:translateX(-40px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s ease,border-color 0.35s ease;will-change:opacity,transform}.du-an-card.is-visible{opacity:1;transform:translateX(0)}.du-an-card.is-visible:hover{transform:translateY(-8px);border-color:#ba8632;box-shadow:0 16px 40px rgba(186,134,50,0.18)}.du-an-thumb-wrap{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f1f5f9;position:relative}.du-an-badge-status{position:absolute;top:12px;left:12px;background:#e11d48;color:#ffffff;font-size:10.5px;font-weight:700;letter-spacing:0.6px;padding:0 12px;height:26px;border-radius:20px;text-transform:uppercase;box-shadow:0 4px 12px rgba(225,29,72,0.35);z-index:5;font-family:'Plus Jakarta Sans',sans-serif;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.du-an-card-brand-badge{position:absolute;top:10px;right:12px;height:35px;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:6;box-sizing:border-box;pointer-events:auto;cursor:default}.du-an-brand-icon-img{height:35px;width:auto;max-height:35px;object-fit:contain;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.45));pointer-events:none}.du-an-thumb-link{display:block;width:100%;height:100%}.du-an-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.2,0.8,0.2,1);display:block}.du-an-card:hover .du-an-thumb{transform:scale(1.08)}.du-an-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#07172e 0%,#20386d 100%);display:flex;align-items:center;justify-content:center;color:#ba8632;font-weight:700;font-size:13px;letter-spacing:1px}.du-an-card-body{padding:20px 18px 18px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.du-an-card-title{font-size:14.5px;font-weight:800;color:#20386d !important;text-transform:uppercase;letter-spacing:0.3px;line-height:1.35;margin:0;font-family:'Plus Jakarta Sans',sans-serif;min-height:42px;display:flex;align-items:flex-start}.du-an-card-title a{color:#20386d !important;text-decoration:none;transition:color 0.25s ease}.du-an-card:hover .du-an-card-title a{color:#ba8632 !important}.du-an-card-title-line{width:100%;height:1px;background:#e2e8f0;margin:12px 0 14px}.du-an-card-info-list{display:flex;flex-direction:column;margin-bottom:16px;flex-grow:1}.card-info-row{display:flex;align-items:baseline;gap:6px;padding:8px 0;border-bottom:1px solid #eef2f6;min-height:40px;box-sizing:border-box}.card-info-row:first-child{border-top:1px solid #eef2f6}.card-info-row .info-label{font-weight:700;color:#20386d;font-size:11.5px;text-transform:uppercase;letter-spacing:0.3px;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;flex-shrink:0}.card-info-row .info-val{color:#000000;font-weight:500;font-size:12px;line-height:1.45;flex:1}.card-info-row .info-val.highlight-gold{color:#ba8632;font-weight:700}.du-an-card-bottom-action{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:10px}.btn-du-an-card-arrow{display:inline-flex;align-items:center;gap:8px;color:#20386d !important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;text-decoration:none;transition:all 0.3s ease;font-family:'Plus Jakarta Sans',sans-serif}.btn-du-an-card-arrow span{color:#20386d;transition:color 0.3s ease}.btn-du-an-card-arrow .btn-arrow-line{width:33px;height:12px;display:inline-block;flex-shrink:0;transition:transform 0.3s cubic-bezier(0.2,0.8,0.2,1)}.btn-du-an-card-arrow .btn-arrow-line line,.btn-du-an-card-arrow .btn-arrow-line polyline{stroke:#20386d;stroke-width:0.8px;transition:stroke 0.3s ease}.btn-du-an-card-arrow:hover{color:#ba8632 !important}.btn-du-an-card-arrow:hover span{color:#ba8632}.btn-du-an-card-arrow:hover .btn-arrow-line{transform:translateX(6px)}.btn-du-an-card-arrow:hover .btn-arrow-line line,.btn-du-an-card-arrow:hover .btn-arrow-line polyline{stroke:#ba8632}.homie9-pagination{margin-top:50px;display:flex;justify-content:center;gap:8px}.homie9-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:8px;border:1px solid #e2e8f0;color:#20386d;text-decoration:none;font-weight:700;font-size:14px;transition:all 0.25s ease}.homie9-pagination .page-numbers:hover,.homie9-pagination .page-numbers.current{background:#20386d;border-color:#20386d;color:#ffffff}.homie9-single-du-an-page{padding-top:100px;padding-bottom:90px;background-color:#ffffff}.du-an-header-box{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.du-an-title{font-size:32px;font-weight:800;color:#20386d;font-family:'Plus Jakarta Sans',sans-serif;margin:0 0 8px}.du-an-location{font-size:15px;color:#64748b}.du-an-main-layout{display:grid;grid-template-columns:1fr 340px;gap:35px;margin-bottom:60px}.du-an-featured-img img{width:100%;border-radius:16px;margin-bottom:25px}.project-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#f8fafc;padding:22px;border-radius:16px;border:1px solid #e2e8f0;margin-bottom:25px}.project-info-grid .info-item .lbl{display:block;font-size:12.5px;color:#64748b;margin-bottom:4px;text-transform:uppercase}.du-an-entry-content{background:#ffffff;padding:30px;border-radius:16px;border:1px solid #e2e8f0;line-height:1.85;color:#000000;font-size:15.5px}@media (max-width:1200px){.du-an-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:991px){.du-an-hero-container{justify-content:center;padding:110px 20px 50px}.du-an-hero-right-box{max-width:100%}.du-an-grid{grid-template-columns:repeat(2,1fr);gap:18px}.du-an-main-layout{grid-template-columns:1fr}.project-info-grid{grid-template-columns:1fr}}@media (max-width:576px){.du-an-hero-slider-section{min-height:auto}.du-an-hero-container{min-height:auto;padding:95px 15px 40px}.du-an-hero-right-box{padding:26px 18px 22px;border-radius:16px}.du-an-hot-title{font-size:24px}.accord-header{padding:14px 14px;gap:10px}.accord-title{font-size:13.5px}.accord-inner{padding:0 14px 16px 42px}.du-an-list-section{padding:50px 0 70px}.du-an-list-title{font-size:24px}.du-an-grid{grid-template-columns:1fr;gap:16px}}