:root{--paper:#f7f6f2;--surface:#fffefa;--ink:#282a26;--muted:#65685f;--line:#deddd5;--gold:#826f4d;--gold-light:#d0bd91;--forest:#26372f;--green:#137c42;--width:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
[hidden]{display:none!important}
.wrap{width:min(var(--width),calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}
.brand{font-size:12px;line-height:1.25;letter-spacing:.11em;font-weight:700;white-space:nowrap}
.brand span{font-weight:400;letter-spacing:.19em}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.05vw,28px);margin-left:auto}
.main-nav a{font-size:13px;color:#4f514a;min-height:48px;display:flex;align-items:center;position:relative;white-space:nowrap}
.main-nav a[aria-current=page]{color:var(--ink)}
.main-nav a[aria-current=page]:after{content:"";position:absolute;height:2px;background:var(--gold);bottom:9px;left:0;right:0}
.nav-cta{font-size:12px;padding:11px 16px;min-height:44px;border:1px solid var(--ink);white-space:nowrap}
.nav-toggle{display:none;border:1px solid #c9c7bd;background:transparent;min-height:44px;padding:8px 12px;align-items:center;gap:10px;cursor:pointer}
.nav-glyph{display:grid;gap:4px;width:17px}.nav-glyph i{height:1px;width:100%;background:currentColor;display:block}
.page-main{padding-bottom:40px}
.eyebrow{font-size:12px;line-height:1.4;color:var(--gold);letter-spacing:.04em;margin:0 0 16px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(46px,6.2vw,84px);margin:0 0 22px}
h2{font-size:clamp(30px,4vw,46px);margin:0 0 15px}
h3{font-size:24px;margin:0 0 10px}
p{margin-bottom:0}
.lead{max-width:590px;font-size:18px;line-height:1.7;color:#565950}
.button-row,.cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{min-height:48px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:13px;line-height:1.25;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.button-dark{background:var(--forest);color:#fff;border-color:var(--forest)}
.button-outline{border-color:#888a80;background:transparent}
.button:hover,.nav-cta:hover{background:var(--gold);border-color:var(--gold);color:white}
.button-whatsapp{background:var(--green);border-color:var(--green);color:white}
.text-link{display:inline-flex;border-bottom:1px solid var(--gold);padding:0 0 5px;color:var(--ink);font-size:13px}
.section{padding:76px 0;border-bottom:1px solid var(--line)}
.section-heading{max-width:720px;margin-bottom:30px}
.section-heading>p:not(.eyebrow){max-width:610px;color:var(--muted);line-height:1.75}
.page-heading{padding:88px 0 52px;border-bottom:1px solid var(--line)}
.page-heading h1{max-width:900px}
.page-heading>p:last-child{max-width:650px;color:var(--muted);font-size:17px}
.page-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:7%;padding:58px 0 72px;border-bottom:1px solid var(--line)}
.compact-hero h1{font-size:clamp(44px,5vw,68px)}
.home-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:7%;padding:58px 0 74px;min-height:620px}
.home-hero h1{max-width:660px}
.media{position:relative;margin:0;background:#e9e6dc;overflow:hidden}
.media img{display:block;width:100%;height:100%;object-fit:cover}
.hero-media{width:100%;min-width:0;height:auto;aspect-ratio:5/4}
.hero-media img{object-position:center}
.home-page .hero-media{aspect-ratio:5/4}
.media figcaption{position:absolute;bottom:0;right:0;background:var(--surface);color:var(--ink);padding:9px 12px;font-size:12px;line-height:1.3}
.preview-img-tag,.rendering-tag{position:absolute;z-index:2;left:10px;bottom:10px;background:rgba(36,38,34,.84);color:white;padding:6px 9px;font-size:12px;line-height:1.2;letter-spacing:.01em}
.rendering-tag{left:auto;right:10px;top:10px;bottom:auto;background:rgba(247,246,242,.94);color:var(--ink);border:1px solid rgba(40,42,38,.18)}
/* Remove show-preview-tags from the html element to hide every temporary-image tag. */
html:not(.show-preview-tags) .preview-img-tag{display:none}
.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b9b6aa;border-bottom:1px solid #b9b6aa}
.space-grid article{padding:24px 22px 28px;border-right:1px solid var(--line)}.space-grid article:first-child{padding-left:0}.space-grid article:last-child{border:0}
.space-grid h3{margin-bottom:8px}.space-grid p,.support-grid p,.service-grid p,.reason-list p,.product-card p{font-size:14px;line-height:1.75;color:var(--muted)}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.support-grid article{border-top:1px solid #aaa596;padding-top:18px}.support-grid h3{font-size:23px}
.link-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.image-card{background:#eeede7;display:grid;grid-template-columns:1.05fr .95fr;min-height:220px;overflow:hidden}
.image-card .media{height:100%;min-height:220px}.image-card-copy{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.image-card-copy strong{font:400 25px/1.2 Georgia,"Times New Roman",serif}.image-card-copy>span{color:var(--muted);font-size:13px;line-height:1.6}
.location-band{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}
.location-band h2{font-size:34px;margin:0}.location-band>p{max-width:520px;color:var(--muted);line-height:1.8}
.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:54px 0 64px}
.closing-cta h2{max-width:680px}.closing-cta p:not(.eyebrow){max-width:640px;color:var(--muted);line-height:1.75}.closing-cta .cta-actions{margin:0;flex:none}
.update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.update-card{display:flex;flex-direction:column;text-align:left;padding:0;border:0;background:transparent;cursor:pointer;min-width:0}
.update-image{display:block;position:relative;width:100%;aspect-ratio:4/3;background:#e9e6dc;overflow:hidden;margin-bottom:13px}
.update-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.update-card:hover img{transform:scale(1.02)}.update-card>strong{font:400 22px/1.25 Georgia,"Times New Roman",serif}
.update-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:6px}
.latest-section .text-link{margin-top:4px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:40px;padding:34px 0 22px;border-top:1px solid var(--line)}
.footer-brand{display:inline-block;margin-bottom:14px}.footer-grid p,.footer-contact span,.footer-contact a,.footer-links a{display:block;color:var(--muted);font-size:13px;line-height:1.8}
.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.footer-links strong,.footer-contact strong{font-size:13px;margin-bottom:7px}
.footer-end{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.whatsapp-float{position:fixed;z-index:30;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;min-height:52px;padding:0 17px;border-radius:999px;background:var(--green);color:white;font-size:13px;font-weight:600;box-shadow:0 5px 18px #123a252e}
.whatsapp-float svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.media:focus-visible,.gallery-photo:focus-visible,.button:focus-visible,.nav-toggle:focus-visible,.main-nav a:focus-visible,.nav-cta:focus-visible,.text-link:focus-visible,.filter-row button:focus-visible,summary:focus-visible,.update-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
/* About */
.intro-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.intro-split .section-heading{margin:0}.intro-split>p{max-width:630px;font:18px/1.85 Georgia,"Times New Roman",serif;color:#50534c}
.foshan-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.foshan-image{height:380px}.foshan-section>div:last-child{max-width:520px}.foshan-section p:not(.eyebrow){color:var(--muted);line-height:1.8}.subtle-note{color:var(--gold);font-size:13px;margin-top:20px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service-grid article{padding-top:18px;border-top:1px solid #aaa596}
.reason-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.reason-list article{padding-left:16px;border-left:1px solid var(--gold-light)}.reason-list h3{font-size:21px}
.team-section .section-heading>p:last-child{max-width:700px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:800px}.team-grid article{background:#efeee8;padding-bottom:15px}.team-grid h3,.team-grid article>p{margin-inline:15px}.team-grid h3{font-size:21px;margin-top:13px}.team-grid article>p{color:var(--muted);font-size:13px}.team-photo{aspect-ratio:1.6/1}.team-a img{object-position:10% center}.team-b img{object-position:90% center}
.studio-block{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7%;padding:60px 0;border-bottom:1px solid var(--line)}.studio-media{height:390px}.studio-copy{max-width:500px}.studio-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin-bottom:20px}
.capability-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.capability-list li{padding:14px 4px;border-bottom:1px solid var(--line)}.capability-list li:nth-child(odd){margin-right:20px}
/* Custom cabinetry */
.page-intro-copy{max-width:800px;margin:42px auto 0;text-align:center;font:19px/1.8 Georgia,"Times New Roman",serif;color:#55574f}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-card{background:#efeee8;display:grid;grid-template-columns:1.05fr .95fr;min-height:250px}.product-card .media{height:100%;min-height:250px}.product-card>div:last-child{padding:23px;align-self:center}.product-card h3{font-size:24px}
.option-strip{display:flex;flex-wrap:wrap;gap:9px}.option-strip span{border-bottom:1px solid #b4b0a5;padding:8px 12px;font-size:13px}
.process-list{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #a9a69b}
.process-list li{counter-increment:step;padding:20px 16px 0 0;margin-right:16px;position:relative}.process-list li:before{content:counter(step,decimal-leading-zero);display:block;font-size:12px;color:var(--gold);margin-bottom:14px}.process-list li h3{font-size:20px}.process-list li p{font-size:13px;line-height:1.7;color:var(--muted)}
/* Projects */
.projects-page .page-heading{padding-top:75px}.projects-page .section{padding:56px 0}
.inline-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.inline-heading h2{margin:0}.kind-tag{font-size:12px;color:var(--gold);border-bottom:1px solid var(--gold-light);padding-bottom:4px;white-space:nowrap}
.kitchen-gallery{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:repeat(2,minmax(145px,1fr));gap:10px}.gallery-photo{position:relative;padding:0;border:0;background:#e8e6de;width:100%;height:100%;min-height:145px;overflow:hidden;cursor:zoom-in}.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-photo:hover img{transform:scale(1.02)}.kitchen-gallery .gallery-photo:first-child{grid-row:span 2}.stair-gallery{max-width:720px}.stair-gallery .gallery-photo{aspect-ratio:4/3}
.rendering-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rendering-gallery .gallery-photo{aspect-ratio:4/3}.renderings-section .section-heading>p:last-child{font-size:14px;color:var(--muted)}
/* Materials */
.finish-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.finish-card{background:#efeee8;padding:15px}.finish-swatch{display:block;width:100%;aspect-ratio:1.5/1;background:#d6d1c5;margin-bottom:13px}.finish-card:nth-child(2) .finish-swatch{background:#eeeae1}.finish-card:nth-child(3) .finish-swatch{background:#b58c62}.finish-card:nth-child(4) .finish-swatch{background:#a19a8d}.finish-card:nth-child(5) .finish-swatch{background:#b6afa3}.finish-card h3{font-size:18px;margin-bottom:6px}.finish-card p{font-size:12px;line-height:1.6;color:var(--muted)}
.color-group{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.color-row{display:flex;align-items:center;gap:9px;font-size:13px}.color-dot{width:22px;height:22px;flex:none;background:var(--swatch);border:1px solid #aaa79d;border-radius:50%}
.material-columns{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:center}.material-columns.reverse{grid-template-columns:1.25fr .75fr}.material-columns.reverse>div:first-child{order:2}.material-side-image{height:320px}.material-columns>div:first-child{max-width:450px}.material-columns p:not(.eyebrow){color:var(--muted);line-height:1.8}
.detail-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-photo{height:220px}.detail-photo figcaption{left:0;right:auto;font-size:12px}
.test-photo{max-width:760px;height:360px}.fine-print{font-size:12px;color:var(--muted);margin-top:12px}
.material-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 28px;border-top:1px solid var(--line)}.material-process article{padding-top:16px}.material-process h3{font-size:21px}.material-process p{font-size:13px;line-height:1.7;color:var(--muted)}
/* Behind the scenes */
.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0}.filter-row button{border:1px solid #c7c4ba;background:transparent;border-radius:0;padding:8px 12px;min-height:40px;font-size:13px;cursor:pointer}.filter-row button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:white}.behind-grid{row-gap:30px}.behind-grid .update-card{min-width:0}.mockup-note,.empty-note{font-size:13px;color:var(--muted);padding:14px 0}
/* Contact */
.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:start}.contact-aside{max-width:430px}.contact-aside h2{font-size:34px}.contact-aside>p:not(.eyebrow){color:var(--muted);line-height:1.75}.contact-methods{margin-top:30px;border-top:1px solid var(--line)}.contact-method{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.contact-method strong{font-size:13px}.contact-method span,.contact-method a{font-size:14px;color:var(--muted)}
.wechat-contact{margin-top:28px;padding:20px;background:#efeee8}.wechat-contact h3{font-size:22px}.wechat-contact p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:12px}.wechat-contact img{width:150px;height:150px;object-fit:contain;background:white}
.form-panel{background:var(--surface);padding:clamp(22px,4vw,40px);border:1px solid var(--line)}.form-panel h2{font-size:33px}.form-intro{font-size:14px;color:var(--muted);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid>label,.admin-form-grid>label{display:flex;flex-direction:column;gap:6px;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;min-height:44px;border:1px solid #c9c7bd;border-radius:0;padding:10px 11px;background:white;color:var(--ink)}.form-grid textarea,.admin-form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.interest-field{border:0;padding:0;margin:0}.interest-field legend{font-size:13px;margin-bottom:7px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-grid label{display:flex;align-items:center;gap:7px;font-size:12px}.check-grid input{width:16px;min-height:16px;accent-color:var(--forest)}.full-field{grid-column:1/-1}.form-panel form>.button{margin-top:18px}.form-success h2{font-size:32px}.form-success p:not(.eyebrow){color:var(--muted);margin-bottom:16px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}.faq-list summary{font-family:Georgia,"Times New Roman",serif;font-size:20px;cursor:pointer}.faq-list details p{padding:12px 0 2px;color:var(--muted);max-width:750px;font-size:14px}
/* Admin mockup */
.admin-shell{min-height:100vh;background:#f3f4f6;color:#202124}.admin-header{height:58px;background:white;border-bottom:1px solid #e4e6e8;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:13px}.admin-header a{color:#54585c}.admin-header span{color:#777}.admin-main{width:min(980px,calc(100% - 36px));margin:38px auto 70px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-top h1{font-family:"Segoe UI",Arial,sans-serif;font-size:30px;font-weight:650;margin:0 0 6px;letter-spacing:0}.admin-top p:last-child{font-size:14px;color:#666;margin:0}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-panel-head h2{font:600 19px/1.3 "Segoe UI",Arial,sans-serif;margin:0}.admin-editor,.admin-list{background:white;padding:22px;margin-bottom:18px;border:1px solid #e3e4e7}.admin-editor label{font-size:14px}.upload-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:120px;margin:20px 0;border:1px dashed #b9bdc3;background:#fafbfc;font-weight:600}.upload-drop span{font-size:12px;color:#7a7f85;font-weight:400}.upload-drop input{display:none}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{border-color:#d5d8dc}.admin-wide{grid-column:1/-1}.admin-editor>p{font-size:12px;color:#70757a;margin:14px 0}.admin-actions{display:flex;gap:9px}.admin-actions-inline{display:flex;gap:8px}.admin-actions-inline button,.quiet-button{border:0;background:none;color:#555;cursor:pointer;padding:7px}.admin-post{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #eceef0}.admin-post:last-child{border:0}.admin-post>img{width:74px;height:58px;object-fit:cover;background:#eee}.admin-post>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.admin-post strong{font-size:14px}.admin-post span{font-size:12px;color:#787d82}.admin-post.is-hidden{opacity:.48}.admin-security{background:#fff7e8;padding:15px;border:1px solid #efdfbd;color:#66583d;font-size:12px;line-height:1.65}
/* Lightbox */
.lightbox{width:min(1100px,94vw);max-width:none;max-height:90vh;padding:28px 50px;border:0;background:#1e211f;color:white}.lightbox::backdrop{background:#121411e8}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox img{max-width:100%;max-height:72vh;object-fit:contain}.lightbox figcaption{display:flex;flex-direction:column;gap:4px;width:min(100%,800px);font-size:13px;color:#ddd}.lightbox figcaption strong{font:400 20px Georgia,"Times New Roman",serif;color:white}.lightbox-close,.lightbox-arrow{position:absolute;border:0;background:transparent;color:white;cursor:pointer}.lightbox-close{top:5px;right:12px;font-size:34px;min-width:44px;min-height:44px}.lightbox-arrow{top:45%;font-size:46px;min-width:44px;min-height:52px}.lightbox-arrow.prev{left:4px}.lightbox-arrow.next{right:4px}
@media(max-width:1100px){.wrap{width:min(var(--width),calc(100% - 48px))}.nav-wrap{gap:18px}.main-nav{gap:15px}.main-nav a{font-size:12px}.nav-cta{display:none}.home-hero{min-height:0}.process-list{grid-template-columns:repeat(3,1fr);row-gap:25px}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wrap{width:min(760px,calc(100% - 40px))}.nav-wrap{min-height:70px;flex-wrap:wrap;justify-content:space-between;padding:10px 0}.nav-toggle{display:inline-flex}.main-nav{display:none;order:3;width:100%;margin:8px 0 0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding:8px 0}.main-nav.open{display:flex}.main-nav a{min-height:47px;border-bottom:1px solid var(--line);font-size:14px}.main-nav a[aria-current=page]:after{left:0;right:auto;width:25px;bottom:3px}.home-hero,.page-hero{grid-template-columns:1fr;gap:28px;padding:45px 0 55px}.home-hero .hero-media,.page-hero .hero-media{width:100%;height:auto;aspect-ratio:16/10}.lead{font-size:17px}.section{padding:56px 0}.intro-split{gap:5%}.support-grid,.service-grid,.reason-list{gap:17px}.contact-layout{gap:5%}.finish-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:25px}.closing-cta{align-items:flex-start;flex-direction:column}.closing-cta .cta-actions{margin-top:4px}}
@media(max-width:620px){body{font-size:14px}.wrap{width:calc(100% - 32px)}.page-main{padding-bottom:120px}.page-heading{padding:52px 0 32px}.page-heading h1{font-size:clamp(40px,12vw,58px)}h2{font-size:32px}.home-hero{padding:36px 0 43px;gap:24px}.home-hero h1{font-size:clamp(44px,12vw,58px)}.home-hero .hero-media,.page-hero .hero-media{height:auto;aspect-ratio:4/5}.lead{font-size:16px;line-height:1.65}.button-row{gap:9px;margin-top:21px}.button-row .button{flex:1;padding:11px 12px}.section{padding:43px 0}.section-heading{margin-bottom:21px}.space-grid,.support-grid,.service-grid,.reason-list{grid-template-columns:1fr}.space-grid article,.space-grid article:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.space-grid article:last-child{border-bottom:0}.support-grid article{padding-top:14px}.link-cards,.image-card{grid-template-columns:1fr}.image-card .media{min-height:210px;aspect-ratio:4/3}.image-card-copy{padding:18px}.location-band{grid-template-columns:1fr;gap:12px;padding:32px 0}.location-band h2{font-size:29px}.closing-cta{padding:38px 0 45px;gap:12px}.closing-cta .cta-actions{width:100%}.closing-cta .button,.closing-cta .button-whatsapp{flex:1}.update-grid{grid-template-columns:1fr;gap:24px}.update-image{aspect-ratio:4/3}.footer-grid{grid-template-columns:1fr 1fr;gap:22px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-end{flex-direction:column;gap:5px}.whatsapp-float{right:max(13px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));min-height:49px;padding:0 14px;font-size:12px}.page-hero{padding:36px 0 42px}.compact-hero h1{font-size:clamp(40px,11vw,56px)}.intro-split,.foshan-section,.studio-block{grid-template-columns:1fr;gap:24px}.intro-split>p{font-size:16px;line-height:1.8}.foshan-image,.studio-media{height:auto;aspect-ratio:4/3}.team-grid{gap:10px}.team-grid h3{font-size:19px}.team-grid article>p{font-size:12px}.capability-list{grid-template-columns:1fr}.capability-list li:nth-child(odd){margin-right:0}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-card .media{min-height:0;aspect-ratio:4/3}.product-card>div:last-child{padding:18px}.product-card h3{font-size:23px}.page-intro-copy{text-align:left;margin:28px 0 0;font-size:17px}.option-strip{gap:4px}.option-strip span{padding:7px 8px}.process-list{grid-template-columns:1fr;gap:0}.process-list li{padding:14px 0 15px;margin:0;border-top:1px solid var(--line)}.process-list li:before{margin-bottom:7px}.process-list li h3{font-size:20px}.projects-page .page-heading{padding-top:48px}.kitchen-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}.kitchen-gallery .gallery-photo{aspect-ratio:1/1;min-height:0}.kitchen-gallery .gallery-photo:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}.stair-gallery .gallery-photo{aspect-ratio:4/3;min-height:0}.rendering-gallery{gap:8px}.rendering-gallery .gallery-photo{aspect-ratio:1/1;min-height:0}.inline-heading{align-items:flex-start;flex-direction:column}.finish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finish-card{padding:10px}.finish-card h3{font-size:17px}.color-group{grid-template-columns:1fr 1fr}.material-columns,.material-columns.reverse{grid-template-columns:1fr;gap:20px}.material-columns.reverse>div:first-child{order:0}.material-side-image{height:auto;aspect-ratio:4/3}.detail-gallery{grid-template-columns:1fr 1fr;gap:8px}.detail-photo{height:auto;aspect-ratio:1/1}.test-photo{height:auto;aspect-ratio:4/3}.material-process{grid-template-columns:1fr;gap:8px}.material-process article{padding-top:12px;border-top:1px solid var(--line)}.filter-row{gap:6px;padding:14px 0 20px}.filter-row button{font-size:12px;padding:7px 9px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-aside h2{font-size:30px}.form-panel{padding:19px 15px}.form-grid{grid-template-columns:1fr;gap:13px}.full-field{grid-column:auto}.check-grid{grid-template-columns:1fr 1fr}.form-panel h2{font-size:28px}.faq-list summary{font-size:18px}.lightbox{padding:35px 28px}.lightbox img{max-height:66vh}.admin-main{width:calc(100% - 24px);margin:20px auto 45px}.admin-header{padding:0 12px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top .button{width:100%;min-height:52px}.admin-editor,.admin-list{padding:15px}.admin-form-grid{grid-template-columns:1fr}.admin-wide{grid-column:auto}.admin-post{grid-template-columns:52px 1fr;gap:10px}.admin-post>img{width:52px;height:48px}.admin-actions-inline{grid-column:2;justify-content:flex-start}.admin-actions-inline button{font-size:12px}.admin-security{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.reason-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-thumb{position:relative;width:74px;height:58px;margin:0;overflow:hidden;background:#eee}
.admin-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.admin-thumb .preview-img-tag{font-size:12px;left:3px;bottom:3px;padding:2px 4px}
.admin-preview-link{margin:5px 0 20px}
.lightbox figure{position:relative}
@media(max-width:900px){.reason-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.reason-list{grid-template-columns:1fr}.admin-thumb{width:52px;height:48px}}
.admin-post{grid-template-columns:100px 1fr auto}
.admin-thumb{width:100px;height:64px}
/* Trust-led home and project planning */
/* Language navigation */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-switch{flex-shrink:0}.language-switch select{min-height:44px;max-width:116px;padding:8px 23px 8px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px;border-radius:0;cursor:pointer}
.language-switch select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nav-wrap{gap:18px}.main-nav{gap:clamp(12px,1.5vw,22px)}.nav-cta{display:none}
html:lang(zh-CN) body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
html:lang(zh-CN) h1,html:lang(zh-CN) h2,html:lang(zh-CN) h3{font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.4;letter-spacing:0;font-weight:400}
@media(max-width:1200px){.nav-wrap{min-height:70px;flex-wrap:wrap;padding:10px 0;gap:12px}.language-switch{margin-left:auto;order:2}.nav-toggle{display:inline-flex;order:3}.main-nav{display:none;order:4;width:100%;margin:8px 0 0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding:8px 0}.main-nav.open{display:flex}.main-nav a{min-height:47px;border-bottom:1px solid var(--line);font-size:14px}.main-nav a[aria-current=page]:after{left:0;right:auto;width:25px;bottom:3px}}
@media(max-width:380px){.brand{font-size:12px}.nav-wrap{gap:8px}.language-switch select{font-size:12px;max-width:101px}.nav-toggle{font-size:13px;padding:8px}}
.trust-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.08;max-width:650px}
.trust-hero .lead{font-size:17px;max-width:510px}
.hero-evidence{min-width:0}.hero-evidence .hero-media{aspect-ratio:5/4}
.hero-media video{display:block;width:100%;height:100%;object-fit:cover}
.hero-video-link{display:inline-block;font-size:13px;margin-top:20px;text-decoration:underline;text-underline-offset:5px}
.evidence-caption{display:flex;justify-content:space-between;gap:12px;padding-top:13px;font-size:12px;color:var(--muted)}
.evidence-caption a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.home-project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}
.home-project-media{aspect-ratio:4/3}.home-project-media img{position:absolute;inset:0}
.home-project h3{margin:20px 0 10px}.home-project p{max-width:520px;color:var(--muted);font-size:15px}.home-project .text-link{margin-top:18px}
.trust-steps{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 26px}
.trust-steps li{counter-increment:steps;border-top:1px solid var(--line);padding-top:15px}
.trust-steps li:before{content:counter(steps);display:block;color:var(--gold);font-size:13px;margin-bottom:14px}
.trust-steps h3{font-size:23px}.trust-steps p{font-size:14px;color:var(--muted);line-height:1.75}.trust-process>.text-link{margin-top:30px}
.people-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding:64px 40px;margin:34px 0;background:var(--forest);color:white}
.people-intro .eyebrow{color:#d9cbaa}.people-intro h2{font-size:clamp(32px,3.5vw,46px)}
.people-intro p{max-width:600px;font-size:15px}.people-intro p+p{margin-top:16px;color:#e0e5df}
.people-intro .button-outline{border-color:#c4cdbf;color:white}.people-intro .text-link{color:white}
.home-materials .text-link{margin-top:20px}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%}
.cost-factors{list-style:none;padding:0;margin:0}.cost-factors li{border-top:1px solid var(--line);padding:14px 0;font-size:15px}
.design-fee{border-left:2px solid var(--gold);padding-left:25px}.design-fee p{font-size:14px;color:var(--muted)}.design-fee .text-link{margin-top:18px}
.preview-context{border:1px solid var(--line);padding:16px 20px;margin:25px 0;font-size:13px;color:var(--muted)}
section[id]{scroll-margin-top:110px}
@media(max-width:1100px){.trust-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.trust-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-hero h1{max-width:690px}.home-project-grid{gap:24px}.people-intro{gap:35px;padding:35px}}
@media(max-width:620px){.trust-hero h1{font-size:40px}.trust-hero .lead{font-size:16px}.trust-hero .button-row{align-items:stretch;flex-direction:column}.trust-hero .button-row .button,.trust-hero .button-row>span{width:100%}.home-page .hero-evidence .hero-media{aspect-ratio:4/3}.evidence-caption{flex-direction:column;gap:6px}.home-project-grid,.people-intro,.price-layout{grid-template-columns:1fr}.home-project-grid{gap:30px}.people-intro{padding:27px 22px;margin:20px 0;gap:18px}.trust-steps{grid-template-columns:1fr;gap:20px}.trust-steps li{padding-left:34px;position:relative}.trust-steps li:before{position:absolute;left:0;top:16px}.price-layout{gap:25px}.design-fee{padding-left:18px}.hero-video-link{font-size:13px}}
@media(max-width:620px){.admin-post{grid-template-columns:96px 1fr}.admin-thumb{width:96px;height:58px}}

/* Source photography and product reference collection */
.evidence-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;margin-bottom:20px}
.evidence-grid>a{display:block;min-width:0}.evidence-photo{height:350px}.evidence-photo img{object-fit:cover}
.reception-photo img,.reception-hero img{object-position:center 40%}
.evidence-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(18,35,27,.8));padding:40px 18px 15px;color:white;font-size:13px}
.catalog-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px}.catalog-grid article{min-width:0}
.catalog-grid .gallery-photo{width:100%;height:300px;background:#f0eee7}.catalog-grid img{object-fit:contain;padding:12px}
.catalog-grid h3{font-size:21px;margin-top:14px}.catalog-section .fine-print{margin-top:18px}
.catalog-tag{position:absolute;left:12px;bottom:12px;padding:6px 10px;background:#f8f5ed;color:#35463a;border:1px solid #d2cbbb;font-size:12px;line-height:1.3}
.product-card .media:has(.catalog-tag) img{object-fit:contain;background:#f0eee7}.product-card .catalog-tag{bottom:12px}
.sample-check-photo{max-width:620px;height:360px;background:#efeee8}.sample-check-photo img{object-fit:contain}
.lightbox .catalog-tag{position:static;align-self:center;margin-top:8px}.lightbox [hidden]{display:none!important}
.about-page .reception-hero{height:440px}
@media(max-width:620px){.evidence-grid{grid-template-columns:1fr;gap:12px}.evidence-photo{height:auto;aspect-ratio:4/3}.catalog-grid{grid-template-columns:1fr;gap:28px}.catalog-grid .gallery-photo{height:auto;aspect-ratio:4/3}.catalog-grid article:first-child .gallery-photo{aspect-ratio:3/4}.catalog-grid h3{font-size:22px}.sample-check-photo{height:auto;aspect-ratio:4/3}.about-page .reception-hero{height:auto;aspect-ratio:4/3}}

/* Final spacing and image framing */
.evidence-section{padding-top:48px}.evidence-grid>a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.evidence-grid>a:hover img{filter:brightness(1.03)}
.studio-media img{object-position:center 45%}.sample-check-photo figcaption{background:var(--paper)}
.catalog-grid .gallery-photo{border:1px solid var(--line)}.catalog-grid .gallery-photo:hover{border-color:var(--gold)}
.behind-page .update-meta time{font-style:normal;font-size:12px}.reception-hero img{object-fit:contain;background:#e9e6de}
@media(max-width:620px){.evidence-section{padding-top:32px}.evidence-grid .reception-photo img{object-fit:contain;background:#e9e6de}.evidence-photo figcaption{font-size:12px}.catalog-tag{max-width:calc(100% - 24px)}.behind-page .update-meta{flex-wrap:wrap}.studio-media{aspect-ratio:3/4}}

/* Admin publication date */
.admin-date-help{font-size:12px;color:#54585c}.admin-editor .admin-actions{margin-top:20px}.admin-form-grid input[type="date"]{min-width:0;min-height:44px;font:inherit;color-scheme:light}

/* Live website */
.inquiry-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.video-cover{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#234b3e;color:#fff}.video-cover>span:first-child{font-size:38px}.lightbox video{max-width:100%;max-height:70vh}.lightbox .lightbox-close,.lightbox .lightbox-arrow{z-index:4}.lightbox .lightbox-close{background:#24483c;border-radius:50%}[data-inquiry-error]{color:#943a25;font-size:15px;line-height:1.6;margin:16px 0}.form-panel button:disabled{opacity:.6;cursor:wait}
