*{box-sizing:border-box}
:root{--yellow:#f2c52b;--red:#e34a35;--ink:#101113}
html,body{margin:0;min-height:100%;background:var(--ink);color:#f4f3ef}
body{font-family:"DM Sans",Arial,sans-serif}
.landing{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;background:#111214}
.photo{position:absolute;inset:0;background-image:url("https://vendita-auto.com/background.avif");background-position:center 56%;background-size:cover;filter:grayscale(100%) brightness(.48);transform:scale(1.015)}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,15,.98) 0%,rgba(12,13,15,.91) 35%,rgba(12,13,15,.60) 72%,rgba(12,13,15,.43) 100%),linear-gradient(0deg,rgba(10,11,12,.98),rgba(10,11,12,.25) 56%,rgba(10,11,12,.18))}
.content{position:relative;z-index:1;width:min(1180px,84%);min-height:100svh;margin:auto;display:flex;flex-direction:column;justify-content:space-between;padding:34px 0 23px}
.brand{display:flex;align-items:center;gap:13px}
.mark{width:43px;height:43px;border:1px solid rgba(242,197,43,.85);display:grid;place-items:center;font:900 29px "Barlow Condensed",sans-serif;transform:skew(-7deg)}
.mark span,.brand-text>span{color:var(--yellow)}
.brand-text{font:800 17px "Barlow Condensed",sans-serif;letter-spacing:2px}
.brand-text small{display:block;color:#9b9c9d;font:600 8px "DM Sans",sans-serif;letter-spacing:2px;margin-top:5px}
.main-copy{padding:40px 0 38px;max-width:850px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px;font-weight:700;color:#c7c7c4;margin:0 0 21px}
.eyebrow span{width:26px;height:2px;background:var(--yellow)}
h1{font:900 clamp(58px,7.8vw,100px)/.87 "Barlow Condensed",Impact,sans-serif;letter-spacing:-1.5px;margin:0;text-transform:uppercase}
h1 em{font-style:normal;color:var(--yellow)}.period{color:var(--red)}
.description{font-size:13px;line-height:1.85;color:#c1c1bf;margin:23px 0 0}
.rule{width:100px;height:3px;background:rgba(255,255,255,.17);margin-top:25px}.rule span{display:block;width:35px;height:3px;background:var(--yellow)}
.company-details{border-top:1px solid rgba(255,255,255,.2);padding-top:17px;margin-top:auto}
.details-heading{font-size:9px;letter-spacing:2px;color:var(--yellow);font-weight:700;margin-bottom:13px}
.details-heading span{color:#a8a9a8;margin-left:12px}
.details-grid{display:grid;grid-template-columns:.7fr .7fr .8fr 2fr;gap:18px}
.details-grid>div{display:flex;flex-direction:column;gap:5px}
.details-grid small{font-size:8px;letter-spacing:1.5px;color:#8d8f90}
.details-grid strong{font-size:11px;font-weight:600;color:#ecebe7}
.details-extra{display:flex;flex-wrap:wrap;gap:8px 23px;margin-top:15px;color:#858789;font-size:9px}
.details-extra span+span:before{content:"·";color:var(--yellow);margin-right:23px}
footer{display:flex;justify-content:space-between;gap:20px;color:#77797a;font-size:8px;letter-spacing:1.8px;font-weight:600;border-top:1px solid rgba(255,255,255,.1);margin-top:17px;padding-top:13px}
footer b{color:var(--yellow);padding:0 5px}
.side-label{position:absolute;right:22px;top:45%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;letter-spacing:3px;color:rgba(255,255,255,.48)}
@media(min-width:1000px) and (min-height:850px){.main-copy{padding-top:55px;padding-bottom:50px}}
@media(max-width:700px){
 .photo{background-position:58% center;filter:grayscale(100%) brightness(.4)}
 .shade{background:linear-gradient(90deg,rgba(12,13,15,.96),rgba(12,13,15,.74)),linear-gradient(0deg,rgba(10,11,12,.99),transparent 60%)}
 .content{width:86%;padding:25px 0 18px}
 .mark{width:38px;height:38px;font-size:25px}
 .main-copy{padding:44px 0 35px}
 h1{font-size:clamp(49px,12.7vw,78px)}
 .description{font-size:11px}
 .side-label{display:none}
 .details-grid{grid-template-columns:1fr 1fr;gap:13px 16px}
 .details-grid .address{grid-column:1/-1}
 .details-extra{gap:8px 14px;font-size:8px}
 .details-extra span+span:before{margin-right:14px}
 footer{font-size:7px;letter-spacing:1px;margin-top:15px}
}

.email-link{color:var(--yellow);text-decoration:none;font-size:9px;letter-spacing:.3px;transition:color .2s}
.email-link:hover{color:#fff}