:root{--paper:#f8f1e7;--ink:#261c20;--wine:#521a2c;--gold:#eac191;--line:#ddcfc0;--muted:#685956}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.06}h1{font-size:clamp(3.4rem,6.2vw,7rem);letter-spacing:-.065em;margin-bottom:22px}h2{font-size:clamp(2.25rem,4vw,4rem);letter-spacing:-.055em;margin-bottom:16px}h3{font-size:1.65rem;margin-bottom:12px}.wrap{max-width:1370px;margin:auto;padding-inline:clamp(22px,5vw,78px)}.top{background:#341622;color:#f1d9c8;font-size:.72rem;letter-spacing:.12em}.top .wrap,.head,.footrow{display:flex;justify-content:space-between;align-items:center;gap:16px}.top .wrap{padding-block:7px}.top a{text-decoration:none}header{background:#f8f0e3;border-bottom:1px solid var(--line)}.head{min-height:84px}.brand{text-decoration:none;display:flex;gap:9px;align-items:center;color:var(--wine)}.brand img{width:29px;height:44px;object-fit:contain;mix-blend-mode:multiply}.brand b{display:block;font:1.32rem Georgia,serif;letter-spacing:.105em}.brand small{display:block;font-size:.52rem;letter-spacing:.16em;color:#365045}.nav{display:flex;gap:clamp(12px,2.3vw,36px);align-items:center}.nav a{text-decoration:none;font-size:.88rem;white-space:nowrap;padding:9px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current]{border-color:var(--wine);color:var(--wine)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:3px;background:var(--wine);color:white;text-decoration:none;padding:11px 18px;font:600 .88rem/1.5 system-ui;cursor:pointer}.btn:hover{filter:brightness(1.13)}.btn.gold{background:var(--gold);color:#321b23}.btn.outline{color:#f7e5d3;background:none;border-color:#a77b79}.hero,.banner,.cta{background:linear-gradient(110deg,#27171e,#421b2a 65%,#25181e);color:#fff3e6}.hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;min-height:570px;align-items:center}.heroText{padding-block:56px;z-index:1}.hero h1 em{font-style:normal;color:var(--gold);display:block}.hero p,.banner p,.cta p{color:#e3cfc7;max-width:54ch}.eyebrow{font:700 .72rem/1.6 system-ui;text-transform:uppercase;letter-spacing:.17em;color:#825139;display:block;margin-bottom:15px}.hero .eyebrow,.banner .eyebrow,.cta .eyebrow{color:var(--gold)}.eyebrow:before{content:"";display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.art{margin:0;position:relative}.art img{width:100%;display:block}.art figcaption{position:absolute;bottom:5%;right:4%;color:#eac7ac;font-size:.69rem;letter-spacing:.13em}.strip{border-bottom:1px solid var(--line);background:#efe4d6}.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.strip a{padding:18px 12px;text-decoration:none;display:flex;gap:13px;align-items:center;justify-content:center;border-inline-end:1px solid var(--line);font-weight:650}.strip a:first-child{border-inline-start:1px solid var(--line)}.strip span{color:#87523b;font: .8rem monospace}.section{padding-block:65px}.lead{max-width:65ch;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.card{background:#fff9f1;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;align-items:flex-start}.card p{color:var(--muted)}.card .link{margin-top:auto;color:var(--wine);font-weight:700;text-underline-offset:5px}.card .num{color:#895d48;font: .78rem monospace;letter-spacing:.1em;margin-bottom:21px}.banner{padding:65px 0 48px}.banner h1{font-size:clamp(3rem,6vw,5.6rem)}.cta{padding:46px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta p{margin:0}footer{padding:24px 0;background:#21171b;color:#eadbd0;font-size:.83rem}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tabs a{padding:7px 14px;border:1px solid var(--line);text-decoration:none;border-radius:3px}.tabs a[aria-current]{background:var(--wine);color:white}.tablebox{overflow:auto;border:1px solid var(--line);background:#fffaf2}table{border-collapse:collapse;width:100%;text-align:left;min-width:640px}th,td{padding:14px 16px;border-bottom:1px solid var(--line)}th{background:#eadccd}tbody tr:last-child td{border-bottom:0}.notice{margin:18px 0;color:var(--muted);font-size:.92rem}.two{display:grid;grid-template-columns:1fr 1.2fr;gap:36px}.contact{display:grid;gap:13px;background:#fff9f1;border:1px solid var(--line);padding:25px}.contact label{display:grid;gap:4px;font-weight:650}.contact input,.contact select,.contact textarea{font:inherit;border:1px solid #ae9b91;border-radius:3px;background:#fffdf8;padding:8px 10px;width:100%}.contact textarea{min-height:100px}.contact .btn{justify-self:start}.contact p{margin:0}.blog{max-width:850px}.blog details{border:1px solid var(--line);background:#fff9f1;margin:0 0 13px;padding:18px 24px}.blog summary{cursor:pointer;font:1.4rem Georgia,serif}.blog details p{margin:14px 0 0;color:var(--muted)}:focus-visible{outline:2px solid #a06442;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:3;background:white;padding:9px}
@media(max-width:820px){.head{flex-wrap:wrap;padding-block:10px;min-height:0}.nav{order:3;width:100%;overflow:auto}.nav a{padding:3px 0 6px}.hero .wrap{grid-template-columns:1fr;min-height:0}.heroText{padding:42px 0 0}.art{max-width:570px;margin:0 auto}.cards,.two{grid-template-columns:1fr}.section{padding-block:44px}.cta .wrap{align-items:flex-start;flex-direction:column}.top .wrap{letter-spacing:.04em}.strip a{font-size:.82rem;gap:5px;padding:12px 4px}.footrow{align-items:flex-start;flex-direction:column;gap:6px}}
/* Home page */
.showcase,.faq-home{padding-block:clamp(54px,8vw,104px)}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,2vw,26px);margin-top:32px}
.showcase-card{border:1px solid var(--line);border-radius:5px;background:#fff9f1;transition:transform .32s ease,box-shadow .32s ease}
.showcase-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.showcase-card figure{position:relative;overflow:hidden;margin:0;border-radius:4px 4px 0 0;background:#302429}
.showcase-card img{width:100%;height:auto;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.showcase-card figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:8px;padding:10px 13px;background:#20191ded;color:#fae8d7;font-size:.64rem;letter-spacing:.11em}
.showcase-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(17px,2.3vw,29px)}
.showcase-copy p{color:var(--muted)}
.showcase-link{margin-top:auto;color:var(--wine);font-weight:700;font-size:.9rem}
.showcase-link span{display:inline-block;margin-left:.3rem;transition:transform .3s ease}
.showcase-card:is(:hover,:focus-within){transform:translateY(-5px);box-shadow:0 14px 30px #4b21241a}
.showcase-card:is(:hover,:focus-within) img{transform:scale(1.055)}
.showcase-card:is(:hover,:focus-within) .showcase-link span{transform:translate(3px,-3px)}
.about-home{background:#2b2324;color:#fff3e6;padding-block:clamp(40px,6vw,85px)}
.about-layout{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:clamp(26px,5vw,72px)}
.about-art{position:relative;overflow:hidden;margin:0;border:1px solid #7b5c55;background:radial-gradient(ellipse at 65% 45%,#543027,#241c21 72%);border-radius:4px}
.about-art img{width:100%;height:auto;display:block}
.about-art figcaption{position:absolute;right:12px;bottom:10px;color:#edc8a9;font-size:.65rem;letter-spacing:.11em}
.about-copy .eyebrow{color:var(--gold)}
.about-copy p{color:#e3cfc7;max-width:54ch}
.about-copy .btn{margin-top:8px}
.faq-home{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px)}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);transition:background .25s ease}
.faq-list details[open]{background:#fff9f1}
.faq-list summary{padding:17px clamp(12px,2vw,24px);display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;font-size:clamp(1rem,1.4vw,1.16rem);font-weight:650;color:var(--wine)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;border:1px solid #b59587;transition:background .25s ease,color .25s ease;position:relative}
.faq-icon:before,.faq-icon:after{content:"";width:11px;height:1px;background:currentColor;position:absolute;transition:transform .25s ease}
.faq-icon:after{transform:rotate(90deg)}
.faq-list details[open] .faq-icon{background:var(--wine);color:white}
.faq-list details[open] .faq-icon:after{transform:rotate(0)}
.faq-answer p{margin:0;padding:0 clamp(12px,2vw,24px) 19px;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  body.home .heroText{animation:home-arrive .65s cubic-bezier(.22,1,.36,1) both}
  body.home .art{animation:home-arrive .75s .1s cubic-bezier(.22,1,.36,1) both}
  .faq-list details[open] .faq-answer{animation:home-arrive .26s ease-out both}
}
@keyframes home-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:820px){.about-layout,.faq-home{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-art{max-width:580px;width:100%}}
@media(max-width:570px){.showcase-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-card img,.showcase-link span,.faq-list details,.faq-icon,.faq-icon:before,.faq-icon:after{transition:none}.showcase-card:is(:hover,:focus-within),.showcase-card:is(:hover,:focus-within) img,.showcase-card:is(:hover,:focus-within) .showcase-link span{transform:none}}

/* Real photography and project information */
.field-photo{overflow:hidden;border-radius:5px;border:1px solid #8d6b60;background:#23191c}
.hero .field-photo{margin:32px 0 32px clamp(0px,2vw,28px)}
.field-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.field-photo figcaption{position:absolute;right:10px;bottom:10px;background:#23181deb;padding:6px 8px;color:#fff3e6;font-size:.63rem;letter-spacing:.1em}
.showcase-card img{aspect-ratio:8/5;object-fit:cover}
.about-profile{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px clamp(26px,5vw,68px)}
.about-profile p{color:var(--muted);max-width:55ch}
.process{background:#eee2d5;border-block:1px solid var(--line);padding-block:clamp(46px,7vw,90px)}
.process ol{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.process li{border-top:1px solid #a97966;padding:18px 12px 0 0}
.process p{color:var(--muted);margin-bottom:0}
.step-number{display:block;margin-bottom:12px;color:#93573e;font:2.35rem/1 Georgia,serif}
.prepare{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px clamp(26px,5vw,68px);border-bottom:1px solid var(--line)}
.prepare-list{display:grid;gap:8px}
.prepare-list label{display:flex;align-items:center;gap:10px;background:#fff9f1;border:1px solid var(--line);padding:12px 15px;cursor:pointer}
.prepare-list input{accent-color:var(--wine);width:17px;height:17px;flex:none}
.prepare-list label:has(:checked){background:#e7ede0;border-color:#acb9a3}
@media(max-width:760px){
  .about-profile,.prepare,.process ol{grid-template-columns:1fr}
  .hero .field-photo{margin:24px 0 32px}
}
@media(prefers-reduced-motion:no-preference){
  [data-reveal].reveal-pending{opacity:0;translate:0 24px}
  [data-reveal].reveal-visible{animation:home-arrive .58s var(--delay,0ms) cubic-bezier(.22,1,.36,1) backwards}
  [data-reveal].reveal-pending:focus-within{opacity:1;translate:none}
}

/* Contact information */
.top-contact,.footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.top-contact a{white-space:nowrap}
.footer-contact address,.contact-info address{font-style:normal}
.contact-info{margin:26px 0 0;display:grid;gap:12px}
.contact-info>div{padding:12px 0;border-top:1px solid var(--line)}
.contact-info dt{color:var(--wine);font-weight:700}
.contact-info dd{margin:2px 0 0}
@media(max-width:560px){.top .wrap{flex-wrap:wrap;gap:3px 12px}.top-contact{gap:3px 12px}.footer-contact{align-items:flex-start;flex-direction:column}}

/* Site footer */
.site-footer{padding:clamp(48px,7vw,88px) 0 0;background:#21171b;color:#f1e1d6;font-size:1rem}
.footer-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.13fr) minmax(0,1.26fr) minmax(0,1.35fr);gap:clamp(20px,3.2vw,48px);align-items:start}
.footer-grid h2{color:#f0c89d;font-size:clamp(1.4rem,2vw,1.8rem);letter-spacing:-.015em;margin:0 0 18px}
.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.footer-grid a{text-decoration:none;overflow-wrap:anywhere}
.footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-grid address{font-style:normal;max-width:27ch}
.footer-brand{display:block;width:100%;max-width:310px;justify-self:end;overflow:hidden;border:1px solid #927469;border-radius:4px;background:#f7efe4}
.footer-brand img{display:block;width:100%;height:auto}
.footer-bottom{margin-top:clamp(32px,5vw,60px);padding-block:18px;border-top:1px solid #80665e;color:#e0cbbf;font-size:.9rem}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.footer-brand{justify-self:start}}
@media(max-width:490px){.footer-grid{grid-template-columns:1fr;row-gap:26px}}

/* Project steps */
.footer-brand{border:0;background:none}
.footer-bottom{display:flex;justify-content:space-between;gap:14px}
.footer-bottom a{text-underline-offset:3px}
.process-story{overflow:clip;margin-top:30px;padding-bottom:10px}
.process-story ol{margin:0}
.process-story li{padding:18px 18px 20px;border:1px solid #cbb09d;border-radius:5px;background:#f8efe4}
.step-graphic{width:min(100%,154px);height:94px;display:grid;place-items:center;position:relative;margin-bottom:16px;border-radius:4px;background:repeating-linear-gradient(0deg,#c5997323 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,#c5997323 0 1px,transparent 1px 13px),#39232a;color:#f5ddc4}
.step-graphic svg{width:106px;height:74px}
.step-graphic span{position:absolute;right:7px;bottom:4px;font-size:.58rem;color:#e8b487}
.diagram-accent{stroke:#e3a469}
@media(prefers-reduced-motion:no-preference){
  .process-story.is-enhanced li{opacity:var(--step-progress,1);transform:translateX(calc((1 - var(--step-progress,1)) * 110px)) scale(calc(.96 + var(--step-progress,1) * .04));transform-origin:left center}
  .process-story.is-enhanced .step-graphic svg{transform:translateX(calc((1 - var(--step-progress,1)) * 22px))}
}

.hero .hero-slogan{color:var(--gold);font:italic clamp(1.3rem,2.5vw,1.85rem)/1.25 Georgia,serif;margin:0 0 14px}
.top .wrap{justify-content:flex-end}

.quick-contact{position:fixed;z-index:20;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:9px}
.quick-contact a{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:white;border:1px solid #ffffff55;box-shadow:0 4px 15px #21171b55}
.quick-contact a:hover{filter:brightness(1.15)}
.quick-contact a:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #21171b}
.quick-contact svg{width:27px;height:27px}
.quick-contact__whatsapp{background:#116b46}
.quick-contact__phone{background:var(--wine)}
.site-footer{padding-bottom:max(58px,env(safe-area-inset-bottom))}

/* Electric and diesel product references */
.strip .wrap,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.showcase-card img[src$="-suvsan.webp"],.field-photo img[src$="-suvsan.webp"]{object-fit:contain;background:#fff}
.reference-specs{width:100%;margin:0 0 18px;color:var(--muted);font-size:.92rem}
.reference-specs div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:5px 0}
.reference-specs dd{margin:0;font-weight:650}
@media(max-width:570px){.showcase-grid{grid-template-columns:1fr}}