@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--bg:#0b0b0b;--panel:#151412;--gold:#c9a66b;--text:#f5f0e8;--muted:#aaa49a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(5%,calc((100% - 1240px)/2));border-bottom:1px solid #29251e}header img{width:125px;max-height:76px;object-fit:contain}nav{display:flex;gap:30px;font-size:13px;color:#ccc}nav a:hover,footer a:hover{color:var(--gold)}.btn{display:inline-block;background:var(--gold);color:#16120c;padding:15px 24px;border-radius:3px;font-size:13px;font-weight:700;text-align:center}.btn:hover{background:#e0bd80}.small{padding:12px 17px}.outline{border:1px solid #6b604f;padding:14px 23px;border-radius:3px;font-size:13px}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;gap:45px;padding:65px 6%}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:700;line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(42px,5vw,74px);line-height:1.12;margin:22px 0}h1 em,h2 em{color:var(--gold);font-weight:400}p{color:var(--muted);line-height:1.85;font-size:14px}.hero-content>p{max-width:480px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.fine{font-size:10px!important;letter-spacing:.5px;color:#817b72!important}.hero-art{height:440px;background:radial-gradient(ellipse at 60% 75%,#51402a,#181b1d 55%,#0e1115);position:relative;overflow:hidden;border:1px solid #393126}.roof{position:absolute;width:80%;height:110px;left:10%;top:29%;background:#24211d;clip-path:polygon(0 100%,50% 0,100% 100%);filter:drop-shadow(0 0 5px #e6ae55)}.roof:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23px,#f3c77b 24px 29px,transparent 30px 38px);opacity:.9}.house{position:absolute;top:52%;left:17%;width:66%;height:35%;background:#38332c;display:flex;align-items:center;justify-content:space-around;border-top:5px dotted #f0c77e;box-shadow:0 0 30px #b9863c33}.window{width:22%;height:48%;background:#b58a4e;box-shadow:inset 0 0 25px #f5d59a}.door{width:23%;height:70%;align-self:end;background:#171714;border:2px solid #8a704c}.palms{position:absolute;bottom:9%;left:0;width:100%;text-align:center;font-size:45px;color:#c7a46b;text-shadow:0 0 20px #d2a253}.art-label{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#bdb4a4}.intro{text-align:center;padding:75px 20px;background:#11100e}.intro h2,.section h2,.cta h2{font-size:clamp(32px,3.5vw,48px);line-height:1.25;margin:15px 0 20px}.intro p{max-width:570px;margin:auto}.section{max-width:1240px;margin:auto;padding:95px 5%}.section-heading{text-align:center;max-width:650px;margin:0 auto 45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{background:var(--panel);padding:16px 16px 26px;border:1px solid #29251f}.card-art{height:180px;margin-bottom:25px;background:linear-gradient(145deg,#141a1b,#52412b 60%,#161616);position:relative;overflow:hidden}.card-art:after{content:'';position:absolute;left:12%;right:12%;top:35%;height:35%;border-top:7px dotted #f1c780;border-bottom:5px dotted #cda664;background:#292721;box-shadow:0 0 22px #dba85a55}.commercial{background:linear-gradient(135deg,#10171a,#4c3925)}.detail{background:radial-gradient(circle,#8a6736,#171717 65%)}.detail:after{border:0;background:repeating-linear-gradient(90deg,transparent 0 17px,#f4c97c 18px 25px,transparent 26px 36px);height:10px;top:45%;box-shadow:0 0 22px #f4c97c}.cards h3,.steps h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:400;margin:10px 0}.cards p{font-size:13px}.inspiration{max-width:none;background:#11100e}.inspiration>.section-heading,.inspiration>.gallery,.inspiration>.fine{max-width:1120px;margin-left:auto;margin-right:auto}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.gallery-tile{min-height:250px;background:linear-gradient(145deg,#1a2323,#564329,#111);position:relative;display:flex;align-items:end;padding:20px;border:1px solid #373026}.gallery-tile:before{content:'';position:absolute;left:12%;right:12%;top:30%;height:35%;border-top:6px dotted #edc27a;border-bottom:5px dotted #edc27a;opacity:.8}.gallery-tile span{position:relative;font-family:Georgia,serif;font-size:19px}.inspiration>.fine{text-align:center;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{border-top:1px solid #5b4b33;padding-top:20px}.steps b{color:var(--gold);font-family:Georgia,serif;font-size:30px;font-weight:400}.steps p{font-size:13px}.cta{text-align:center;padding:100px 20px;background:radial-gradient(ellipse at 50% 100%,#332719,#11100e 65%)}.cta p{max-width:570px;margin:0 auto 28px}.cta .fine{margin-top:20px}footer{padding:50px 6% 25px;text-align:center;border-top:1px solid #302a22}footer img{width:130px;max-height:100px;object-fit:contain}footer div{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:12px;margin:25px 0}footer small{color:#777;font-size:10px}@media(max-width:850px){header{padding:14px 5%;gap:10px}header img{width:95px}nav{display:none}.small{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding:45px 6%;gap:35px;min-height:0}.hero-art{height:340px}.cards{grid-template-columns:1fr}.card-art{height:200px}.gallery{grid-template-columns:1fr 1fr}.gallery-tile:first-child{grid-column:span 2}.steps{grid-template-columns:1fr 1fr}.section{padding:65px 6%}}@media(max-width:480px){h1{font-size:43px}.actions{align-items:stretch;flex-direction:column}.hero-art{height:260px}.gallery{grid-template-columns:1fr}.gallery-tile:first-child{grid-column:auto}.gallery-tile{min-height:190px}.steps{grid-template-columns:1fr}.cta{padding:70px 6%}}

