:root{font-family:Arial,sans-serif;color:#20262b;background:#f7f7f5;--ink:#17232e;--accent:#b64a25;--line:#dedfdd}
*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e17b48;outline-offset:3px}img{display:block;max-width:100%}
.wrap{width:min(92%,1200px);margin-inline:auto}.top,footer{background:var(--ink);color:white}.top .wrap,.head,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}.top .wrap{min-height:35px;font-size:13px}.social{display:flex;gap:9px}.social a{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;background:#1877f2}.social a.instagram{background:linear-gradient(45deg,#fcac42,#cf277a,#573ac5)}.social svg{fill:#fff;width:15px;height:15px}
header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.head{min-height:78px;padding-block:8px}.brand{font-weight:900;font-size:24px;white-space:nowrap}.brand img{width:165px;max-height:64px;object-fit:contain;object-position:left}nav{display:flex;align-items:center;gap:clamp(10px,2vw,26px);font-size:14px;font-weight:700;flex-wrap:wrap}nav a:hover,nav a[aria-current=page]{color:var(--accent)}nav details{position:relative}summary{cursor:pointer}nav details>div{position:absolute;top:100%;left:0;background:white;padding:12px;min-width:145px;box-shadow:0 5px 18px #0002;display:grid;gap:10px}
h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4.8vw,65px);line-height:1.04;letter-spacing:-.04em}h2{font-size:clamp(23px,3vw,37px);margin-bottom:14px}h3{font-size:18px}p{line-height:1.6}.hero,.intro{color:white;background-color:var(--ink)}.hero{background-image:linear-gradient(90deg,#17232ef5 4%,#17232eb0 44%,#17232e15 100%),var(--hero);background-size:cover;background-position:center}.hero .wrap{min-height:clamp(340px,42vw,535px);display:grid;align-content:center;justify-items:start;gap:16px;padding-block:30px}.hero p{max-width:475px}.intro{padding:clamp(27px,5vw,66px) 0}.section{padding:clamp(23px,4vw,52px) 0}.section+.section{border-top:1px solid var(--line)}.button{display:inline-flex;padding:11px 17px;background:var(--accent);color:white;border-radius:4px;font-size:14px;font-weight:700}.button:hover{background:#913816}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.card{display:block;background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden}.card img{width:100%;aspect-ratio:1.65;object-fit:cover}.card>div{padding:14px}.card h3{margin-bottom:5px}.card p{font-size:14px}.card:hover{border-color:var(--accent)}.prose{max-width:800px}.prose p{margin-bottom:13px}.prose .button{margin-top:10px}.gallery img{width:100%;height:235px;object-fit:contain;background:#e9e9e6}.contact{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact div{padding:18px;background:white;border:1px solid var(--line)}.contact p{margin-bottom:10px}footer{padding:22px 0}footer .wrap{flex-wrap:wrap}footer a:hover{text-decoration:underline}
@media(max-width:700px){.head{flex-wrap:wrap}.head nav{width:100%;gap:12px}.head .brand img{max-height:46px}.hero{background-position:64% center}.contact{grid-template-columns:1fr}nav details>div{z-index:3}}
.brand{display:flex;align-items:center;gap:9px;letter-spacing:.03em}.brand span{display:grid;place-items:center;width:35px;height:35px;background:var(--accent);color:#fff;border-radius:4px;font-size:25px}

:root{--ink:#172832;--accent:#a74121;--line:#e4d8cc;background:#fff;font-family:Georgia,'Times New Roman',serif;color:var(--ink)}
body{font-size:15px}.top .wrap{min-height:34px}.head{min-height:76px}.brand img{width:clamp(160px,24vw,255px);max-height:52px;height:auto}
nav{font-size:14px;font-weight:500}.social a,.social a.instagram{background:transparent}.social svg{width:16px;height:16px}
h1,h2,h3{font-weight:600;letter-spacing:-.025em}
h1{font-size:clamp(28px,3.5vw,51px)}h2{font-size:clamp(23px,2.6vw,36px)}
.hero{background-image:linear-gradient(90deg,#17232e42 0%,transparent 60%),var(--hero);background-position:center}
.hero .wrap{min-height:clamp(300px,33.3vw,590px);gap:11px}
.hero p{font-size:clamp(14px,1.45vw,19px)}.hero .button{margin-top:8px}
.button{font-family:inherit;font-size:14px;font-weight:500}
.rule{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,35px);text-align:center;margin:0 0 24px}
.rule::before,.rule::after{content:"";height:1px;width:min(29%,330px);background:var(--accent)}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:10px}
.service-card{display:grid;justify-items:center;align-content:center;gap:9px;min-height:94px;padding:12px 7px;text-align:center;border:1px solid var(--line);border-radius:5px;font-size:clamp(14px,1.35vw,18px);transition:background-color .18s,border-color .18s}
.service-card:hover{background:#faf2ea;border-color:var(--accent)}
.service-card svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.22;stroke-linecap:round;stroke-linejoin:round}
.home-services .services{gap:0}
.home-services .service-card{border:0;border-radius:0;min-height:84px}
.home-services .service-card+.service-card{border-left:1px solid var(--line)}
.home-about{display:grid;grid-template-columns:42% 58%;background:#f7efe6}
.home-about>div{padding:clamp(24px,5vw,60px) 12%}
.home-about h2::after,.feature h1::after,.intro h1::after{content:"";display:block;width:48px;height:2px;background:var(--accent);margin:13px 0}
.home-about p{font-size:clamp(16px,1.75vw,21px);margin:9px 0 12px}
.home-about a{color:var(--accent)}.home-about .scene{width:100%;height:100%;object-fit:cover}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gallery-grid .scene{width:100%;aspect-ratio:2.22;object-fit:cover}
.caption{text-align:right;font-size:13px;font-style:italic;margin-top:6px}
.warm,.intro,.feature{background:#f8f2eb;color:var(--ink)}
.intro{padding:clamp(24px,4vw,55px) 0}
.feature .wrap{display:grid;grid-template-columns: .8fr 1.2fr;align-items:center;gap:clamp(20px,4vw,55px);padding-block:clamp(23px,4vw,55px)}
.feature p{margin-bottom:10px}.feature .button{margin-top:7px}.feature .scene{width:100%;aspect-ratio:1.75;object-fit:cover}
.contact-pair{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px}
.contact-pair a{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:5px;font-size:clamp(15px,1.5vw,19px)}
.contact-pair svg,footer svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-pair svg{color:var(--accent)}
footer .wrap{justify-content:center;gap:12px 27px}
footer a{display:flex;gap:8px;align-items:center}
footer a+a{padding-left:22px;border-left:1px solid #ffffff59}
@media(max-width:700px){.hero{background-position:35% center}.hero .wrap{min-height:310px}.home-about,.feature .wrap{grid-template-columns:1fr}.home-about>div{padding:24px 4%}.home-about .scene{aspect-ratio:2.1;height:auto}.home-services .service-card+.service-card{border-left:0}.home-services .services{gap:4px}.gallery-grid{gap:8px}footer a+a{border:0;padding:0}}
@media(max-width:390px){.contact-pair a{width:100%}}

.hero{position:relative;isolation:isolate;background:#17232e;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17232e66,transparent 65%);z-index:-1}
.social a,.social span{display:grid;place-items:center;width:24px;height:24px;border-radius:5px}
.social a.facebook{background:#1877f2}.social a.instagram{background:linear-gradient(45deg,#fcac42,#cf277a,#573ac5)}
.social a.whatsapp{background:#128c4a}.social span.twitter{background:#147eb8}.social span.pinterest{background:#b40c24}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:14px}
.detail-grid article{background:#fff;padding:18px;border:1px solid var(--line);border-radius:5px}
.detail-grid h3{margin-bottom:7px}
.page-cta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 20px}
@media(max-width:700px){.hero-photo{object-position:36% center}.hero::after{background:linear-gradient(90deg,#17232eb0,transparent 90%)}}

.instagram-gallery .scene{aspect-ratio:4/3;object-fit:contain;background:#f8f2eb}