@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&display=swap');
:root{--ink:#242720;--muted:#77796f;--cream:#f0efe9;--olive:#85866d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fbfaf7;z-index:5}.logo{font-size:25px;font-weight:700;letter-spacing:4px}.logo span{color:#a08f68}nav{display:flex;gap:25px}nav a{font-size:10px;letter-spacing:1px;text-transform:uppercase}nav a:hover{color:#8a896e}.menu{display:none}.hero{height:calc(100vh - 78px);min-height:590px;max-height:850px;background:url('assets/archi-modern-home.png') center/cover;position:relative;display:flex;align-items:center;padding:0 10%;color:white}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,22,18,.78),rgba(17,22,18,.1))}.hero-copy{position:relative;max-width:520px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:#918b72}.hero .eyebrow{color:#d5cdb5}h1,h2{font-weight:500;letter-spacing:-2px;line-height:1.06;font-size:clamp(42px,5.5vw,70px);margin:18px 0}h1 i,h2 i{font-family:'Playfair Display',serif;font-weight:500}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#e5e5de;max-width:410px}.btn{display:inline-flex;gap:32px;align-items:center;background:#88866d;color:white;padding:15px 20px;border:0;margin-top:18px;font:600 10px 'DM Sans';letter-spacing:1px;text-transform:uppercase;cursor:pointer}.btn:hover{background:#6e735c}.hero-index{position:absolute;bottom:28px;right:7%;font-size:9px;letter-spacing:2px}.section{padding:100px 9%}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-photo{height:480px;background:url('assets/archi-modern-home.png') center/cover}.about h2,.section h2,.creative h2,.contact h2{font-size:clamp(38px,4.5vw,56px)}.about p:not(.eyebrow),.creative p:not(.eyebrow),.contact p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.stats{display:flex;gap:32px;margin-top:35px}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font:30px 'Playfair Display'}.stats small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.work,.gallery-section{background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px;margin-top:40px}.photo{height:230px;background-size:cover;background-position:center}.p1{background-image:url('assets/archi-modern-home.png')}.p2{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=80')}.p3{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=80')}.p4{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=80')}.p5{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=80')}.p6{background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=900&q=80')}article h3{font:20px 'Playfair Display';margin:14px 0 5px}article small{font-size:10px;color:var(--muted)}.services{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;text-align:left}.service-grid article{border:1px solid #dddcd4;padding:30px}.service-grid span{font-size:28px;color:#90866a}.service-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.creative{display:grid;grid-template-columns:1fr 1fr;background:#e9e7df;min-height:470px}.creative-photo{background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=85') center/cover}.creative>div:last-child{padding:70px 12%;align-self:center}.under{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:12px;margin-top:38px}.g{background-size:cover;background-position:center}.g1{grid-column:span 2;grid-row:span 2;background-image:url('assets/archi-modern-home.png')}.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')}.clients{text-align:center}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin-top:38px}.quotes blockquote{margin:0;padding:28px;background:var(--cream)}.quotes blockquote div{color:#a28d5f;letter-spacing:3px}.quotes p{font:italic 17px/1.7 'Playfair Display';min-height:95px}.quotes b{font-size:11px}.contact{background:#242922;color:white;padding:90px 10%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact .eyebrow{color:#b4a987}.contact p:not(.eyebrow){color:#c4c6bd}.contact ul{list-style:none;padding:0;margin-top:30px}.contact li{font-size:12px;color:#d2d3cd;margin:15px 0}.contact form{display:grid;gap:15px}.contact label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#c4c6bd}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:8px;padding:13px;background:transparent;border:1px solid #555b50;color:white;font:12px 'DM Sans'}.contact select option{color:#222}.contact form .btn{justify-self:start}.notice{color:#ddd4ba;font-size:11px}footer{background:#1b1f1a;color:#bfc0b8;padding:28px 8%;display:flex;align-items:center;justify-content:space-between}footer .logo{color:white;font-size:18px}footer p{font-size:10px}
@media(max-width:800px){nav{gap:12px}nav a{font-size:9px}.section{padding:75px 6%}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.header{height:68px;padding:0 6%}.menu{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fbfaf7;padding:22px 7%;flex-direction:column;gap:18px}nav.open{display:flex}.hero{height:650px;min-height:0;padding:0 7%;background-position:58% center}.hero h1{font-size:55px}.about,.creative,.contact{grid-template-columns:1fr}.about-photo{height:300px}.about>div:last-child{padding-top:18px}.cards{gap:22px 12px}.photo{height:165px}.service-grid,.quotes{grid-template-columns:1fr}.creative-photo{min-height:280px}.creative>div:last-child{padding:50px 8%}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.g1{grid-column:span 2;grid-row:span 2}.contact{gap:30px;padding:65px 7%}footer{flex-wrap:wrap;gap:10px}footer p{width:100%;margin:0}}