/*
Theme Name: GiuseArt Architecture Luxury
Author: Custom Studio
Description: Luxury Vietnamese architecture and interior design WordPress theme with complete homepage.
Version: 1.0.0
Requires at least: 6.0
*/
:root{--gold:#cba15a;--dark:#151515}*{box-sizing:border-box}body{margin:0;color:#262626;font:15px/1.65 Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1250px,92%);margin:auto}.top{background:#161616;color:#ddd;font-size:12px;padding:7px 0}.top .wrap,.head .wrap,.flex{display:flex;align-items:center;justify-content:space-between;gap:20px}.head{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0001}.head .wrap{min-height:78px}.logo{font:34px Georgia,serif;color:#191919;line-height:1}.logo small{display:block;letter-spacing:4px;font:12px Arial;color:#ad874b}.logo b{color:var(--gold)}nav{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;font-weight:bold}nav a:hover{color:var(--gold)}.btn{display:inline-block;background:var(--gold);color:white;padding:12px 24px;border:0;cursor:pointer;font-weight:bold}.hero{position:relative;min-height:470px;background:linear-gradient(90deg,#000c,transparent 68%),url(assets/hero.jpg) center/cover;color:#fff;display:flex;align-items:center}.hero h1{font:clamp(34px,4vw,62px)/1.1 Georgia,serif;max-width:650px;margin:12px 0}.hero h1 em{color:#e6bf7e;font-style:normal}.hero p{max-width:490px}.hero .wrap{position:relative}.hero .consult{background:#171717ed;padding:23px;width:320px}.consult input,.consult textarea,.newsletter input{width:100%;padding:11px;margin:5px 0 9px;border:1px solid #aaa;background:#fff;color:#222}.consult textarea{height:65px}.consult button{width:100%}.services{background:#f7f5f1;padding:24px 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service{display:flex;align-items:center;gap:12px}.service span{font-size:35px;color:var(--gold)}section{padding:65px 0}h2{font:36px Georgia,serif;margin:5px 0 16px}h3{margin:10px 0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-grid img{width:100%;height:350px;object-fit:cover}.stats{display:flex;gap:50px;color:#a98244;font-size:30px;font-weight:bold}.stats small{display:block;font-size:12px;color:#777;font-weight:normal}.muted{background:#f6f6f6}.section-head{text-align:center;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;box-shadow:0 2px 12px #0001;overflow:hidden}.card img{width:100%;height:225px;object-fit:cover}.card .inside{padding:15px}.card h3{font-size:16px}.card a{color:#b98c4a}.style-card{position:relative}.style-card img{height:190px}.style-card strong{position:absolute;bottom:0;left:0;right:0;padding:35px 15px 15px;background:linear-gradient(transparent,#000b);color:white}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote{padding:25px;background:#fff;box-shadow:0 2px 12px #0001}.gold{color:#cba15a}.newsletter{background:#202020;color:white;padding:25px 0}.newsletter .wrap{display:flex;align-items:center;justify-content:space-between}.newsletter form{display:flex;gap:5px}.newsletter input{margin:0;width:300px}.footer{background:#151515;color:#ddd;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer h3{color:#e3bd79}.footer a{display:block;margin:7px 0}.copy{border-top:1px solid #444;margin-top:35px;padding-top:20px;text-align:center;font-size:12px}.mobile-toggle{display:none}@media(max-width:850px){.head .wrap{flex-wrap:wrap;padding:15px 0}.mobile-toggle{display:block;border:0;background:#eee;padding:8px}nav{display:none;width:100%;flex-direction:column}nav.open{display:flex}.hero{padding:45px 0}.hero .wrap{display:block}.hero .consult{width:100%;margin-top:25px}.about-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.service-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.newsletter .wrap{display:block}.testimonials{grid-template-columns:1fr}}@media(max-width:500px){.cards,.service-grid,.footer-grid{grid-template-columns:1fr}.stats{gap:20px}.top{font-size:10px}.newsletter form{display:block}.newsletter input{width:100%}}