:root{--ink:#26231f;--dark:#222321;--cream:#f6f2ea;--paper:#fbf8f2;--gold:#ad8552;--gold-light:#d5b68b;--border:#ddccba;--body:#403d38;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.04}h1{font-size:clamp(2.85rem,5.3vw,5.8rem)}h2{font-size:clamp(2.6rem,4.2vw,4.6rem)}h3{font-size:clamp(1.7rem,2.3vw,2.2rem)}p{color:var(--body)}.wrap{width:min(100% - 64px,1340px);margin-inline:auto}.skip{position:absolute;left:-9999px;top:12px;background:white;padding:12px;z-index:200}.skip:focus{left:12px}.site-header{height:106px;background:#222321;color:#eee9de;position:relative;z-index:50;border-bottom:1px solid #806743}.header-inner{height:100%;width:min(100% - 64px,1400px);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav-left,.nav-right{display:flex;gap:clamp(16px,2.4vw,38px);align-items:center}.nav-right{justify-content:flex-end}.site-header nav a{font-size:.76rem;white-space:nowrap;letter-spacing:.025em}.site-header nav a[aria-current=page],.site-header nav a:hover{color:var(--gold-light)}.nav-phone{color:#d1b184!important}.brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:var(--gold-light);min-width:155px}.brand-mark{position:relative;height:42px;display:grid;place-items:center}.crown{position:absolute;top:-12px;font-size:24px}.monogram{font-family:Georgia,serif;font-size:30px;border:1px solid #c5a474;width:48px;height:42px;display:grid;place-items:center;border-radius:35% 35% 12% 12%}.brand-type{font-family:Georgia,serif;letter-spacing:.085em;font-size:17px;margin-top:6px;text-align:center;white-space:nowrap}.brand-type small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.31em;margin-top:6px}.menu-toggle,.mobile-nav{display:none}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:11px 25px;background:linear-gradient(120deg,#b99061,#a67c4b);border:1px solid #b99061;color:white;border-radius:3px;font-family:var(--serif);font-size:1.35rem;line-height:1.1;transition:.2s}.button:hover{background:#cba472;transform:translateY(-2px)}.button span{font-family:var(--sans);font-size:1.2rem;font-weight:300}.button.outline{background:transparent;border-color:var(--gold-light);color:#f1dfc8}.button.outline:hover{background:#ad8552}.button.quiet{background:transparent;color:var(--gold);border-color:var(--gold)}.eyebrow{display:block;font-size:.72rem;letter-spacing:.28em;color:var(--gold-light);font-weight:500;margin-bottom:19px}.section{padding:78px 0 92px}.section.compact{padding-top:35px}.section-heading{margin-bottom:30px}.section-heading h1,.section-heading h2{margin:0}.section-heading p{font-family:var(--serif);font-size:1.55rem;margin:12px 0 0}.section-heading.centered{text-align:center}.section-heading.centered:after{content:'✧';display:block;color:var(--gold);font:23px Georgia,serif;line-height:1;margin:16px auto 0;border-top:1px solid #ccb18c;border-bottom:1px solid #ccb18c;width:105px}.section-heading.split{display:grid;grid-template-columns:1fr auto;align-items:end}.section-heading.split .eyebrow{grid-column:1/-1}.section-heading.split>a{color:var(--gold-light);font-family:var(--serif);font-size:1.5rem}.dark{background:#222321;color:#f7f1e8}.dark p{color:#e1d7ca}.photo{position:relative;overflow:hidden;background:#d6c8ba}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.photo:hover img,.project-card:hover img,.product-card:hover img{transform:scale(1.035)}.image-tag{position:absolute;right:12px;bottom:9px;color:white;font-size:.7rem;text-shadow:0 1px 5px #000;padding:3px 5px;background:#1616164b}.photo-caption{position:absolute;left:22px;bottom:16px;color:white;font-family:var(--serif);font-size:2rem}.hero,.subhero,.product-hero{position:relative;background:#2a2925;color:#fff;overflow:hidden}.hero{min-height:610px;height:min(65vw,670px)}.hero>img,.subhero>img,.product-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,19,18,.92) 0%,rgba(18,19,18,.76) 32%,rgba(18,19,18,.16) 74%)}.hero .hero-copy{position:relative;z-index:1;padding-top:clamp(90px,9vw,150px)}.hero h1{font-size:clamp(3rem,6.1vw,6.5rem);line-height:.98;max-width:920px;margin:0}.hero h1 em,.subhero h1 em,.contact-copy h1 em{font-style:normal;color:#d8b586}.short-line{width:80px;height:1px;background:#dbc49f;margin:28px 0 12px}.hero p{font-family:var(--serif);font-size:clamp(1.3rem,2vw,2rem);color:#fff;margin:0 0 30px}.hero p b{color:var(--gold-light);padding:0 7px;font-weight:400}.action-row{display:flex;gap:14px;flex-wrap:wrap}.hero-note{position:absolute;right:28px;bottom:17px;font-size:.72rem;color:white;text-shadow:0 2px 4px #000}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid #e4d7c8;background:#f7f3ec;display:block}.service-card .photo{height:240px}.service-card>div:last-child{padding:20px 23px 22px}.service-card h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:2rem}.service-card h3 span{border:1px solid #a67c4b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font:17px var(--sans);color:var(--gold)}.service-card p{margin:0;font-size:.91rem}.selected .project-card.feature{grid-column:auto}.project-card{display:block;background:#f8f2e8;color:var(--ink);min-width:0}.project-card .photo{height:255px}.project-card .card-foot{padding:13px 17px 15px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card-foot small,.product-meta small{font-size:.69rem;text-transform:uppercase;letter-spacing:.18em;color:#936e3d}.card-foot h3{font-size:1.75rem;margin:3px 0 0}.round-arrow{font-size:1.2rem;border:1px solid #987549;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;color:#987549}.materials{background:#f6f0e5}.material-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:9%;align-items:center}.material-layout h2{max-width:490px}.material-layout p{max-width:530px}.material-layout .photo{height:480px}.cta{padding:56px 0;background:#252521;color:#f6f0e4;border-top:1px solid #8c6a42}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(2.3rem,3.7vw,4rem);margin:0}.cta p{color:#e0d3c4;margin:12px 0 0}.cta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.cta-actions>a:last-child{font-family:var(--serif);font-size:1.8rem;color:var(--gold-light)}.crumb{display:flex;gap:10px;align-items:center;padding-top:14px;padding-bottom:15px;color:#71583b;font-family:var(--serif);font-size:1.15rem}.crumb>a:hover{text-decoration:underline}.crumb span:last-child{color:#3a332b}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-grid .feature{grid-column:span 2;grid-row:span 2}.portfolio-grid .feature .photo{height:calc(510px + 87px)}.portfolio-grid .project-card:not(.feature) .photo{height:225px}.portfolio-grid .project-card:nth-child(2){grid-column:3}.portfolio-grid .project-card:nth-child(3){grid-column:3}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0 28px}.filters button{border:1px solid #dfd0be;background:transparent;min-width:120px;padding:11px 20px;color:var(--ink);font-family:var(--serif);font-size:1.24rem;border-radius:4px}.filters button[aria-pressed=true],.filters button:hover{background:#af8957;color:white;border-color:#af8957}.disclaimer{font-size:.78rem;color:#776c5d;margin:19px 0 0}.detail-top .section-heading{margin:13px 0 25px}.detail-top .photo{height:clamp(360px,42vw,590px)}.ornament{color:#a9814d;font-family:Georgia,serif;text-align:center;font-size:1.4rem;line-height:1;margin:4px 0}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e4d6c2;padding:28px 0 34px}.detail-facts>div{padding:0 24px;border-right:1px solid #cdb596}.detail-facts>div:last-child{border:0}.detail-facts small{font-size:.7rem;color:#94734c;display:block;letter-spacing:.14em}.detail-facts strong{font-family:var(--serif);font-size:1.5rem;font-weight:500}.detail-gallery{padding-top:40px}.gallery-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.gallery-layout>div:first-child .photo{height:680px}.gallery-layout>div:last-child .photo{height:285px}.gallery-layout h3{text-align:center;margin:13px 0 24px}.factory-strip-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:7%;align-items:center}.factory-strip .photo{height:400px}.factory-strip ol{padding-left:25px;color:var(--gold-light);font-family:var(--serif);font-size:1.45rem}.factory-strip p{font-family:var(--serif);font-size:1.5rem}.subhero{height:490px;display:flex;align-items:center}.subhero-content{position:relative;z-index:1}.subhero h1{margin:0 0 20px}.subhero p{font-family:var(--serif);font-size:1.55rem;color:#fff;max-width:540px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:45px}.steps>div{border-top:1px solid #c7a777;padding-top:15px}.steps span{font:3.1rem var(--serif);color:var(--gold)}.steps h3{font-size:1.75rem;margin:3px 0 10px}.steps p{font-size:.83rem}.craft{background:#eee7dc}.craft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:18px}.craft-grid .photo{height:290px}.craft-grid h3{font-size:1.55rem;margin:14px 0 0}.prep-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}.prep h2{font-size:3.7rem}.prep ul{padding:0;list-style:none;font-family:var(--serif);font-size:1.6rem}.prep li{margin:9px 0}.prep li:before{content:'✓';display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--gold-light);color:var(--gold-light);border-radius:50%;margin-right:14px;font:16px var(--sans)}.prep-card{background:#f7f1e8;color:var(--ink);padding:45px 35px;text-align:center;border:4px double #ad8552}.prep-card p{font-family:var(--serif);font-size:1.4rem}.prep-card>a:last-child{display:block;margin-top:24px;color:#775431}.product-hero{height:290px;text-align:center;display:flex;align-items:center}.product-hero .hero-shade{background:#141413a8}.product-hero .wrap{position:relative;z-index:1}.product-hero .crumb{color:#f1e3cf;padding:0 0 10px}.product-hero .crumb span:last-child{color:#fff}.product-hero h1{font-size:clamp(2.8rem,5vw,5.4rem);margin:0}.product-hero p{color:#fff;font:1.5rem var(--serif);margin:0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid #e3d6c5;background:#faf7f1}.product-card .photo{height:320px}.product-meta{padding:19px 22px 23px}.product-meta h3{font-size:1.7rem;margin:5px 0}.product-meta>a{font-family:var(--serif);font-size:1.3rem;color:#9a713f;text-decoration:underline;text-underline-offset:5px}.product-meta>a span{margin-left:6px;text-decoration:none}.custom-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center}.custom .photo{height:440px}.custom p{font-family:var(--serif);font-size:1.5rem}.custom-labels{display:flex;gap:20px;flex-wrap:wrap;color:#d7b386;font:1.4rem var(--serif);margin:30px 0}.custom-labels span{border-bottom:1px solid #9a754a}.contact-page{background:#1f201e;color:#f5eee4;padding:42px 0 65px}.contact-layout{display:grid;grid-template-columns:1fr .95fr;gap:8%;align-items:start}.contact-copy{padding-top:55px}.contact-copy h1{font-size:clamp(3.5rem,5.4vw,6rem)}.contact-copy p{color:#eee6da;font:1.6rem var(--serif);max-width:540px}.contact-phone{font:2.8rem var(--serif);color:#d5ae78;display:block;margin-top:32px}.contact-copy>span:last-of-type{font:1.35rem var(--serif)}.contact-copy .photo{height:250px;margin-top:38px}.form-panel{background:#f9f4ec;color:var(--ink);padding:35px 36px 30px;border-radius:6px}.form-panel h2{text-align:center;font-size:2.8rem;margin:0}.form-panel form{display:grid;gap:16px}.form-panel label{display:grid;font-size:.86rem;gap:6px}.form-panel label b{color:#a16b4c}.form-panel input,.form-panel textarea,.form-panel select{background:transparent;border:1px solid #dccbb6;border-radius:4px;padding:12px 13px;width:100%;color:#292929;font-size:.9rem;min-height:48px}.form-panel textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-panel .button{width:100%;cursor:pointer}.privacy{font-size:.72rem;text-align:center;margin:0;color:#746d63}.footer{background:#f4ede2;color:#28231e;padding-top:56px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer .brand{align-items:flex-start;color:#927044}.footer .brand-mark{margin-left:54px}.footer .brand-type small{font-size:7px}.footer p{font-size:.87rem;margin:20px 0 0}.footer small{color:#746b5e}.footer h3{font-family:var(--serif);font-size:1.45rem;border-bottom:1px solid #c5a57a;padding-bottom:11px;margin-bottom:15px}.footer-grid>div>a:not(.brand){display:block;font-size:.85rem;line-height:2.15}.footer-grid>div>a:hover{text-decoration:underline}.footer-bottom{margin-top:47px;padding:18px 0;border-top:1px solid #ccb795;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#6d6255}.floating{position:fixed;bottom:17px;right:16px;display:flex;flex-direction:column;gap:7px;z-index:30}.floating a{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#a57e4d;color:white;box-shadow:0 4px 20px #0003;font-weight:600;font-size:.8rem}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d9af70;outline-offset:3px}
@media(max-width:1100px){.nav-phone{display:none}.header-inner{width:min(100% - 34px,1400px)}.wrap{width:min(100% - 40px,1340px)}.site-header nav a{font-size:.7rem}.nav-left,.nav-right{gap:16px}.hero{height:600px}.portfolio-grid .feature .photo{height:555px}}
@media(max-width:760px){.site-header{height:76px}.header-inner{grid-template-columns:1fr auto 1fr}.menu-toggle{display:flex;grid-column:1;flex-direction:column;gap:5px;background:none;border:0;padding:13px 0;width:35px}.menu-toggle span{display:block;height:1px;width:27px;background:#d6b787}.header-inner>.brand{grid-column:2}.header-inner>.nav-left,.header-inner>.nav-right{display:none}.brand-mark{height:31px}.crown{font-size:18px;top:-9px}.monogram{font-size:22px;width:37px;height:30px}.brand-type{font-size:13px;margin-top:5px}.brand-type small{font-size:6px}.mobile-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#252521;padding:18px 24px 25px;box-shadow:0 15px 25px #0005}.mobile-nav.open{display:block}.site-header .mobile-nav a{display:flex;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #ffffff29;color:#f1e8db;font-size:1rem}.mobile-nav a span{color:var(--gold-light)}.wrap{width:min(100% - 32px,1340px)}.section{padding:52px 0 60px}.hero{height:590px;min-height:0}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#161714de,#16171475),linear-gradient(0deg,#17171777,transparent)}.hero .hero-copy{padding-top:125px}.hero h1{font-size:clamp(2.55rem,9vw,4.6rem)}.hero p{font-size:1.3rem;max-width:430px}.hero-note{right:16px}.three-grid,.products-grid{grid-template-columns:1fr 1fr;gap:13px}.service-card .photo,.selected .project-card .photo{height:190px}.service-card>div:last-child{padding:15px}.service-card h3{font-size:1.5rem}.service-card p{font-size:.8rem}.selected .project-card:last-child{display:none}.section-heading.split{display:block}.section-heading.split>a{display:block;margin-top:15px}.material-layout,.factory-strip-layout,.custom-layout,.contact-layout,.prep-grid{grid-template-columns:1fr;gap:28px}.material-layout .photo{height:330px}.cta-inner{display:block}.cta-actions{align-items:flex-start;margin-top:25px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:13px}.portfolio-grid .feature{grid-column:span 2;grid-row:auto}.portfolio-grid .feature .photo{height:390px}.portfolio-grid .project-card:nth-child(2),.portfolio-grid .project-card:nth-child(3){grid-column:auto}.portfolio-grid .project-card:not(.feature) .photo{height:170px}.card-foot h3{font-size:1.45rem}.detail-facts{grid-template-columns:1fr 1fr;row-gap:20px}.detail-facts>div:nth-child(2){border:0}.gallery-layout{grid-template-columns:1fr}.gallery-layout>div:first-child .photo{height:390px}.gallery-layout>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-layout>div:last-child .photo{height:200px}.gallery-layout>div:last-child h3{display:none}.steps{grid-template-columns:1fr 1fr;gap:18px}.craft-grid{grid-template-columns:1fr 1fr}.craft-grid>div:first-child{grid-column:span 2}.craft-grid .photo{height:210px}.prep h2{font-size:3rem}.custom .photo{height:280px}.contact-copy{padding:10px 0}.contact-copy .photo{display:none}.contact-page{padding:25px 0 50px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
@media(max-width:480px){h2{font-size:2.7rem}.hero{height:560px}.hero .hero-copy{padding-top:100px}.hero h1{font-size:2.75rem}.hero p{font-size:1.15rem}.action-row{gap:10px}.button{font-size:1.17rem;padding:11px 18px;min-height:48px;gap:15px}.hero .button{width:100%;justify-content:space-between}.three-grid,.selected,.products-grid{grid-template-columns:1fr}.service-card .photo{height:200px}.selected .project-card:last-child{display:block}.selected .project-card .photo{height:230px}.portfolio-grid .feature .photo{height:290px}.portfolio-grid .project-card:not(.feature) .photo{height:145px}.card-foot{padding:10px!important}.card-foot h3{font-size:1.25rem}.card-foot small{font-size:.61rem}.round-arrow{width:27px;height:27px;font-size:.9rem;flex-shrink:0}.filters{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:5px;margin-top:12px}.filters button{flex-shrink:0;min-width:auto;padding:9px 16px;font-size:1.1rem}.product-card .photo{height:255px}.detail-top .photo{height:280px}.detail-facts>div{padding:0 12px}.detail-facts strong{font-size:1.2rem}.gallery-layout>div:first-child .photo{height:280px}.gallery-layout>div:last-child .photo{height:145px}.gallery-layout h3{font-size:1.55rem}.subhero{height:440px}.subhero h1{font-size:3rem}.steps{gap:14px}.steps h3{font-size:1.35rem}.steps p{font-size:.77rem}.craft-grid .photo{height:160px}.prep-card{padding:30px 22px}.product-hero{height:250px}.product-hero h1{font-size:3rem}.contact-copy h1{font-size:3.7rem}.form-panel{padding:28px 18px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* The approved visual direction: ivory home navigation and editorial detail sections. */
@media(min-width:761px){.home-header{background:#f5f0e7;color:#28231f;border-bottom:1px solid #d7c7b2;height:83px}.home-header .header-inner{grid-template-columns:auto 1fr auto;gap:50px}.home-header .brand{grid-column:1;flex-direction:row;gap:13px;color:#8a6739;min-width:auto}.home-header .brand-mark{height:60px;width:65px}.home-header .crown{font-size:22px;top:-5px}.home-header .monogram{font-size:30px;width:55px;height:49px}.home-header .brand-type{font-size:21px;text-align:left;margin-top:0}.home-header .brand-type small{font-size:7px;letter-spacing:.28em;margin-top:8px}.home-links{grid-column:2;display:flex;justify-content:center;align-items:center;gap:clamp(18px,3vw,42px)}.home-header .home-links a{font-size:.79rem;color:#242424}.home-nav-contact{grid-column:3;display:flex;align-items:center;gap:19px;white-space:nowrap}.home-header .home-nav-contact>a:first-child{font-size:.78rem;color:#222}.home-header .home-nav-contact .button{min-height:39px;font-size:1.08rem;padding:8px 15px;gap:10px}.home-header .mobile-nav{display:none}}
.home-header .brand-type{color:inherit}.home-header .hero{margin-top:0}.process-detail{background:#f8f4ed;padding-top:48px;padding-bottom:54px}.process-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.process-tiles .photo{height:270px}.process-tiles>div:first-child .photo img{filter:grayscale(1) contrast(.75)}.process-tiles h3{text-align:center;font-size:1.55rem;margin:12px 0 0}.process-detail .disclaimer{text-align:center}.material-panel{background:#f8f4ed;padding:60px 0 55px}.material-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.material-cards .photo{height:235px}.material-cards h3{font-size:1.5rem;text-align:center;margin:11px 0 0}.material-note{text-align:center;color:#806b57;font:1.35rem var(--serif);margin:23px 0 0}.contact-page{background:linear-gradient(90deg,#191917e8,#191917ba 55%,#19191782),url('/assets/consultation-approved.webp') center/cover}.contact-copy .photo{display:none}
@media(max-width:1100px) and (min-width:761px){.home-header .header-inner{gap:18px}.home-links{gap:13px}.home-header .brand-type{font-size:17px}.home-header .home-nav-contact>a:first-child{display:none}}
@media(max-width:760px){.home-header{background:#f6f0e7;color:#86663e}.home-header .menu-toggle span{background:#8b6c41}.home-header .mobile-nav{background:#242321}.home-header .brand{color:#8a6739}.home-header .home-links,.home-header .home-nav-contact{display:none}.process-tiles{grid-template-columns:repeat(3,1fr);gap:10px}.process-tiles .photo{height:155px}.process-tiles h3{font-size:1.12rem}.material-cards{grid-template-columns:repeat(2,1fr)}.material-cards .photo{height:180px}}

.language-control{display:inline-flex;gap:7px;align-items:center;font:600 .74rem var(--sans);letter-spacing:.06em;white-space:nowrap;color:#c9a874}.language-control a{color:inherit;opacity:.65}.language-control a[aria-current=page]{opacity:1;border-bottom:1px solid currentColor}.language-control a:hover{opacity:1}.language-mobile{display:none}.home-header .language-control{color:#856136}.nav-right .language-control{margin-left:4px}.zalo-prepared{border:1px solid var(--border);padding:14px;background:#f3eadd;display:grid;gap:10px}.zalo-prepared p{margin:0;font-size:.84rem}.zalo-prepared textarea{font-size:.8rem}.zalo-prepared .copy-button,.zalo-prepared>a{border:1px solid #a9875e;background:transparent;color:#80603c;padding:8px 12px;font-size:.82rem;text-align:center;cursor:pointer}.floating a:last-child{font-size:.69rem}
@media(max-width:760px){.language-mobile{display:block;grid-column:3;justify-self:end}.language-mobile .language-control{color:#c9a874}.home-header .language-mobile .language-control{color:#856136}}
@media(max-width:480px){.process-tiles{grid-template-columns:1fr}.process-tiles .photo{height:220px}.process-tiles h3{font-size:1.42rem}.material-cards .photo{height:155px}.material-cards h3{font-size:1.3rem}}
/* Official crest from HomeGroup replaces the temporary HG character mark. */
.site-header .brand{min-width:155px;display:flex;align-items:center;justify-content:center}.site-header .brand-logo{width:80px;height:76px;object-fit:contain}.site-header .brand-wordmark{display:none}.home-header .brand-logo{width:68px;height:68px}.home-header .brand-wordmark{display:block;color:#806036;font-family:Georgia,serif;font-size:1.35rem;letter-spacing:.075em;white-space:nowrap}.home-header .brand-wordmark small{display:block;color:#725942;font:500 .53rem var(--sans);letter-spacing:.3em;text-align:center;margin-top:8px}.footer .brand{min-width:0;display:inline-flex;align-items:flex-start}.footer .brand-logo{width:120px;height:114px;object-fit:contain}.footer .brand-wordmark{display:none}
@media(max-width:1100px) and (min-width:761px){.home-header .brand-wordmark{font-size:1.08rem}.home-header .brand-logo{width:60px;height:60px}}
@media(max-width:760px){.site-header .brand-logo{width:60px;height:60px}.home-header .brand-logo{width:58px;height:58px}.home-header .brand-wordmark{display:none}}
/* Refined Vietnamese display type and balanced mobile footer. */
h1,h2,h3{font-weight:400;line-height:1.15;letter-spacing:-.018em}.button,.contact-phone,.footer h3,.section-heading p{letter-spacing:-.012em}.material-layout .photo img{object-position:center 47%}
@media(max-width:760px){.footer-grid>div:first-child{text-align:center}.footer .brand{display:flex;justify-content:center;align-items:center;width:max-content;margin-inline:auto}.footer .brand-logo{width:130px;height:124px}.footer-grid>div:first-child p,.footer-grid>div:first-child>small{display:block;max-width:33ch;margin:12px auto 0;text-align:center;overflow-wrap:break-word}.footer-grid>div:not(:first-child){min-width:0}.footer-bottom{text-align:center}.footer-bottom span{overflow-wrap:anywhere}.cta h2{line-height:1.18}.contact-phone{font-size:clamp(2rem,7vw,2.5rem)}}
@media(max-width:480px){h2{font-size:clamp(2.1rem,9vw,2.45rem)}.hero h1{font-size:clamp(2.35rem,9vw,2.75rem)}.material-layout h2{font-size:clamp(2.3rem,9vw,2.75rem)}.footer-grid{display:block}.footer-grid>div+div{margin-top:30px;text-align:center}.footer-grid h3{margin-bottom:10px}.footer-grid>div>a:not(.brand){overflow-wrap:anywhere}.footer{padding-top:42px}.footer-bottom{margin-top:32px}.cta h2{font-size:clamp(2rem,9vw,2.4rem)}}
/* Architecture section and restrained full-width image carousel. */
.hero h1{line-height:1.2;letter-spacing:-.025em}.hero .short-line{margin-top:22px}.hero-images,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-controls{position:absolute;z-index:3;bottom:24px;left:max(32px,calc((100vw - 1340px)/2));display:flex;align-items:center;gap:13px}.hero-controls button{border:1px solid #e5cfac;background:#1d1b19a8;color:#fff;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:1.2rem}.hero-dots{display:flex;gap:8px}.hero-dots button{height:9px;width:9px;border:1px solid white;background:transparent;padding:0}.hero-dots button[aria-current=true]{background:#dfc097}.hero-controls button:hover{background:#9e794d}.hero-slider .hero-note{bottom:30px}
.architecture-hero{height:590px;position:relative;color:#fff;background:#252521;overflow:hidden}.architecture-hero>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.architecture-hero .hero-shade{background:linear-gradient(90deg,#151713cc,#17171370 55%,#17171308)}.architecture-hero-copy{position:relative;z-index:1;padding-top:135px}.architecture-hero h1{line-height:1.15;max-width:900px;margin:12px 0 19px}.architecture-hero h1 em{font-style:normal;color:#e0bd8a}.architecture-hero p{font:1.45rem/1.55 var(--serif);color:#f5eee3;max-width:560px;margin:0 0 26px}.architecture-intro .section-heading p{max-width:700px;margin:20px auto 0}.architecture-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.architecture-gallery article{background:#fbf8f2;border:1px solid #e2d2bd}.architecture-gallery .photo{height:400px}.architecture-gallery article>div:last-child{padding:25px 28px 30px}.architecture-gallery small{color:#9a754c;letter-spacing:.2em;font-size:.72rem}.architecture-gallery h3{margin:9px 0 13px}.architecture-gallery p{margin:0}.architecture-bridge-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.architecture-bridge-grid h2{font-size:clamp(2.7rem,4vw,4.6rem);line-height:1.19}.architecture-bridge-grid p{color:#e3d8c8;max-width:570px}.architecture-bridge-grid .photo{height:430px}.architecture-steps .steps{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){.nav-left,.nav-right{gap:12px}.site-header nav a{font-size:.72rem}.home-header .home-links{gap:13px}}
@media(max-width:760px){.hero{height:auto;min-height:640px}.hero .hero-copy{padding-bottom:100px}.hero-slide img{object-position:62% center}.hero-controls{left:20px;bottom:22px}.hero-slider .hero-note{right:16px;bottom:31px}.architecture-hero{height:auto;min-height:590px}.architecture-hero-copy{padding:116px 0 78px}.architecture-hero h1{font-size:clamp(2.6rem,8vw,4rem)}.architecture-hero p{font-size:1.24rem}.architecture-gallery,.architecture-bridge-grid{grid-template-columns:1fr}.architecture-gallery .photo{height:280px}.architecture-bridge-grid .photo{height:310px}.architecture-steps .steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hero{min-height:690px}.hero h1{line-height:1.22;font-size:clamp(2.36rem,10vw,2.75rem);letter-spacing:-.025em}.hero .hero-copy{padding-top:93px;padding-bottom:95px}.hero-controls button{height:34px;width:34px}.architecture-gallery .photo{height:250px}.architecture-hero{min-height:620px}.architecture-hero h1{line-height:1.2}.architecture-steps .steps{grid-template-columns:1fr}.architecture-steps .steps>div{padding:18px}.architecture-bridge-grid .photo{height:250px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
/* Align the company crest with the center of its name on desktop and mobile. */
.footer-grid>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.footer-grid>div:first-child .brand{display:flex;align-self:center;justify-content:center;align-items:center;margin-inline:auto;width:max-content;max-width:100%}
.footer-grid>div:first-child p{max-width:29ch;margin:16px auto 0;line-height:1.6;text-align:center}
.footer-grid>div:first-child>small{display:block;max-width:34ch;margin:9px auto 0;text-align:center}
/* Interior portfolio: align the lower image edge and title baseline with the villa feature. */
@media(min-width:761px){
  .portfolio-grid{grid-auto-rows:340px}
  .portfolio-grid .project-card{display:grid;grid-template-rows:minmax(0,1fr) 115px;height:100%;min-height:0}
  .portfolio-grid .project-card:not(.feature) .photo,.portfolio-grid .project-card.feature .photo{height:100%;min-height:0}
  .portfolio-grid .card-foot{min-height:0;align-items:end}
  .portfolio-grid .card-foot h3{margin-bottom:0}
}
/* Keep the two planned hero title lines intact at phone widths. */
.hero h1 .hero-line{display:block;white-space:nowrap}
@media(max-width:480px){.hero h1{font-size:min(8.6vw,2.5rem);line-height:1.26;letter-spacing:-.025em}}
/* Give Vietnamese tone marks room between the two fixed mobile headline lines. */
@media(max-width:480px){.hero h1{line-height:1.42}.hero h1 .hero-line:first-child{margin-bottom:.12em}}
/* Preserve the two fixed title lines while clearing Vietnamese tone marks. */
.hero h1 .hero-line{line-height:1.24}
.hero h1 .hero-line:first-child{margin-bottom:.27em}
@media(max-width:480px){.hero h1 .hero-line:first-child{margin-bottom:.28em}}
/* The two smaller room photographs share the same lower edge and title baseline as the large room photograph. */
@media(min-width:761px){
  .gallery-layout>div:last-child{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto;min-height:0}
  .gallery-layout>div:last-child .photo{height:100%;min-height:0}
}
.footer-grid>div:first-child address{max-width:34ch;margin:12px auto 0;font-style:normal;font-size:.85rem;line-height:1.6;text-align:center;overflow-wrap:break-word}
.architecture-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.architecture-project-card{display:block;min-width:0;background:#fbf8f2;border:1px solid #e2d2bd;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.architecture-project-card:hover,.architecture-project-card:focus-visible{transform:translateY(-3px);box-shadow:0 15px 35px #30271b1b}
.architecture-project-card .photo{height:245px}
.architecture-project-card .photo img{width:100%;height:100%;object-fit:cover}
.architecture-project-card>div:last-child{padding:19px 22px 24px}
.architecture-project-card small{color:#94734e;font-size:.7rem;letter-spacing:.12em}
.architecture-project-card h3{font-size:1.55rem;line-height:1.22;margin:9px 0 9px}
.architecture-project-card p{font-size:.91rem;line-height:1.6;margin:0;color:#655b51;min-height:4.7em}
.architecture-card-link{display:inline-block;margin-top:12px;color:#9b754b;border-bottom:1px solid #9b754b;font-size:.9rem}
.architecture-project-detail .section-heading h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.18}
.architecture-project-detail .section-heading p{max-width:700px;margin:13px auto 0}
.architecture-detail-hero{height:min(60vw,650px);min-height:350px;margin-top:28px}
.architecture-detail-hero img,.architecture-detail-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.architecture-detail-heading{margin:58px 0 22px}
.architecture-detail-heading h2{font-size:clamp(2.1rem,3.5vw,3.4rem)}
.architecture-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.architecture-detail-gallery figure{margin:0;min-width:0}
.architecture-detail-gallery figure img{height:255px}
.architecture-detail-gallery figcaption{font-size:.88rem;color:#82674e;padding-top:8px}
.architecture-project-detail .disclaimer{margin:30px 0 18px}
.architecture-back{color:#926d43;text-decoration:underline;text-underline-offset:5px}
@media(max-width:980px){.architecture-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.architecture-project-grid,.architecture-detail-gallery{grid-template-columns:1fr 1fr}.architecture-project-card .photo{height:225px}.architecture-detail-hero{min-height:300px}.architecture-detail-gallery figure img{height:180px}}
@media(max-width:540px){.architecture-project-grid,.architecture-detail-gallery{grid-template-columns:1fr}.architecture-project-card p{min-height:0}.architecture-project-card .photo{height:260px}.architecture-detail-hero{height:330px;min-height:0}.architecture-detail-gallery figure img{height:240px}}

/* Keep each architectural elevation, including its roof and ground, in view. */
.architecture-project-card .photo,.architecture-detail-gallery figure img{background:#ede8dd}
.architecture-project-card .photo img,.architecture-detail-gallery figure img{object-fit:contain}
.architecture-detail-hero{height:auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#ede8dd}
.architecture-detail-hero img{width:auto;height:auto;max-width:100%;max-height:800px;object-fit:contain}
@media(max-width:760px){.architecture-detail-hero{height:auto;min-height:0}}
@media(max-width:540px){.architecture-detail-hero{height:auto;min-height:0}}