:root{--cream:#f5f0e7;--ink:#30382c;--rust:#994c2b;--line:#d9d1c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{color:var(--rust);line-height:1.3}.brand-name{display:block;font-family:Georgia,serif;font-size:26px;letter-spacing:2px}.brand-dot{font-size:18px;margin-left:8px}.brand-sub{font-size:8px;letter-spacing:2.2px}nav{display:flex;gap:30px;font-size:14px}.languages{display:flex;gap:4px}.languages button{background:none;border:none;color:var(--ink);font-size:12px;padding:7px 9px;cursor:pointer}.languages .active{background:var(--ink);color:var(--cream)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:720px}.hero-copy{padding:75px 8% 60px 10%}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:bold;margin:0 0 22px;color:var(--rust)}h1,h2,h3{font-weight:normal;font-family:Georgia,serif;line-height:1.12;margin:0;white-space:pre-line}h1{font-size:clamp(44px,5.7vw,86px);letter-spacing:-2px}h2{font-size:clamp(34px,4vw,55px);letter-spacing:-1px}h3{font-size:27px}.lead{font-size:18px;max-width:440px;margin:27px 0 30px;line-height:1.65}.button{display:inline-flex;gap:35px;align-items:center;background:var(--rust);color:white;padding:14px 23px;font-size:14px;border:1px solid var(--rust)}.button:hover{background:#793b20}.hero-foot{font-size:12px;margin-top:26px;color:#697160}.hero-photo{position:relative;min-height:650px}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 55%}.image-caption{position:absolute;bottom:27px;left:25px;right:25px;background:var(--cream);padding:12px 17px;font-size:12px}.section{padding:90px 7%;max-width:1600px;margin:auto}.services{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.service-list article{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.service-list article:first-child{padding-top:0}.service-list article>span{font-size:11px;color:var(--rust);padding-top:5px}.service-list p{font-size:15px;margin:8px 0 0;max-width:400px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.work-heading>p{max-width:300px;font-size:15px;margin:0}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0}figure img{display:block;width:100%;object-fit:cover}.before-after img{height:530px;object-position:50% 45%}.before-after figcaption{padding:12px 0;font-size:12px;letter-spacing:1px;color:var(--rust)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.gallery img{height:360px}.gallery figcaption{padding:12px 0;font-size:14px}.about{background:#e9e3d6;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-image img{width:100%;height:550px;object-fit:cover}.about-copy p:not(.eyebrow){font-size:17px;margin:25px 0;max-width:480px}.signature{display:inline-block;font-family:Georgia,serif;font-style:italic;font-size:23px;color:var(--rust);margin-top:5px}.contact{text-align:center;background:var(--ink);color:var(--cream);max-width:none;padding-top:95px;padding-bottom:95px}.contact .eyebrow{color:#d0b199}.contact h2{font-size:clamp(36px,5vw,65px)}.contact-actions{display:flex;justify-content:center;gap:12px;margin:30px 0}.contact .button{background:var(--cream);border-color:var(--cream);color:var(--ink);min-width:140px;justify-content:center}.contact .button.light{background:transparent;color:var(--cream);border-color:#838979}.contact .button:hover{background:#d8c4ac;color:var(--ink)}.contact-details{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 5%;font-size:10px;letter-spacing:1px}a:focus-visible,button:focus-visible{outline:3px solid #bd774c;outline-offset:5px}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}@media(max-width:800px){header{padding:18px 5%;gap:12px}nav{display:none}.brand-name{font-size:22px}.brand-sub{font-size:7px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:45px 7% 35px}h1{font-size:58px}.hero-photo{min-height:470px}.section{padding:55px 7%}.services{grid-template-columns:1fr;gap:32px}.work-heading{display:block}.work-heading>p{margin-top:20px}.before-after{gap:10px}.before-after img{height:330px}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery figure:last-child{grid-column:1/-1}.gallery img{height:260px}.about{grid-template-columns:1fr;gap:35px}.about-image img{height:430px}.contact-actions{flex-wrap:wrap}.contact-details{flex-direction:column;gap:7px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.languages a{font-size:12px;padding:7px 9px;border:1px solid var(--line)}.languages a:hover{background:var(--ink);color:var(--cream)}.project-heading{margin:45px 0 20px}.project-heading p{font-size:14px;margin:10px 0}.translation{border-top:1px solid var(--line)}.translation:nth-of-type(even){background:#eee8dd}.translation-top{display:flex;align-items:center;gap:25px;margin-bottom:28px}.translation-top .eyebrow{margin:0}.language-label{font-size:11px;letter-spacing:2px;border:1px solid var(--rust);padding:6px 12px;color:var(--rust)}.translation-intro,.translation-second{max-width:720px;margin:28px 0}.translated-services{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 60px;margin:36px 0}.translated-services p{font-size:15px;margin:10px 0}.translation .contact-actions{justify-content:flex-start}.gallery.pillars img{object-position:center}.translation-top{flex-wrap:wrap}@media(max-width:800px){.translated-services{grid-template-columns:1fr;gap:25px}.gallery.pillars{grid-template-columns:repeat(3,1fr)}.gallery.pillars figure:last-child{grid-column:auto}.gallery.pillars img{height:230px}.gallery.pillars figcaption{font-size:11px}.translation .contact-actions{justify-content:flex-start}}

/* Revised photo selection */
.hero{display:block;min-height:0;background:#eee8dd}
.hero-copy{padding:70px 7% 65px;max-width:1200px;margin:auto}
.hero .lead{max-width:650px}
.hero h1{font-size:clamp(48px,6.5vw,88px)}
.about{display:block}
.about-copy{max-width:900px}
.about-copy p:not(.eyebrow){max-width:720px}
.gallery .ron-full img{height:auto;object-fit:contain}
.gallery:has(.ron-full){align-items:start}
@media(max-width:800px){.hero-copy{padding:45px 7%}.gallery:has(.ron-full) .ron-full{max-width:450px;width:100%;justify-self:center}.gallery .ron-full img{height:auto}}

/* Wide photo collage beneath the navigation */
.opening-banner{margin:0;width:100%}
.opening-collage{display:grid;grid-template-columns:1.1fr .7fr 1fr 1.1fr 1.4fr;gap:6px;height:clamp(180px,25vw,380px);overflow:hidden;background:var(--cream)}
.opening-collage svg{display:block;width:100%;height:100%;min-width:0;overflow:hidden}
.opening-experience{text-align:center;padding:30px 6%;font-family:Georgia,serif;font-weight:normal;font-size:clamp(27px,3.3vw,46px);letter-spacing:2px;color:#000;background:var(--cream)}
@media(max-width:600px){.opening-collage{gap:3px;height:180px;grid-template-columns:1fr .65fr 1fr 1fr 1.2fr}.opening-experience{padding:25px 6%;font-size:29px}}

/* Four services immediately below the experience heading */
.opening-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 42px}
.opening-services article{padding:5px 24px;border-left:1px solid var(--line)}
.opening-services article:first-child{padding-left:0;border-left:0}
.opening-services article:last-child{padding-right:0}
.opening-services h2{font-size:26px;color:var(--rust);letter-spacing:0;line-height:1.2}
.opening-services p{font-size:16px;line-height:1.6;margin:14px 0 0}
.hero-copy:has(.opening-services){padding-top:22px}
@media(max-width:900px){.opening-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.opening-services article:nth-child(3){padding-left:0;border-left:0}.opening-services article:nth-child(2){padding-right:0}}
@media(max-width:500px){.opening-services{grid-template-columns:1fr;gap:22px}.opening-services article{padding:0 0 20px;border-left:0;border-bottom:1px solid var(--line)}.opening-services h2{font-size:26px}.opening-services p{margin-top:8px}}

/* Project photos arranged in pairs */
.work-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:36px}
.work-pair>figure:last-child{grid-column:auto}
.work-pair.action-pair{gap:18px}
.work-pair.action-pair img,.work-pair.action-pair .ron-full img{height:360px;object-fit:cover;object-position:center}
.doors-last{margin-top:36px}
@media(max-width:800px){.gallery.work-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.work-pair>figure:last-child{grid-column:auto}.gallery.work-pair .ron-full{max-width:none;width:100%}.work-pair.action-pair{gap:12px}.work-pair.action-pair img,.work-pair.action-pair .ron-full img{height:260px;object-fit:cover}}

.gallery.cala-murada img{height:auto;aspect-ratio:1;object-fit:cover;object-position:center}

/* Repair work together; shutters beside wall restoration */
.gallery.work-pair.repair-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery.work-pair.restoration-pair{grid-template-columns:2fr 1fr}
.gallery.restoration-pair img{height:auto;aspect-ratio:1;object-fit:cover}
.gallery.restoration-pair figure:first-child img{aspect-ratio:2;object-fit:contain}
@media(max-width:600px){.gallery.work-pair.repair-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery.work-pair.repair-trio img,.gallery.work-pair.repair-trio .ron-full img{height:210px}.gallery.work-pair.restoration-pair{grid-template-columns:1fr}.gallery.restoration-pair figure:last-child{width:65%;justify-self:center}}

/* Three equal restoration panels */
.gallery.work-pair.restoration-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery.work-pair.restoration-pair figure:last-child{width:100%;justify-self:stretch;grid-column:auto}
.gallery.work-pair.restoration-pair img,.gallery.work-pair.restoration-pair .shutter-panel{display:block;width:100%;height:360px;aspect-ratio:auto;object-fit:cover;overflow:hidden}
@media(max-width:800px){.gallery.work-pair.restoration-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery.work-pair.restoration-pair img,.gallery.work-pair.restoration-pair .shutter-panel{height:260px}}

.work-heading h2{white-space:nowrap;font-size:clamp(16px,4vw,55px);letter-spacing:-.03em}
html[lang="de"] .work-heading h2{font-size:clamp(14px,3.4vw,50px)}
html[lang="en"] .work-heading h2{font-size:clamp(15px,3.7vw,53px)}
.opening-services h2{overflow-wrap:anywhere}

/* Original Finca Vesta logo, compact above the photo band */
header .brand{display:block;flex:0 0 auto}
.brand-logo{display:block;width:220px;height:auto;aspect-ratio:530/315;overflow:hidden}
header{padding-top:14px;padding-bottom:14px}
@media(max-width:800px){.brand-logo{width:170px}header{padding-top:12px;padding-bottom:12px}}
@media(max-width:360px){.brand-logo{width:145px}.languages button{padding:7px}}

header .brand-logo{height:auto;aspect-ratio:auto;object-fit:contain;background:transparent}

.languages a{font-size:12px;padding:7px 9px;display:inline-block}.languages a.active{background:var(--ink);color:var(--cream)}