/* Version 2: photographic presentation and approved WhatsApp CTA */
header{max-width:none}.brand img{width:160px;max-height:110px}header{padding-top:12px;padding-bottom:12px}
.hero{max-width:1500px;grid-template-columns:.9fr 1.1fr;gap:35px;min-height:650px}
.hero-art{height:540px;border:0;background:#151515}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.card-art{display:block;width:100%;object-fit:cover;background:none}.card-art:after{display:none}
.gallery-tile{overflow:hidden;background:#171717}.gallery-tile:before{display:none}.gallery-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-tile:hover img{transform:scale(1.04)}.gallery-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b)}.gallery-tile span{z-index:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;background:linear-gradient(145deg,#f7d891,#c99d50);color:#111;border:1px solid #f8dfab;box-shadow:inset 0 1px 1px #fff8,0 3px 12px #0003;transition:box-shadow .2s,transform .2s,background .2s}.btn:hover{background:linear-gradient(145deg,#ffe3a2,#d6a85a);box-shadow:0 0 0 2px #f5d18a,0 0 22px #d9a64b70;transform:translateY(-1px)}.wa-icon{display:inline-block;width:24px;height:24px;flex:none;background:url("assets/whatsapp.svg") center/contain no-repeat}.btn-arrow{font-size:20px;font-weight:400;line-height:1}.small .wa-icon{width:19px;height:19px}.small .btn-arrow{font-size:16px}.outline{border-radius:999px}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0}.hero-art{height:390px}.brand img{width:110px}.small .btn-arrow{display:none}.small{gap:6px}}
@media(max-width:480px){.hero-art{height:280px}.small{font-size:10px;padding:10px}.small .wa-icon{width:17px;height:17px}}

/* V3: approved larger branding and festive photography */
header .brand img{width:300px;max-height:205px}
header{padding-top:8px;padding-bottom:8px}
.hero-art img{object-position:center center}
@media(max-width:850px){header .brand img{width:170px;max-height:120px}}
@media(max-width:480px){header .brand img{width:145px;max-height:105px}header .small{font-size:10px}}

/* V4: clean photographic crops, captions rendered once in HTML */
.card-art{height:210px;object-position:center center}
.gallery-tile{min-height:250px}
.gallery-tile img{object-position:center center}
.gallery-tile span{display:block;max-width:100%;line-height:1.3;text-shadow:0 1px 8px #000}
@media(max-width:850px){.card-art{height:200px}}

/* V5: gallery photographs have no embedded text. */
.gallery-tile{min-height:250px;overflow:hidden}
.gallery-tile img{object-fit:cover;object-position:center 35%}
.gallery-tile span{position:relative;z-index:2;display:block;font-family:Georgia,serif;font-size:19px;line-height:1.3;color:#fff;text-shadow:0 2px 8px #000}
.gallery-tile:after{z-index:1}