body.dd-wordpress{background:#f0ebe4}#content{padding:0!important}.dd-brand-logo{width:100px!important;max-height:52px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}header #logo .wordmark small{font-size:7px}.admin-bar header{top:32px}header .sub-menu{list-style:none}.dd-pagination{margin-top:40px;display:flex;gap:15px}.wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.wpcf7-form label{font-size:13px;display:block}.wpcf7-form label.dd-full,.wpcf7-form .dd-submit,.wpcf7-response-output{grid-column:1/-1}.wpcf7-form input:not([type=submit]),.wpcf7-form textarea{width:100%;padding:11px;border:1px solid #c1af97;background:#ffffff12;color:inherit;border-radius:0;margin-top:6px}.wpcf7-form textarea{height:95px}.wpcf7-form input[type=submit]{width:100%;padding:13px 20px;background:#b89562;border:0;color:#211b14;cursor:pointer;font-size:13px;text-transform:uppercase}.wpcf7-form .wpcf7-spinner{position:absolute}.wpcf7-response-output{margin:0!important;padding:12px!important;font-size:13px}.wpcf7-not-valid-tip{font-size:11px}#lead-dialog .wpcf7-form label{color:#d9c7ab}#lead-dialog .wpcf7-form input,#lead-dialog .wpcf7-form textarea{color:#fff}#lead-dialog .wpcf7-form input[type=submit]{color:#211b14}.wpcf7-form .wpcf7-acceptance{display:block}.post-content figure{margin:0}.dd-page-company{white-space:pre-line}.ux-builder-iframe .wow{visibility:visible!important;animation:none!important}.ux-builder-iframe #de-loader{display:none!important}.ux-builder-iframe .style-carousel:not(.owl-loaded){display:grid;grid-template-columns:repeat(3,1fr)}.ux-builder-iframe .jarallax-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ux-builder-iframe .page-hero{position:relative;overflow:hidden}.ux-builder-iframe .page-hero>.container{position:relative;z-index:2}.ux-builder-iframe .swiper{display:block}#mainmenu{margin-bottom:0}.dd-pagination .current{font-weight:bold}.dd-wordpress .section{padding:0}.dd-wordpress .page-wrapper{padding:0}
@media(max-width:782px){.admin-bar header{top:46px}.wpcf7-form{gap:12px}.wpcf7-form input:not([type=submit]),.wpcf7-form textarea{font-size:16px;padding:9px}.wpcf7-form label{font-size:11px}.wpcf7-form textarea{height:80px}}
.ux-builder-iframe .jarallax [id^="jarallax-container"],.ux-builder-iframe .jarallax-img{visibility:hidden!important}.ux-builder-iframe .jarallax{background-size:cover!important;background-position:center!important}.dd-wordpress header #logo .dd-brand-logo{max-width:90px!important;height:60px!important;max-height:60px!important}.dd-wordpress header #logo{padding:10px 0}
/* Homepage and archive refinements */
@media(min-width:993px){#mainmenu .toggle{display:none!important}}
#mainmenu ul{background:#f7f3ed!important}
#mainmenu ul li a{color:#3a2c23!important;background:transparent!important}
#mainmenu ul li a:hover,#mainmenu ul li a:focus-visible{background:#80542e!important;color:#fff!important}
.dd-home-about .row:first-child .col-md-4:first-child img{aspect-ratio:4/5;object-fit:cover;object-position:52% center;display:block}
.dd-style-container{padding-left:30px;padding-right:30px;max-width:none}
.dd-home-styles .style-carousel .stagger-card{position:relative}
.dd-home-styles .style-carousel .stagger-card.tall{padding-top:60px!important}
.dd-home-styles .style-carousel .stagger-card img{height:auto!important;aspect-ratio:5/6;object-fit:cover;display:block}
.dd-home-styles .style-carousel .stagger-card.tall img{aspect-ratio:5/6.6}
.dd-home-styles .stagger-card>.overflow-hidden{position:relative}
.dd-home-styles .stagger-card>.overflow-hidden:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#20170ed9);pointer-events:none}
.dd-home-styles .stagger-card>span{display:none}
.dd-home-styles .stagger-card>h3{position:absolute;bottom:30px;left:30px;right:30px;color:#fff!important;font-size:clamp(28px,3.5vw,56px);line-height:1.08;margin:0;z-index:2}
.dd-home-partners{padding:65px 0}
.dd-home-partners .partner-logos{gap:32px;padding:30px 0;border:0;align-items:center}
.dd-home-partners .partner-logos img{width:100%;height:150px;max-width:none;object-fit:contain;opacity:1}
.dd-blog-all{margin-top:45px}
.dd-category .demo-card>.overflow-hidden{aspect-ratio:1/1}
.dd-category .demo-card img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.article-layout.dd-archive-wide{display:block}
.dd-archive-wide .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:992px){#mainmenu .toggle{border:0;background:transparent;color:inherit;position:absolute;right:0;top:0;width:45px;height:45px}#mainmenu li{position:relative}#mainmenu .toggle i:before{content:'⌄';font-family:Arial}.dd-style-container{padding-left:20px;padding-right:20px}.dd-home-styles .style-carousel .stagger-card.tall{padding-top:35px!important}.dd-home-styles .stagger-card>h3{left:20px;right:15px;bottom:22px}.dd-archive-wide .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-home-partners .partner-logos{grid-template-columns:repeat(3,1fr);gap:20px}.dd-home-partners .partner-logos img{height:110px}}
@media(max-width:575px){.dd-home-about .row:first-child .col-md-4:first-child img{aspect-ratio:1/1}.dd-home-styles .stagger-card>h3{font-size:26px;left:16px}.dd-home-partners{padding:35px 0}.dd-home-partners .partner-logos{gap:12px}.dd-home-partners .partner-logos img{height:85px}.dd-archive-wide .post-grid{grid-template-columns:1fr}}
/* Intrio carousel: aligned tops, alternating 357 / 400 heights. */
.dd-home-styles .dd-style-container{padding-left:0;padding-right:0}
.dd-home-styles .dd-style-container>.row{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:150px}
.dd-home-styles .style-carousel .stagger-card,.dd-home-styles .style-carousel .stagger-card.tall{padding-top:0!important}
.dd-home-styles .style-carousel .stagger-card.short img{height:446.25px!important;aspect-ratio:auto}
.dd-home-styles .style-carousel .stagger-card.tall img{height:500px!important;aspect-ratio:auto}
.dd-home-styles .style-carousel .stagger-card>h3{font-size:clamp(22px,2.2vw,34px);bottom:22px;left:20px;right:18px}
.dd-home-styles .style-carousel .owl-nav{position:absolute;top:-110px;right:max(24px,calc((100vw - 1272px)/2));margin:0;display:flex;gap:8px}
.dd-home-styles .style-carousel .owl-nav button.owl-prev,.dd-home-styles .style-carousel .owl-nav button.owl-next{position:static!important;transform:none!important;width:44px;height:44px;border-radius:50%!important;margin:0!important;opacity:1!important;display:flex;align-items:center;justify-content:center}
@media(max-width:575px){.dd-home-styles .dd-style-container>.row{padding-left:20px;padding-right:20px;padding-bottom:55px}.dd-home-styles .style-carousel .owl-nav{top:-65px;right:20px}.dd-home-styles .style-carousel .stagger-card.short img{height:401.625px!important}.dd-home-styles .style-carousel .stagger-card.tall img{height:450px!important}}
@font-face{font-family:'DD Dancing Script';src:url('../fonts/dancing-script/DancingScript.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.dd-wordpress .subtitle{font-family:'DD Dancing Script',cursive!important;font-size:30px!important;font-weight:500!important;line-height:1.45;letter-spacing:0!important;text-transform:none!important}
.dd-wordpress #lead-dialog .subtitle,.dd-wordpress .article-sidebar .subtitle{font-size:25px!important}
@media(max-width:575px){.dd-wordpress .subtitle{font-size:27px!important}}
@font-face{font-family:'DD Futura';src:url('../fonts/futura/SFUFuturaBook.TTF') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DD Futura';src:url('../fonts/futura/SFUFuturaRegular.TTF') format('truetype');font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:'DD Futura';src:url('../fonts/futura/SFUFuturaBold.TTF') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{--heading-font:'DD Futura',Arial,sans-serif;--heading-font-weight:400}
.dd-wordpress h1,.dd-wordpress h2,.dd-wordpress h3,.dd-wordpress h4,.dd-wordpress h5,.dd-wordpress h6,.dd-wordpress .hero-line{font-family:'DD Futura',Arial,sans-serif}

.dd-home-design .project-grid .project-tile>img{height:auto;aspect-ratio:5/7}
@media(max-width:992px){.dd-home-design .project-grid .project-tile>img{aspect-ratio:15/14}}
/* Readable Vietnamese headings and article navigation. */
.dd-wordpress h1,.dd-wordpress h2,.dd-wordpress h3,.dd-wordpress h4,.dd-wordpress h5,.dd-wordpress h6,.dd-wordpress .hero-line{line-height:1.45!important}
.dd-wordpress .page-hero h1{font-size:clamp(28.8px,4vw,59.2px)}
.dd-wordpress #section-intro h1,.dd-wordpress #section-intro .hero-line{font-size:76.8px}
.dd-related-posts .demo-card>.overflow-hidden{aspect-ratio:4/3}
.dd-wordpress .dd-related-posts .demo-card img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;margin:0}
.dd-breadcrumb{font-size:13px;line-height:1.7;margin:0 0 20px;color:#f2e9df}
.dd-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 10px}
.dd-breadcrumb li{display:inline;margin:0}.dd-breadcrumb li+li:before{content:'›';padding-right:10px;opacity:.65}
.dd-breadcrumb a{color:#fff;border-bottom:1px solid #ffffff60}.dd-breadcrumb a:hover{color:#dfbb87!important}
.dd-breadcrumb [aria-current]{opacity:.8}
@media(max-width:992px){.dd-wordpress #section-intro h1,.dd-wordpress #section-intro .hero-line{font-size:8vw}}
@media(max-width:575px){.dd-wordpress .page-hero h1{font-size:30.4px}.dd-breadcrumb{font-size:12px}}
/* Mobile layout: keep navigation and content in their own flow. */
@media(max-width:992px){
.dd-wordpress header .de-flex{display:flex;justify-content:space-between;position:relative;gap:16px;width:100%}
.dd-wordpress header #logo{flex:0 1 auto;min-width:0}
.dd-wordpress header .header-col-mid{width:0;flex:0 0 0}
.dd-wordpress header .menu_side_area{display:flex;width:auto;flex:0 0 auto;margin:0 0 0 auto;align-items:center;justify-content:flex-end;gap:20px;z-index:1001}
.dd-wordpress header #menu-btn{float:none;margin:0;position:relative;top:auto;right:auto}
.dd-wordpress header .header-col-mid #mainmenu{left:0;top:100%;width:100%;max-height:calc(100dvh - 120px);margin-top:0}
.dd-wordpress .article-sidebar nav,.dd-wordpress .dd-breadcrumb{height:auto;max-height:none;overflow:visible}
.dd-wordpress .article-sidebar .sidebar-inner{position:static;height:auto;overflow:visible}
.dd-wordpress .article-sidebar summary{display:flex;align-items:center;gap:8px}
.dd-wordpress .article-sidebar summary:before{content:'▸';font-size:13px}.dd-wordpress .article-sidebar details[open]>summary:before{content:'▾'}
}
@media(max-width:767px){
.dd-home-about .de_count{height:100%}.dd-home-about .row.g-4>.col-md-3{width:50%;flex:0 0 50%}
.dd-home-styles .style-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:0 20px}
.dd-home-styles .style-mobile-grid .stagger-card{padding:0!important;min-width:0}
.dd-home-styles .style-mobile-grid .stagger-card img{width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover}
.dd-home-styles .style-mobile-grid .stagger-card>.overflow-hidden:after{display:none}
.dd-home-styles .style-mobile-grid .stagger-card>h3{position:static;font-size:17px;line-height:1.45!important;color:#341f16!important;margin:10px 0 0;overflow-wrap:anywhere}
.dd-home-styles .dd-style-container>.row{padding-bottom:0;padding-right:20px;padding-left:20px}
.dd-home-partners .partner-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;justify-items:center}
.dd-home-partners .partner-logos img{height:115px;width:100%;max-width:200px;margin:0}
.dd-home-partners .partner-logos img:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 20px)/2);max-width:200px;margin:auto}
}
@media(max-width:374px){.dd-wordpress header #logo .wordmark small{font-size:6px;letter-spacing:1px}.dd-wordpress header .menu_side_area{gap:12px}.dd-home-styles .style-mobile-grid .stagger-card>h3{font-size:15px}}
@media(max-width:767px){.dd-home-styles .style-carousel.style-mobile-grid .stagger-card.short img,.dd-home-styles .style-carousel.style-mobile-grid .stagger-card.tall img{height:auto!important;aspect-ratio:4/3}}
@media(max-width:992px){
.dd-wordpress header .header-col-mid #mainmenu{height:auto!important;padding:0 0 24px!important;box-sizing:border-box;background:#341f16}
.dd-wordpress #mainmenu .toggle{display:block!important;z-index:2;width:44px;height:44px;opacity:1;color:#fff!important;visibility:visible}
.dd-wordpress #mainmenu>li{padding-right:44px}
.dd-wordpress #mainmenu li.mobile-submenu-open>ul{display:block!important;height:auto!important;opacity:1!important;visibility:visible!important;overflow:visible;position:static!important;padding:10px!important;width:100%!important}
}
