:root{--ink:#242923;--ink2:#18221e;--dark:#17211c;--paper:#faf9f6;--cream:#f2efe8;--sand:#e8e2d7;--gold:#ac8b57;--gold-bright:#d1b683;--muted:#757970;--border:#e6e1d7;--serif:'Noto Serif','Times New Roman','DejaVu Serif',serif;--sans:'Segoe UI',Arial,'Helvetica Neue',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}svg{display:block}::selection{background:#dbc9a7;color:#13241d}.container{width:min(1320px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;top:-100px;left:14px;padding:12px 22px;background:#fff;z-index:10000}.skip-link:focus{top:14px}
.topline{background:var(--dark);color:#d5d3cb;font-size:10px;font-weight:600;letter-spacing:.2em}.topline-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between}.topline a{color:#fff}.topline-divider{padding:0 15px;color:var(--gold)}.site-header{position:sticky;top:0;z-index:40;background:rgba(250,249,246,.97);backdrop-filter:blur(18px);border-bottom:1px solid rgba(65,65,55,.06);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 9px 28px #27252010}.header-inner{height:93px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;flex:none}.brand img{width:166px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:36px}.desktop-nav>a{font-size:12px;font-weight:650;letter-spacing:.03em;white-space:nowrap;transition:color .2s}.desktop-nav>a:hover{color:var(--gold)}.desktop-nav .nav-contact{background:var(--dark);color:white;padding:14px 19px;font-size:11px;letter-spacing:.1em}.desktop-nav .nav-contact:hover{color:white;background:#33483e}.nav-contact span{margin-left:21px;font-size:15px}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--dark);margin:5px 0}.mobile-nav{display:none}
.hero{min-height:665px;height:min(750px,calc(100svh - 128px));position:relative;display:grid;grid-template-columns:52% 48%;background:#eee9df}.hero-left{position:relative;display:flex;align-items:center;background:#eeeae2;background-image:radial-gradient(ellipse at 100% 90%,#ded5c5 0,transparent 60%)}.hero-content{width:min(650px,calc(100% - 100px));margin-left:max(56px,calc((100vw - 1320px)/2));padding:44px 20px 95px 0}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.22em;color:#8a795f;font-weight:700}.gold-line{display:inline-block;width:31px;height:1px;background:var(--gold);flex:none}.hero h1{font:normal clamp(45px,4.15vw,72px)/1.28 var(--serif);letter-spacing:normal;margin:35px 0 25px;max-width:670px}.hero h1 em,.section-heading em{font-weight:normal;color:#a18455}.hero-content>p{font-size:15px;color:#676a63;max-width:440px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 23px;border:1px solid transparent;font-weight:600;letter-spacing:.04em;font-size:12px;line-height:1.3;transition:transform .2s,background .2s,color .2s;white-space:normal}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#33483c}.btn span{font-size:18px;font-weight:400}.text-link{font-size:12px;font-weight:650;padding-bottom:7px;border-bottom:1px solid #99978d}.text-link span{margin-left:10px}.hero-signature{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.18em;font-weight:600;color:#9b927f;margin-top:77px}.signature-line{width:28px;height:1px;background:#b6aa94}.hero-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#c6b7a2,#9c8f7b)}.picture-fallback{background-color:#aa9e8c;background-image:linear-gradient(145deg,#d6c6b0 0,#928878 40%,#4f5852 100%);position:relative;overflow:hidden}.picture-fallback:before{content:'';position:absolute;inset:0;background-image:var(--pic);background-size:cover;background-position:center;transition:transform .85s cubic-bezier(.2,.8,.2,1);z-index:0}.hero-photo{position:absolute;inset:0}.hero-photo:before{background-position:center}.hero-image-wash{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#1d211a80 100%);pointer-events:none}.hero-visual-label{position:absolute;bottom:37px;left:37px;display:flex;gap:15px;align-items:flex-start;font-size:11px;line-height:1.9;letter-spacing:.17em;font-weight:700;color:#fff;text-shadow:0 1px 12px #0008}.hero-visual-label small{font-size:9px;letter-spacing:.22em;opacity:.85;font-weight:500}.hero-visual-dot{height:8px;width:8px;border:1px solid white;border-radius:100%;margin-top:8px}.hero-number{position:absolute;right:40px;bottom:45px;color:white;font:26px var(--serif)}.hero-number span{font:12px var(--sans);opacity:.75}.hero-scroll{position:absolute;bottom:25px;left:max(56px,calc((100vw - 1320px)/2));display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.17em;font-weight:600;color:#8b8679}.hero-scroll i{font-size:21px;font-style:normal;color:var(--gold)}
.section-pad{padding:132px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:.93fr 1fr;gap:clamp(80px,10vw,165px);align-items:center}.intro-identity{position:relative;max-width:490px}.intro-backplate{position:absolute;top:-26px;left:-28px;width:84%;height:88%;border:1px solid #d6c39f}.logo-frame{position:relative;background:#fff;aspect-ratio:1;box-shadow:0 34px 80px #2e2a1b0d;display:grid;place-items:center}.logo-frame img{width:100%;height:100%;object-fit:contain}.intro-identity>p{text-align:center;font-size:10px;letter-spacing:.42em;color:#b4976b;margin:17px 0 0}.section-heading{font:normal clamp(37px,3.45vw,59px)/1.32 var(--serif);letter-spacing:normal;margin:25px 0 26px}.intro-copy .lead{font-size:18px;line-height:1.8;color:#4d534c}.intro-copy p{line-height:1.95;font-size:14px;color:#72766d;max-width:560px}.line-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--gold);font-size:11px;letter-spacing:.12em;font-weight:700;margin-top:26px;padding-bottom:11px}.line-link span{font-size:17px;font-weight:400}
.services{background:var(--cream)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:46px}.section-header .section-heading{max-width:690px;margin-bottom:0}.section-header>p{max-width:320px;font-size:14px;line-height:1.9;color:#77796f;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{background:#fff;min-height:390px;padding:38px 35px 30px;display:flex;flex-direction:column;border:1px solid #eae7df;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #302b1e12}.service-top{display:flex;justify-content:space-between;align-items:start}.service-index{font-size:10px;letter-spacing:.18em;color:#9b8564}.service-top svg{width:65px;height:65px;fill:none;stroke:#a98b59;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font:normal 29px/1.35 var(--serif);margin:58px 0 12px}.service-card p{color:#77776e;font-size:13px;line-height:1.9;margin:0 0 24px}.service-card a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);margin-top:auto;padding-top:19px;font-size:11px;letter-spacing:.02em;font-weight:700}.service-card a span{font-size:18px;font-weight:400;color:var(--gold)}
.portfolio{background:#fbfaf7}.portfolio-heading{margin-bottom:32px}.filter-bar{display:flex;gap:32px;margin:0 0 30px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{background:transparent;border:0;border-bottom:2px solid transparent;color:#888b81;font-size:12px;padding:15px 0 13px;white-space:nowrap}.filter-btn.active,.filter-btn:hover{border-color:var(--gold);color:#2a342a;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px}.portfolio-card{min-width:0}.portfolio-card[hidden]{display:none!important}.portfolio-card.card-large{grid-row:span 2}.portfolio-media{display:block;width:100%;border:0;appearance:none;aspect-ratio:1.19;background-color:#b1a28d;overflow:hidden;text-align:left}.card-large .portfolio-media{aspect-ratio:auto;height:calc(100% - 76px);min-height:490px}.portfolio-media:hover:before{transform:scale(1.07)}.portfolio-plus{position:absolute;z-index:2;right:18px;bottom:17px;color:#29362d;background:#fff;display:grid;place-items:center;font-size:18px;width:37px;height:37px;transition:background .2s}.portfolio-media:hover .portfolio-plus{background:#e2cda6}.portfolio-info{display:flex;justify-content:space-between;gap:15px;padding:17px 0 17px;border-bottom:1px solid var(--border)}.portfolio-info div>span{font-size:9px;letter-spacing:.17em;color:#ac9066}.portfolio-info h3{font:normal 20px/1.3 var(--serif);margin:4px 0 0}.folio-num{font:15px var(--serif);color:#b9b3a9}.image-disclaimer{margin:22px 0 0;font-size:11px;color:#878980;line-height:1.8}
.philosophy{background:#18241f;position:relative;color:#fff;overflow:hidden}.philosophy-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:clamp(70px,13vw,175px);position:relative;z-index:2}.eyebrow-light{color:var(--gold-bright)}.light-heading{color:#faf9f5;margin-top:31px}.light-heading em{color:#d0b78a}.philosophy-grid>div:first-child>p{font-size:14px;color:#b1beb6;line-height:2;max-width:430px}.btn-outline{border-color:#a99973;color:#e9dcc8;margin-top:22px}.btn-outline:hover{background:#2c3e32}.philosophy-list{padding-top:30px}.philosophy-item{display:grid;grid-template-columns:45px 1fr;gap:10px;border-bottom:1px solid #526055;padding:24px 0 30px}.philosophy-item>span{font:16px var(--serif);color:#ceb183}.philosophy-item h3{font:normal 25px var(--serif);margin:0 0 8px}.philosophy-item p{font-size:13px;line-height:1.9;color:#aebbb1;margin:0}.philosophy-outline{font:bold clamp(170px,27vw,530px)/1 var(--serif);position:absolute;bottom:-180px;left:-30px;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #ffffff0b;pointer-events:none}
.process{background:white}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:66px}.process-step{position:relative;border-top:1px solid #c3ae88;padding-top:20px}.process-step:before{content:'';position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;top:-4.5px;left:0}.process-step>span{font:35px var(--serif);color:#ae9162}.process-step h3{font:normal 22px var(--serif);margin:26px 0 12px}.process-step p{font-size:13px;line-height:1.9;color:#797c73;margin:0}
.contact{background:#eeeae3}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(60px,9vw,120px)}.contact-copy>p{max-width:450px;font-size:14px;line-height:1.95;color:#70756c}.contact-details{margin-top:50px;display:grid;gap:23px}.contact-detail{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #d7d2c8;padding-bottom:22px}.contact-detail>span{font-size:10px;letter-spacing:.2em;color:#a08a6d}.contact-detail strong{font-weight:500;font-size:17px;line-height:1.5}.contact-detail:hover strong{color:#9d7f4d}.external-arrow{color:var(--gold)}.contact-form-panel{padding:43px 43px 39px;background:white;box-shadow:0 22px 65px #4439260d}.form-eyebrow{font-size:10px;color:#a38c68;letter-spacing:.18em;font-weight:700}.contact-form-panel h3{font:normal 29px/1.3 var(--serif);margin:14px 0 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600;color:#4e514d;margin-bottom:19px}.field span{color:#aa8650}.field input,.field textarea,.field select{width:100%;border:1px solid #e2e1dc;background:#fbfaf8;border-radius:0;padding:14px 14px;outline:none;transition:border-color .2s;font-size:13px;font-weight:400;color:#2e312c}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c6a87528}.field textarea{resize:vertical;min-height:100px}.submit-btn{width:100%;margin-top:3px;justify-content:center}.form-hint{margin:14px 0 0;font-size:10px;color:#84877e;line-height:1.7}.form-error{color:#ae3e35;background:#fff1ef;padding:10px 13px;font-size:12px}
.site-footer{background:#f9f8f4}.footer-main{padding:76px 0;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:65px}.footer-identity img{width:170px}.footer-identity p{margin-top:16px;font-size:13px;color:#777d74}.footer-links{display:flex;flex-direction:column;align-items:start;gap:12px}.footer-links h4{font-size:10px;letter-spacing:.18em;color:#997f58;margin:0 0 11px}.footer-links a,.footer-links span{font-size:13px;color:#5b645b;line-height:1.65}.footer-links a:hover{color:#a58350}.footer-bottom{border-top:1px solid #e3e1d9;padding:23px 0;display:flex;justify-content:space-between;gap:30px;color:#999b93;letter-spacing:.1em;font-size:10px}.footer-bottom a{color:#4c594c}
.contact-rail{position:fixed;z-index:70;right:19px;bottom:80px;display:flex;flex-direction:column;gap:8px}.rail-link{height:53px;width:53px;display:flex;justify-content:center;align-items:center;color:white;box-shadow:0 8px 20px #0d101329;border:2px solid #fff;border-radius:100%;transition:transform .2s;position:relative}.rail-link:hover{transform:translateX(-4px)}.rail-link svg{height:22px;width:22px}.rail-link>span:last-child{position:absolute;right:62px;white-space:nowrap;background:#19221e;color:white;font-size:12px;opacity:0;pointer-events:none;transform:translateX(8px);padding:5px 10px;transition:opacity .2s,transform .2s}.rail-link:hover>span:last-child,.rail-link:focus-visible>span:last-child{opacity:1;transform:none}.rail-call{background:#bd8e42}.rail-zalo{background:#0068ff}.rail-facebook{background:#1877f2}.zalo-icon{font-weight:850;letter-spacing:-.06em;font-size:14px;color:#fff}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(15px);padding:13px 20px;background:#1a2920;color:white;font-size:12px;box-shadow:0 10px 32px #0003;z-index:150;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:min(600px,90vw);text-align:center}.toast.visible{opacity:1;transform:translateX(-50%)}
.lightbox{border:0;padding:24px;background:#f9f7f2;width:min(1050px,92vw);max-height:90svh;box-shadow:0 35px 100px #0005;text-align:center}.lightbox::backdrop,.request-dialog::backdrop{background:#07100de0;backdrop-filter:blur(5px)}.lightbox img{display:block;max-height:70svh;width:100%;object-fit:contain;background:#c1b49f}.lightbox p{font:normal 22px var(--serif);margin:14px 0 4px}.lightbox small{font-size:10px;letter-spacing:.15em;color:#8c8a83}.lightbox-close,.dialog-close{position:absolute;right:13px;top:9px;border:0;background:#fff;color:#333;width:40px;height:40px;font-size:26px}.request-dialog{position:relative;border:0;padding:38px;width:min(560px,92vw);max-height:90svh;box-shadow:0 25px 70px #0005;background:#faf9f6;color:#233027}.request-dialog h3{font:normal 33px/1.2 var(--serif);margin:18px 0 12px}.request-dialog>p{font-size:13px;color:#6e776f;line-height:1.8}.request-dialog textarea{display:block;width:100%;background:#fff;border:1px solid #d6d5cb;color:#253128;padding:14px;font-size:13px;line-height:1.6;resize:vertical}.request-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.request-actions>*{flex:1}.btn-gold{background:#af8f5e;color:#fff}.btn-gold:hover{background:#967648}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}
@media (min-width:1500px){.hero-content{margin-left:calc((100vw - 1320px)/2)}.hero-scroll{left:calc((100vw - 1320px)/2)}}
@media(max-width:1150px){.container{width:min(100% - 68px,1320px)}.desktop-nav{gap:22px}.hero-content{margin-left:34px;width:calc(100% - 55px)}.hero h1{font-size:clamp(42px,4.6vw,62px)}.intro-grid{gap:70px}.portfolio-grid{gap:16px}.hero-scroll{left:34px}}
@media(max-width:850px){.topline{display:none}.header-inner{height:78px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{display:flex;flex-direction:column;gap:0;padding:12px 34px 22px;border-top:1px solid var(--border);background:var(--paper);box-shadow:0 20px 32px #161b1610}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:13px 4px;border-bottom:1px solid var(--border);font-size:14px}.hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-left{min-height:570px}.hero-content{margin:0;padding:72px 34px 98px;width:100%}.hero h1{font-size:clamp(46px,6.2vw,67px)}.hero-signature{margin-top:55px}.hero-visual{height:470px}.hero-scroll{bottom:490px;left:34px}.intro-grid{grid-template-columns:1fr 1fr;gap:45px}.section-pad{padding:88px 0}.service-grid{gap:10px}.service-card{padding:30px 20px;min-height:425px}.service-card h3{font-size:25px}.section-header{align-items:start;flex-direction:column;gap:18px}.section-header>p{max-width:580px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card.card-large{grid-row:auto}.card-large .portfolio-media{height:auto;min-height:0;aspect-ratio:1.19}.philosophy-grid{gap:35px}.contact-grid{gap:35px}.contact-form-panel{padding:28px}.form-grid{grid-template-columns:1fr;gap:0}.footer-main{gap:30px}}
@media(max-width:620px){.container{width:calc(100% - 38px)}.header-inner{height:70px}.brand img{width:139px}.mobile-nav{padding:10px 19px 22px}.hero-left{min-height:530px}.hero-content{padding:56px 25px 100px}.hero h1{font-size:clamp(40px,10vw,55px);margin:26px 0 19px}.hero-content>p{font-size:14px}.hero-actions{gap:19px;margin-top:28px}.hero-signature{font-size:8px;margin-top:51px}.hero-visual{height:330px}.hero-visual-label{bottom:25px;left:23px;font-size:10px}.hero-number{right:23px;bottom:32px}.hero-scroll{bottom:350px;left:25px}.section-pad{padding:74px 0}.section-heading{font-size:clamp(36px,9vw,47px)}.intro-grid{grid-template-columns:1fr;gap:48px}.intro-identity{width:80%;margin:0 auto}.intro-backplate{top:-12px;left:-16px}.intro-identity>p{font-size:8px}.intro-copy .lead{font-size:16px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:280px;padding:28px}.service-card h3{margin-top:20px}.service-top svg{height:49px;width:49px}.portfolio-grid{grid-template-columns:1fr;gap:8px}.portfolio-media,.card-large .portfolio-media{aspect-ratio:1.27}.portfolio-info{padding:15px 0}.portfolio-info h3{font-size:22px}.filter-bar{gap:25px}.philosophy-grid{grid-template-columns:1fr;gap:38px}.philosophy-list{padding-top:0}.philosophy-item{padding:18px 0}.philosophy-outline{bottom:-80px}.process-steps{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:42px}.process-step h3{font-size:20px;margin:14px 0 8px}.contact-grid{grid-template-columns:1fr;gap:42px}.contact-details{margin-top:32px}.contact-form-panel{padding:27px 22px}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:51px 0}.footer-identity{grid-column:1/-1}.footer-links a,.footer-links span{font-size:12px}.footer-bottom{font-size:9px;line-height:1.7;flex-direction:column;gap:8px}.contact-rail{right:10px;bottom:26px;gap:7px}.rail-link{width:47px;height:47px}.rail-link svg{height:21px;width:21px}.lightbox{padding:10px}.lightbox-close{right:8px;top:7px}.lightbox p{font-size:18px}.request-dialog{padding:25px 20px}.request-actions{flex-direction:column}.request-dialog h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Locally included visual placeholders keep the layout attractive without remote photos. */

/* v1.1 — Tiêu đề tiếng Việt trên Windows: dùng font hỗ trợ đầy đủ dấu, không nén ký tự. */
.hero h1,.section-heading{font-kerning:normal;text-rendering:optimizeLegibility;word-break:normal;overflow-wrap:normal;}


/* DASO V1.2 — GALLERIES: ORIGINAL PHOTOGRAPHY ONLY */
.nav-highlight{color:#a17c40!important}
.hero-photo.picture-fallback{background-image:var(--pic);background-size:cover;background-position:center}
.hero-photo.picture-fallback:before{background-image:none}
.construction-showcase{background:#18251f;color:#f9f7f2;position:relative}
.construction-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.72fr);gap:56px;align-items:end;margin-bottom:47px}
.construction-intro .section-heading{font-size:clamp(38px,3.45vw,61px);line-height:1.3;max-width:820px;margin-bottom:0}
.construction-intro .section-heading em{color:#d0b78a}
.construction-intro-aside{max-width:370px;padding-bottom:9px}
.real-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #bda97f69;color:#e2cfab;font-size:10px;font-weight:750;letter-spacing:.16em;padding:9px 12px}
.real-tag-dot{width:7px;height:7px;background:#d3b47b;border-radius:50%}
.construction-intro-aside p{font-size:13px;color:#bdc6bc;line-height:1.9;margin:19px 0}
.construction-contact{color:#e9d8b4;font-size:12px;border-bottom:1px solid #927f5a;padding-bottom:8px}
.construction-contact span{margin-left:10px}
.construction-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}
.construction-card{min-width:0}
.construction-feature{grid-row:span 2;display:flex;flex-direction:column}
.construction-photo,.design-photo{display:block;position:relative;width:100%;padding:0;border:0;overflow:hidden;isolation:isolate;cursor:zoom-in;text-align:left;background:#afa391}
.construction-photo{aspect-ratio:1.33}
.construction-feature .construction-photo{height:100%;min-height:495px;flex:1;aspect-ratio:auto}
.construction-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0006);pointer-events:none}
.construction-photo img,.design-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;display:block}
.construction-photo:hover img,.design-photo:hover img{transform:scale(1.045)}
.photo-zoom{position:absolute;right:16px;bottom:17px;z-index:3;background:#f7f5ef;color:#18251f;width:38px;height:38px;display:grid;place-items:center;font-size:23px;line-height:1}
.photo-badge{position:absolute;z-index:2;left:17px;top:17px;letter-spacing:.14em;font-size:9px;font-weight:750;color:#fff;background:#12271eb8;padding:8px 10px}
.construction-meta,.design-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px 0 17px;border-bottom:1px solid #d6c5a63c}
.construction-meta div>span,.design-meta div>span{font-size:9px;letter-spacing:.14em;color:#d3b57e}
.construction-meta h3,.design-meta h3{font:normal 19px/1.4 var(--serif);margin:4px 0 0}
.construction-meta .folio-num{color:#aaa392}
.construction-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px;color:#c7c4b9;font-size:10px;letter-spacing:.13em}
.construction-foot a{color:#e2c894;letter-spacing:normal;font-size:12px}
.construction-foot a span{margin-left:10px}
.design-showcase{background:#faf9f5}
.design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}
.design-card{min-width:0}
.design-card[hidden]{display:none!important}
.design-photo{aspect-ratio:1.34}
.design-photo-count{position:absolute;z-index:2;top:14px;left:14px;background:#fbf9f0e9;color:#334233;font-size:10px;letter-spacing:.13em;font-weight:750;padding:8px 12px}
.design-meta{border-color:#e8e1d7}
.design-meta div>span{color:#a28556}
.design-meta h3{font-size:21px}
.design-more-wrap{text-align:center;margin-top:51px}
.design-more{padding:17px 27px;border:1px solid #a28a67;color:#233129;background:transparent;font-size:11px;font-weight:750;letter-spacing:.13em;transition:background .2s}
.design-more:hover{background:#e9dfcc}
.design-more span{margin-left:25px;font-size:19px}
.design-more-wrap p{color:#9c988e;font-size:11px;margin:14px 0 0}
.daso-gallery-dialog{width:min(1120px,96vw);padding:19px 32px 24px;background:#121a17;color:#f2eee6;max-height:94svh;overflow:auto}
.daso-gallery-dialog .lightbox-close{z-index:7;top:4px;right:9px;background:transparent;color:#fff;font-size:32px}
.lightbox-topline{display:flex;justify-content:space-between;align-items:center;padding:8px 47px 14px 4px;color:#c9b995;font-size:10px;letter-spacing:.16em}
.lightbox-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px}
.daso-gallery-dialog .lightbox-stage img{width:auto;max-width:100%;max-height:72svh;object-fit:contain;background:#2e322f;display:block}
.lightbox-arrow{position:absolute;z-index:6;width:46px;height:60px;top:50%;transform:translateY(-50%);display:grid;place-items:center;border:0;background:#0b110ebd;color:#fff;font-size:40px;font-family:Arial,sans-serif;line-height:1}
.lightbox-arrow:hover{background:#a88d5e}
.lightbox-prev{left:0}.lightbox-next{right:0}
.daso-gallery-dialog #lightbox-caption{font:normal 18px/1.4 var(--serif);margin:14px 0 3px}
.daso-gallery-dialog small{font-size:9px;color:#a8ad9f}
@media(max-width:1150px){.desktop-nav{gap:19px}.construction-grid{gap:14px}.construction-feature .construction-photo{min-height:400px}}
@media(max-width:850px){.construction-intro{grid-template-columns:1fr;gap:22px}.construction-intro-aside{max-width:600px}.construction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.construction-feature{grid-row:auto}.construction-feature .construction-photo{height:auto;aspect-ratio:1.33;min-height:0}.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}}
@media(max-width:620px){.construction-grid{grid-template-columns:1fr;gap:24px}.construction-intro{margin-bottom:29px}.construction-intro .section-heading{font-size:clamp(34px,9vw,45px)}.construction-photo,.construction-feature .construction-photo{aspect-ratio:1.36}.construction-meta h3{font-size:20px}.construction-foot{align-items:flex-start;flex-direction:column;gap:12px}.design-gallery{grid-template-columns:1fr;gap:22px}.design-photo{aspect-ratio:1.35}.design-more-wrap{margin-top:32px}.daso-gallery-dialog{padding:18px 8px;width:98vw}.daso-gallery-dialog .lightbox-stage img{max-height:64svh}.lightbox-arrow{width:35px;height:48px;font-size:32px}.lightbox-topline{padding:7px 37px 12px 5px}.daso-gallery-dialog #lightbox-caption{font-size:15px}}