:root{--green:#1f3a2e;--deep:#163026;--cream:#f6f0e1;--paper:#efe6cf;--brass:#b08d57;--ink:#2a2a24}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 "Helvetica Neue",Arial,sans-serif}
h1,h2,h3,.brand{font-family:"Playfair Display",Georgia,"Times New Roman",serif;color:var(--green);font-weight:600}
a{color:var(--green)}img{max-width:100%;display:block}
header.site{background:var(--deep);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:14px 5vw;border-bottom:3px solid var(--brass)}
header .brand{color:var(--cream);text-decoration:none;font-size:1.5rem}nav a{color:var(--cream);text-decoration:none;margin-left:22px;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
nav a.active,nav a:hover{color:var(--brass)}
.hero{min-height:70vh;display:grid;place-items:center;text-align:center;color:var(--cream);background:linear-gradient(rgba(22,48,38,.6),rgba(22,48,38,.85)),url(img/hero.svg) center/cover}
.hero h1{color:var(--cream);font-size:clamp(2.5rem,7vw,5rem);margin:.2em 0}.eyebrow{color:var(--brass);letter-spacing:.3em;text-transform:uppercase;font-size:.8rem}
.wrap{max-width:1150px;margin:auto;padding:40px 5vw}.narrow{max-width:700px}
.btn{display:inline-block;background:var(--brass);color:var(--deep);border:0;padding:12px 26px;text-decoration:none;font-weight:600;letter-spacing:.05em;cursor:pointer;border-radius:2px}.btn:hover{background:#c9a56b}
.banner{background:#fff8e3;border-left:4px solid var(--brass);padding:10px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.card{background:#fff;border:1px solid #e0d5b8;text-decoration:none;color:inherit;transition:.2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.card .body{padding:16px 18px 20px;flex:1}.card h3{margin:.2em 0;font-size:1.2rem}.meta{color:#6b6450;font-size:.9rem}
.tag{display:inline-block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;background:var(--paper);color:#7a6a45;margin-right:6px}
.status-Available{background:var(--green);color:var(--cream)}.status-Sold{background:#8a2c2c;color:#fff}
.price{font-family:Georgia,serif;font-size:1.3rem;color:var(--green);margin:8px 0}
.gallery img{border:1px solid #e0d5b8}.thumbs{display:flex;gap:10px;margin-top:10px}.thumbs img{width:110px;cursor:pointer;opacity:.7}.thumbs img:hover{opacity:1}
.detail{display:grid;grid-template-columns:3fr 2fr;gap:36px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px}dt{font-weight:600}
form label{display:block;margin-bottom:16px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #cbbd98;background:#fff;font:inherit;margin-top:4px}
footer{background:var(--deep);color:var(--paper);text-align:center;padding:30px;border-top:3px solid var(--brass);margin-top:40px}footer .brand{color:var(--brass);font-size:1.3rem;margin:0}footer a{color:var(--brass)}.small{font-size:.8rem;opacity:.7}
@media(max-width:760px){.detail{grid-template-columns:1fr}nav a{margin:0 14px 0 0}header.site{gap:8px}}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.thumbs{flex-wrap:wrap}.thumbs img{width:calc(25% - 8px)}.gallery{min-width:0}
.thumbs img{aspect-ratio:3/2;object-fit:cover}
.hero-photo{min-height:88vh;background:linear-gradient(rgba(10,25,18,.25),rgba(10,25,18,.65)),url(img/rr-silver-cloud-iii/rr-1.jpg) center 60%/cover;align-items:end;padding-bottom:12vh}
.hero-photo h1{text-shadow:0 2px 18px rgba(0,0,0,.5)}.hero-photo p{font-family:Georgia,serif;font-size:1.3rem;color:var(--paper)}
nav{display:flex;align-items:center;flex-wrap:wrap}nav .nav-contact{border:1px solid var(--brass);padding:5px 12px;color:var(--brass)}
.ws{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:40px 0}.ws:nth-child(odd) div:first-child{order:2}
.photo-slot{aspect-ratio:3/2;border:2px dashed var(--brass);background:var(--paper);display:grid;place-items:center;text-align:center;color:#7a6a45;letter-spacing:.15em;font-family:Georgia,serif}
@media(max-width:760px){.ws{grid-template-columns:1fr}.ws div:first-child{order:0!important}}
.caption{font-size:.85rem;margin:6px 0}
header .brand.logo img{height:56px;width:auto;display:block}
.footer-logo img{height:64px;width:auto;margin:0 auto 6px}
@media(max-width:760px){header.site{justify-content:center}header .brand.logo img{height:48px}nav{justify-content:center}nav a{margin:4px 8px}}
.hero-photo>div{position:relative;padding:28px 40px}
.hero-photo>div::before{content:"";position:absolute;inset:-40px -80px;background:radial-gradient(ellipse at center,rgba(8,20,14,.72) 0%,rgba(8,20,14,.45) 45%,rgba(8,20,14,0) 72%);z-index:-1}
.hero-photo>div{z-index:0}
.hero-logo{margin:0}.hero-logo img{width:clamp(260px,42vw,540px);height:auto;margin:0 auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.hero-photo p{text-shadow:0 1px 6px rgba(0,0,0,.8);margin-top:8px}
.hero-photo{align-items:center;padding-bottom:0;background-position:center 75%}
.hero-photo>div{padding:34px 56px}
.hero-photo>div::before{inset:-30px -60px;background:radial-gradient(ellipse at center,rgba(8,20,14,.82) 0%,rgba(8,20,14,.6) 50%,rgba(8,20,14,0) 75%)}
@media(max-width:760px){.hero-photo{min-height:70vh}.hero-photo>div{padding:24px 16px}}
/* hero: logo at top, car unobstructed */
.hero-photo{align-items:start;padding:5vh 0 0;min-height:88vh;background:linear-gradient(rgba(10,25,18,.45),rgba(10,25,18,0) 45%),url(img/rr-silver-cloud-iii/rr-1.jpg) center bottom/cover}
.hero-photo>div{padding:18px 40px}
.hero-photo>div::before{inset:-10px -30px;background:radial-gradient(ellipse at center,rgba(8,20,14,.55) 0%,rgba(8,20,14,.3) 50%,rgba(8,20,14,0) 72%)}
@media(max-width:760px){.hero-photo{min-height:auto;aspect-ratio:3/4;padding-top:3vh;background-position:30% bottom}.hero-photo>div{padding:10px 12px}}
/* lock hero to photo ratio (1200x800) so car never rises into logo area */
.hero-photo{min-height:0;aspect-ratio:3/2;max-height:none;padding-top:2.2vw;background-size:cover;background-position:center bottom}
.hero-logo img{width:clamp(240px,34vw,540px)}
.hero-photo p{font-size:clamp(1rem,1.3vw,1.3rem)}
@media(max-width:760px){.hero-photo{aspect-ratio:3/4;padding-top:4vw;background-position:30% bottom}.hero-logo img{width:64vw}}
@media(max-width:760px){
 .hero-photo{aspect-ratio:auto;min-height:0;height:calc(66.67vw + 150px);padding-top:18px;
  background:linear-gradient(var(--deep) 0,var(--deep) 150px,rgba(22,48,38,0) calc(150px + 18vw)),url(img/rr-silver-cloud-iii/rr-1.jpg) center bottom/100% auto no-repeat,var(--deep)}
 .hero-photo>div::before{display:none}
}
.intro-lead{border-left:3px solid var(--brass);padding:4px 0 4px 20px;margin:22px 0 28px}
.intro-lead h2{margin-top:0;font-size:1.35rem}
.intro-lead p{font-family:Georgia,"Times New Roman",serif;font-size:1.13rem;line-height:1.7;color:#24392f}