:root{--char:#2E3134;--char2:#3C4044;--cop:#A9663A;--cop2:#8E532D;--stone:#E4E1DC;--paper:#F8F8F6;--muted:#62666A}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--char);background:var(--paper);line-height:1.6;font-size:16px}
img,video{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
:focus-visible{outline:3px solid var(--cop);outline-offset:2px}
header{position:sticky;top:0;z-index:50;background:var(--char);color:#fff}
.bar{display:flex;align-items:center;gap:22px;height:72px;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}
.brand img{height:46px;width:auto}@media(max-width:400px){.brand img{height:38px}}
nav{display:flex;gap:6px;margin-left:auto;align-items:center}
nav>a,.ddbtn{color:#fff;text-decoration:none;font:500 15px Montserrat,sans-serif;padding:10px 12px;background:none;border:0;cursor:pointer}
nav>a.btn{padding:12px 18px}
nav>a:not(.btn):hover,.ddbtn:hover{color:#E6B48E}
.dd{position:relative}.ddmenu{display:none;position:absolute;top:100%;left:0;background:#fff;color:var(--char);min-width:240px;padding:8px 0;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.dd:hover .ddmenu,.dd.open .ddmenu{display:block}.ddmenu a{display:block;padding:9px 18px;text-decoration:none;font-size:15px}.ddmenu a:hover{background:var(--stone)}
.btn{display:inline-block;background:var(--cop);color:#fff;text-decoration:none;font:600 15px Montserrat,sans-serif;padding:12px 20px;border:0;cursor:pointer;border-radius:3px}
.btn:hover{background:var(--cop2)}nav>a.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px #fff}
.menu{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.hero{background:var(--char);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px}
.herogrid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding-top:64px;padding-bottom:72px;align-items:start}
.hero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08;font-weight:700;margin:6px 0 20px;max-width:14ch}
.lead{font-size:18px;color:#D6D3CE;max-width:46ch;margin:0 0 26px}
.checks{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.checks li{padding-left:28px;position:relative;color:#ECEAE6}.checks li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;background:var(--cop);transform:rotate(45deg)}
.small{background:rgba(169,102,58,.18);border-left:4px solid var(--cop);padding:14px 16px;max-width:46ch;font-size:15px}
form.quote{background:#fff;color:var(--char);padding:28px;border-radius:4px;border-top:6px solid var(--cop)}
form.quote h2{margin:0 0 4px;font-size:22px}form.quote .sub{margin:0 0 14px;color:var(--muted);font-size:14px}
label{display:block;font-size:14px;font-weight:600;margin:12px 0 5px}label span{font-weight:400;color:var(--muted)}
input,select,textarea{width:100%;font:15px Montserrat,sans-serif;padding:11px 12px;border:1px solid #C9C5BF;border-radius:3px;background:#fff;color:var(--char)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form.quote .btn{width:100%;margin-top:18px;font-size:16px;padding:14px}
section{padding:80px 0}.h2{font-size:clamp(26px,3vw,36px);margin:0 0 10px;line-height:1.15}.intro{color:var(--muted);max-width:60ch;margin:0 0 36px}
.svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--stone);border:2px solid var(--stone)}
.svc{background:#fff;padding:28px 24px;display:flex;flex-direction:column}
.ic{width:52px;height:52px;margin-bottom:16px}.ic svg{width:52px;height:52px;fill:none;stroke:var(--cop);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ic img{width:52px;height:52px;object-fit:contain}
.svc h3{margin:0 0 6px;font-size:18px}.svc p{margin:0 0 18px;color:var(--muted);font-size:15px;flex:1}
.more{align-self:flex-start;background:none;border:0;border-bottom:2px solid var(--cop);padding:2px 0;font:600 15px Montserrat,sans-serif;color:var(--char);cursor:pointer}.more:hover{color:var(--cop)}
.process{background:var(--stone)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;border-top:3px solid var(--char);padding-top:14px}.steps li:before{content:counter(s);display:block;font-size:30px;font-weight:700;color:var(--cop);line-height:1}
.steps b{display:block;margin:8px 0 4px}.steps span{font-size:14px;color:var(--muted)}
.port{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.port figure{margin:0;background:#fff}.port img{aspect-ratio:4/5;object-fit:cover;width:100%}
.port figcaption{padding:10px 12px;font-size:14px;color:var(--muted)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.trust{display:grid;gap:16px}
.trust div{background:#fff;padding:18px 20px;border-left:4px solid var(--cop)}.trust b{display:block}.trust span{color:var(--muted);font-size:15px}
.contact{background:var(--char);color:#fff}.cgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.big{display:block;font-size:28px;font-weight:700;text-decoration:none;margin:4px 0}.contact p{color:#D6D3CE}
footer{background:#232527;color:#B9B6B1;padding:30px 0;font-size:14px}.fgrid{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.soc{display:flex;gap:12px}.soc a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #4A4E52;border-radius:50%}.soc svg{width:18px;height:18px;fill:#fff}
dialog{border:0;padding:0;max-width:880px;width:calc(100% - 28px);max-height:88vh;border-radius:4px}dialog::backdrop{background:rgba(30,32,34,.7)}
.dhead{position:sticky;top:0;background:var(--char);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;z-index:2}
.dhead h3{margin:0;font-size:20px}.x{background:none;border:0;color:#fff;font-size:30px;cursor:pointer;line-height:1}
.dsteps{list-style:none;margin:0;padding:6px 24px 20px}.dsteps li{display:grid;grid-template-columns:240px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--stone);align-items:center}
.med{aspect-ratio:4/3;width:100%;object-fit:cover;background:#F4EFEA}.n{color:var(--cop);font-weight:700;font-size:14px}.dsteps h4{margin:2px 0 6px;font-size:18px}.dsteps p{margin:0;color:var(--muted)}
.dfoot{padding:0 24px 24px}
@media (max-width:980px){.herogrid,.about,.cgrid{grid-template-columns:1fr}.svcs{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.port{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--char);flex-direction:column;align-items:stretch;padding:10px 22px 20px}nav.show{display:flex}.menu{display:block}
.ddmenu{position:static;box-shadow:none;background:var(--char2);display:block}.ddmenu a{color:#fff}.ddmenu a:hover{background:var(--char)}nav>a.btn{text-align:center;margin-top:8px}
.svcs{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.port{grid-template-columns:1fr}.row{grid-template-columns:1fr}.dsteps li{grid-template-columns:1fr;gap:12px}section{padding:60px 0}.herogrid{padding-top:40px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ph{font-size:20px;margin:36px 0 14px}.ph:first-of-type{margin-top:0}.port video{aspect-ratio:9/16;object-fit:cover;width:100%;background:#000}.vids{grid-template-columns:repeat(4,1fr)}.ba{display:grid;gap:18px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff}.pair figure{margin:0}.pair img{aspect-ratio:4/5;object-fit:cover;width:100%}.pair figcaption{padding:10px 12px;font-size:14px;color:var(--muted)}@media(max-width:760px){.vids{grid-template-columns:1fr 1fr}}
.car{background:#2E3134;color:#F4F1EC;padding:56px 0}.carin{display:flex;gap:28px;align-items:center}.car svg{width:72px;height:72px;flex:none}.car h2{font-size:clamp(22px,3vw,30px);margin:0 0 10px;color:#F4F1EC}.car p{margin:0;color:#D9CFC4;max-width:640px}.vids .wide{grid-column:span 2}.vids .wide img{width:100%;aspect-ratio:auto;height:calc(100% - 41px);object-fit:cover}@media(max-width:560px){.carin{flex-direction:column;align-items:flex-start}}

.photos .grp{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:4px}.photos .grp img{aspect-ratio:4/5}@media(max-width:560px){.photos .grp{grid-column:1/-1}}

header{background:#fff;color:var(--char);box-shadow:0 1px 0 #E4DED6,0 6px 18px rgba(0,0,0,.06);border-bottom:4px solid var(--cop)}nav>a,.ddbtn{color:var(--char)}nav>a:not(.btn):hover,.ddbtn:hover{color:var(--cop)}nav>a.btn.ghost{box-shadow:inset 0 0 0 2px var(--char);color:var(--char)}.menu{color:var(--char)}@media (max-width:760px){nav{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08)}.ddmenu{background:var(--stone)}.ddmenu a{color:var(--char)}.ddmenu a:hover{background:#E9E3DB}}
