:root {
  --ink:#0b3c49;
  --cream:#f7f1df;
  --gold:#e1c447;
  --peach:#f4b187;
  --teal:#347f73;
  --muted:#57706d;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial,sans-serif; }
img,video { display:block; max-width:100%; }

.sales-hero { min-height:100svh; display:grid; grid-template-columns:1fr 1fr; }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(52px,7vw,112px); }
.hero-art { min-height:100%; background:var(--peach); overflow:hidden; }
.hero-art img { width:100%; height:100%; object-fit:cover; }
.kicker { margin:0; color:var(--teal); font-size:.72rem; font-weight:800; letter-spacing:.42em; text-transform:uppercase; }
.author { margin:18px 0 0; color:var(--muted); font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; }
h1 { max-width:710px; margin:24px 0 26px; font-size:clamp(2.45rem,4.5vw,5.2rem); line-height:.98; letter-spacing:-.035em; }
.lead { max-width:610px; margin:0 0 30px; color:var(--muted); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.05rem,1.35vw,1.35rem); line-height:1.65; }
.actions { width:min(100%,480px); }
.cta { display:block; margin-top:14px; padding:17px 20px; border:1px solid transparent; text-align:center; color:inherit; font-size:.7rem; font-weight:800; letter-spacing:.2em; text-decoration:none; text-transform:uppercase; transition:transform .18s ease,box-shadow .18s ease; }
.cta:hover { transform:translateY(-2px); box-shadow:0 10px 24px #0b3c4922; }
.cta:focus-visible { outline:3px solid var(--teal); outline-offset:4px; }
.cta-primary { background:var(--gold); color:var(--ink); }
.cta-outline { border-color:var(--ink); }

.testimonials { padding:clamp(70px,9vw,140px) clamp(20px,6vw,96px); }
.section-heading { max-width:760px; margin-bottom:clamp(34px,5vw,64px); }
.section-heading h2 { margin:14px 0 18px; font-size:clamp(2.3rem,5vw,5rem); line-height:1; letter-spacing:-.03em; }
.section-heading > p:last-child { max-width:620px; margin:0; color:var(--muted); font-size:1.05rem; line-height:1.65; }
.media-grid { max-width:1500px; margin:auto; display:grid; grid-template-columns:repeat(12,1fr); gap:16px; align-items:stretch; }
.media-card { margin:0; overflow:hidden; border-radius:14px; background:var(--ink); box-shadow:0 18px 42px #0b3c4918; }
.media-card img,.media-card video { width:100%; height:100%; object-fit:cover; }
.photo-wide { grid-column:span 8; min-height:500px; }
.photo-portrait { grid-column:span 4; min-height:500px; }
.video-card { grid-column:span 4; aspect-ratio:9/13; }
.video-card video { object-fit:contain; }

@media (max-width:760px) {
  html,body { max-width:100%; overflow-x:clip; }
  body { touch-action:pan-y pinch-zoom; }
  .sales-hero { min-height:0; display:flex; flex-direction:column; }
  .hero-art { order:-1; height:58svh; min-height:420px; }
  .hero-copy { padding:44px 20px 68px; }
  h1 { margin-top:20px; font-size:clamp(2.55rem,12vw,4.2rem); }
  .lead { line-height:1.55; }
  .actions { width:100%; }
  .cta { padding-block:16px; font-size:.65rem; }
  .testimonials { padding-inline:20px; }
  .section-heading h2 { font-size:clamp(2.35rem,11vw,3.5rem); }
  .media-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
  .media-card { grid-column:1; width:100%; height:auto; min-height:0; }
  .photo-wide { aspect-ratio:4/3; }
  .photo-portrait { aspect-ratio:4/5; }
  .video-card { aspect-ratio:9/16; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .cta { transition:none; }
}