@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#101518;--cream:#f2efe8;--muted:#6b7374;--line:#d7d5cf;--accent:#b99b5f;--dark:#111a1d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:absolute;z-index:5;width:100%;color:white}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;letter-spacing:.08em}.brand strong{display:block;font-family:"Barlow Condensed";font-size:20px}.brand small{display:block;font-size:9px;letter-spacing:.23em}.brand-mark{font-size:26px;color:var(--accent)}nav{display:flex;align-items:center;gap:28px}nav a{color:white;text-decoration:none;font-size:13px;font-weight:600}.nav-cta{border:1px solid rgba(255,255,255,.7);padding:11px 17px}.menu{display:none}.hero{min-height:760px;position:relative;display:flex;align-items:center;padding:120px 9%;color:white;background:linear-gradient(120deg,#1c292c,#506568 48%,#192426);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.15),transparent 25%),linear-gradient(135deg,transparent 45%,rgba(0,0,0,.25));}.hero-overlay{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 65%)}.hero-content{position:relative;max-width:720px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;margin:0 0 15px;color:var(--accent)}h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;line-height:.95;margin:0}h1{font-size:clamp(60px,8vw,108px);letter-spacing:-.02em}h1 em{font-style:normal;color:#e7e1d4}h2{font-size:clamp(44px,5vw,70px)}h3{font-size:28px}.lead{font-size:18px;max-width:600px;color:#e4e8e7;margin:25px 0}.buttons{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-block;padding:14px 23px;text-decoration:none;border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer}.primary{background:var(--accent);color:#111}.secondary{border-color:rgba(255,255,255,.7);color:white}.hero-badge{position:absolute;right:8%;bottom:90px;border:1px solid rgba(255,255,255,.4);padding:15px 19px;text-align:center;font-family:"Barlow Condensed";font-size:12px;letter-spacing:.16em}.hero-badge span{font-size:16px}.scroll{position:absolute;bottom:28px;left:9%;font-size:10px;letter-spacing:.18em;color:#cbd1d0}.intro{max-width:900px;text-align:center;padding:110px 7% 95px;margin:auto}.intro h2{margin-bottom:20px}.intro>p:last-child{max-width:700px;margin:auto;color:var(--muted)}.section{padding:100px 7%}.section-heading{max-width:800px;margin-bottom:50px}.section-heading>p:last-child{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--cream);padding:35px;min-height:245px}.card span{color:var(--accent);font-weight:700;font-size:12px}.card h3{margin:25px 0 12px}.card p{color:var(--muted);font-size:14px}.portfolio{padding:100px 7%;background:var(--dark);color:white}.light p:last-child{color:#bfc6c5}.gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:260px 220px;gap:14px}.gallery-item{background:linear-gradient(145deg,#334447,#6f7f80);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 45%)}.gallery-item span{font-family:"Barlow Condensed";font-size:24px;letter-spacing:.08em;position:relative}.gallery-item small{position:relative;color:#d5dcdb}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:2 / span 2}.about{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.about-copy h2{margin-bottom:25px}.about-copy p{color:var(--muted);max-width:700px}.about-panel{min-height:330px;background:var(--dark);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.compass{font-size:70px;color:var(--accent)}.about-panel h3{letter-spacing:.12em}.about-panel p{font-size:10px;letter-spacing:.2em;color:#bfc6c5}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pill-row span{border:1px solid var(--line);padding:8px 12px;font-size:11px;font-weight:600}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{background:white;border:1px solid var(--line);padding:35px;position:relative}.price-card.featured{border:2px solid var(--accent)}.tag{position:absolute;right:18px;top:18px;font-size:9px;letter-spacing:.14em;color:#765d2c}.price{color:var(--muted);font-size:14px}.price strong{font-size:28px;color:var(--ink)}.price-card p:not(.price){color:var(--muted);min-height:70px}.price-card a{color:var(--ink);font-weight:700;font-size:12px;text-decoration:none}.service-area{background:#d9d4c8;text-align:center;padding:80px 7%}.service-area h2{margin-bottom:18px}.service-area p:last-child{color:#5f6666}.contact{background:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact h2{margin-bottom:20px}.contact p{color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;border:1px solid var(--line);background:#faf9f6;padding:15px;font:inherit;color:var(--ink)}textarea{grid-column:1/-1;resize:vertical}form button{border:0}footer{background:var(--dark);color:#c9cfce;padding:45px 7%;display:grid;grid-template-columns:1fr auto;gap:20px;font-size:12px}footer strong{color:white;font-family:"Barlow Condensed";font-size:22px;letter-spacing:.08em}.footer-links{display:flex;gap:20px}.footer-links a{color:#c9cfce;text-decoration:none}.copyright{grid-column:1/-1;border-top:1px solid #2d393c;padding-top:20px;margin:10px 0 0;color:#7f8a8a;font-size:10px}@media(max-width:800px){.nav{height:70px;padding:0 5%}.menu{display:block;background:none;border:0;color:white;font-size:25px}nav{display:none}.hero{min-height:720px;padding:120px 7% 80px}.hero-badge{right:7%;bottom:65px}.cards,.price-grid,.about,.contact{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.gallery-item.tall{grid-row:auto}.gallery-item.wide{grid-column:1/-1}.section{padding:75px 7%}.intro{padding:75px 7%}.contact{gap:40px}form{grid-template-columns:1fr}textarea{grid-column:auto}footer{grid-template-columns:1fr}.footer-links{margin-top:10px}}