@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#20231f;--muted:#777b72;--cream:#f3f1eb;--olive:#777c63;--line:#d9d8d0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fbfaf7}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;position:sticky;top:0;z-index:10}.brand{font-size:25px;font-weight:700;letter-spacing:4px}.brand span{color:#9a8d69}.nav{display:flex;gap:27px}.nav a{font-size:11px;letter-spacing:1px;text-transform:uppercase}.nav a:hover,.text-link:hover{color:#8a805e}.menu-toggle{display:none;background:none;border:0;font-size:25px}
.hero{min-height:650px;height:calc(100vh - 82px);max-height:850px;position:relative;background:url('assets/arqora-modern-villa.png') center 54%/cover no-repeat;color:white;display:flex;align-items:center;padding:0 10%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,14,.75),rgba(13,18,14,.18) 75%)}.hero-content{position:relative;max-width:570px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:#999078}.hero .eyebrow{color:#d6cdb6}.hero h1,h2{font-size:clamp(42px,6vw,76px);line-height:1.05;font-weight:500;letter-spacing:-2px;margin:22px 0}.hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500}.hero-content>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#e4e3dc;max-width:440px}.button{display:inline-flex;gap:35px;align-items:center;background:#8c896f;color:white;border:0;padding:16px 21px;font:600 11px 'DM Sans';letter-spacing:1px;text-transform:uppercase;margin-top:20px;cursor:pointer}.button:hover{background:#6e735c}.hero-note{position:absolute;bottom:30px;right:7%;font-size:9px;letter-spacing:2px}
.section{padding:110px 9%}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-image{min-height:500px;background:url('assets/arqora-modern-villa.png') center/cover}.about-copy h2,.section h2,.creative h2,.contact h2{font-size:clamp(38px,4.5vw,58px)}.about-copy>p:not(.eyebrow),.creative-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted);max-width:480px}.stats{display:flex;gap:35px;margin-top:40px}.stats div{display:flex;flex-direction:column;gap:7px}.stats strong{font:500 30px 'Playfair Display'}.stats span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.projects{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading>p{max-width:230px;color:var(--muted);font-size:12px;line-height:1.8}.section-heading h2,.section>h2{margin-top:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px}.project-card{min-width:0}.project-photo{height:245px;background-size:cover;background-position:center}.project-card.large{grid-column:span 1}.photo-villa{background-image:url('assets/arqora-modern-villa.png')}.photo-interior{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=85')}.photo-urban{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=85')}.photo-glass{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=85')}.photo-minimal{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=85')}.photo-elegant{background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=900&q=85')}.project-card h3{font:500 19px 'Playfair Display';margin:16px 0 5px}.project-card span{font-size:10px;color:var(--muted);letter-spacing:.5px}
.creative{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;background:#e8e6de}.creative-image{background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=85') center/cover}.creative-copy{padding:80px 12%;align-self:center}.text-link{display:inline-block;margin-top:22px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid;padding-bottom:9px}
.services{text-align:center}.services h2,.portfolio h2,.testimonials h2{margin:12px 0 45px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left;margin-top:60px}.service-grid article{padding:32px;border:1px solid var(--line)}.service-icon{font-size:28px;color:#91886b}.service-grid h3{font:500 22px 'Playfair Display'}.service-grid p{font-size:12px;line-height:1.8;color:var(--muted)}
.portfolio{background:var(--cream)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:12px}.gallery-item{background-size:cover;background-position:center}.g1{background-image:url('assets/arqora-modern-villa.png');grid-column:span 2;grid-row:span 2}.g2{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=700&q=80')}.g3{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=700&q=80')}.g4{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=700&q=80')}.g5{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=700&q=80')}.g6{background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=700&q=80')}.g7{background-image:url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=700&q=80')}.g8{background-image:url('https://images.unsplash.com/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=700&q=80')}
.testimonials{text-align:center}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.testimonial-grid blockquote{margin:0;padding:30px;background:var(--cream)}.stars{color:#a18d5d;letter-spacing:3px}.testimonial-grid p{font:italic 17px/1.7 'Playfair Display';min-height:100px}.testimonial-grid strong,.testimonial-grid span{display:block}.testimonial-grid strong{font-size:11px}.testimonial-grid span{font-size:9px;color:var(--muted);margin-top:5px}
.contact{background:#252923;color:white;padding:100px 10%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-copy .eyebrow{color:#b6aa87}.contact-copy>p:not(.eyebrow){color:#c1c4bb}.contact-copy ul{padding:0;list-style:none;margin-top:35px}.contact-copy li{font-size:12px;color:#d4d5cf;margin:15px 0}.contact-form{display:grid;gap:17px}.contact-form label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#c4c6bd}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px;background:transparent;border:1px solid #555b50;color:white;font:12px 'DM Sans'}.contact-form select option{color:#222}.contact-form .button{justify-self:start}.form-note{font-size:11px;color:#d9d1b8}
footer{padding:30px 8%;display:flex;align-items:center;justify-content:space-between;background:#1b1f1a;color:#b8b9b1}footer p{font-size:10px}footer .brand{color:white;font-size:18px}.credit strong{color:white}
@media(max-width:850px){.nav{gap:12px}.nav a{font-size:9px}.section{padding:75px 6%}.about{gap:5%}.project-grid{grid-template-columns:repeat(2,1fr)}.contact{padding:75px 7%;gap:6%}}
@media(max-width:650px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fbfaf7;padding:20px 7%;flex-direction:column;gap:18px}.nav.open{display:flex}.nav a{font-size:11px}.hero{height:680px;min-height:0;padding:0 7%;background-position:58% center}.hero h1{font-size:56px}.about,.creative,.contact{grid-template-columns:1fr}.about-image{min-height:320px}.about-copy{padding-top:20px}.section-heading{display:block}.section-heading>p{margin-top:10px}.project-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.project-photo{height:180px}.project-card h3{font-size:16px}.creative-image{min-height:300px}.creative-copy{padding:55px 8%}.service-grid,.testimonial-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:145px}.g1{grid-column:span 2;grid-row:span 2}.contact{gap:30px;padding:70px 7%}footer{flex-wrap:wrap;gap:12px}footer p{width:100%;margin:0}}