:root{
  --ink:#17120f;
  --charcoal:#211d1a;
  --red:#7b1818;
  --red-dark:#4f0d0d;
  --gold:#c7a45b;
  --cream:#f5efe4;
  --paper:#fffdf9;
  --muted:#6b6259;
  --line:#ded3c3;
  --shadow:0 18px 45px rgba(0,0,0,.15);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:linear-gradient(#f7f3ec,#eee6d8);
  line-height:1.6;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,calc(100% - 34px));margin:auto}
.topbar{background:#111;color:#f6f0e6;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:8px 0;font-size:.88rem}
.site-header{
  background:rgba(255,253,249,.97);
  border-bottom:1px solid var(--line);
  box-shadow:0 7px 20px rgba(0,0,0,.06);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:210px;height:90px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.13))}
.brand-text strong{font-family:Georgia,serif;font-size:1.35rem;display:block}
.brand-text span{font-size:.84rem;color:var(--muted)}
.nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.nav a{font-weight:800;font-size:.94rem;padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--red);border-bottom-color:var(--red)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 22px;border-radius:999px;font-weight:900;
  border:2px solid transparent;transition:.2s ease;
}
.btn-primary{background:linear-gradient(135deg,var(--red),#a22a2a);color:#fff;box-shadow:0 10px 22px rgba(123,24,24,.27)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--red)}
.btn-outline{border-color:var(--red);color:var(--red);background:transparent}
.hero{
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(199,164,91,.25),transparent 25%),
    linear-gradient(105deg,rgba(12,10,9,.97),rgba(89,12,12,.88)),
    #5b1111;
}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center;min-height:650px;padding:74px 0}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:900;color:#f1cd83;margin-bottom:14px}
.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.98;margin:0 0 18px}
.hero p{font-size:1.15rem;color:#eee7df;max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,240,229,.97));
  color:var(--ink);padding:30px;border-radius:28px;box-shadow:0 28px 65px rgba(0,0,0,.34)
}
.hero-card h2{font-family:Georgia,serif;font-size:2rem;margin:.2em 0}
.quick-list{list-style:none;padding:0;margin:18px 0 0}
.quick-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.quick-list li:last-child{border-bottom:0}
.section{padding:82px 0}
.section.cream{background:var(--cream)}
.section.dark{background:linear-gradient(135deg,#161311,#2a1717);color:#fff}
.section-head{max-width:780px;margin-bottom:34px}
.section-head h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.08;margin:0 0 12px}
.section-head p{color:var(--muted);font-size:1.04rem}
.section.dark .section-head p{color:#d7d0c7}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px;box-shadow:0 10px 28px rgba(0,0,0,.07)
}
.card h3{font-family:Georgia,serif;font-size:1.55rem;margin:0 0 10px}
.card p{color:var(--muted)}
.icon{
  width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,var(--red),#a22a2a);
  color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:18px
}
.feature{
  margin-top:-44px;position:relative;z-index:5
}
.feature-card{
  overflow:hidden;padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch
}
.feature-art{
  min-height:340px;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.13),transparent 18%),
    linear-gradient(135deg,#8b1d1d,#240808);
  color:#fff;display:grid;place-items:center;text-align:center;padding:40px
}
.feature-art strong{font-family:Georgia,serif;font-size:2.6rem}
.feature-copy{padding:42px}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 22px}
.pill{background:#f1e8da;border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:.84rem;font-weight:800}
.steps{display:grid;gap:18px}
.step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}
.step-num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#8e6a2f);color:#fff;font-weight:900}
.cta{
  background:
    radial-gradient(circle at 92% 15%,rgba(255,255,255,.13),transparent 24%),
    linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;padding:48px;border-radius:30px;
  display:flex;justify-content:space-between;align-items:center;gap:28px;box-shadow:var(--shadow)
}
.cta h2{font-family:Georgia,serif;font-size:2.5rem;margin:0}
.page-hero{background:linear-gradient(105deg,#15110f,#7b1818);color:#fff;padding:82px 0}
.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,4.5rem);margin:0}
.content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.full{grid-column:1/-1}
label{display:block;font-weight:900;margin-bottom:6px}
input,textarea,select{width:100%;padding:14px 15px;border:1px solid #bdb1a1;border-radius:12px;font:inherit;background:#fff}
textarea{min-height:160px;resize:vertical}
.notice{background:#fff8df;border:1px solid #e4cc80;border-radius:14px;padding:15px}
.auction-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.auction-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.auction-banner{min-height:300px;background:linear-gradient(135deg,#8d1e1e,#220707);display:grid;place-items:center;color:#fff;text-align:center;padding:34px}
.auction-banner strong{font-family:Georgia,serif;font-size:2.7rem}
.auction-copy{padding:30px}
footer{background:#101010;color:#eee9e2;border-top:4px solid var(--gold);padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:30px}
footer h3{font-family:Georgia,serif}
footer a{color:#eee9e2}
.footer-bottom{border-top:1px solid #373737;margin-top:32px;padding-top:18px;color:#bdb6ad;font-size:.9rem}
.list-clean{list-style:none;padding:0}
.list-clean li{padding:6px 0}
@media(max-width:950px){
  .hero-grid,.grid-3,.grid-2,.footer-grid,.feature-card,.auction-panel{grid-template-columns:1fr}
  .header-inner{flex-direction:column}
  .nav{justify-content:center}
  .hero-grid{min-height:auto;padding:58px 0}
  .feature{margin-top:24px}
}
@media(max-width:620px){
  .brand-text{display:none}
  .brand img{width:170px}
  .topbar-inner{justify-content:center;text-align:center}
  .nav{gap:12px 16px}
  .nav a{font-size:.88rem}
  .form-grid{grid-template-columns:1fr}
  .section{padding:58px 0}
  .cta{flex-direction:column;align-items:flex-start}
}


/* =========================================================
   VERSION 4.1 — CLEAR NAVIGATION / HIGH-CONTRAST UPDATE
   ========================================================= */

body{
  background:#f7f4ee;
  color:#1b1714;
}

.topbar{
  background:#111;
  color:#fff;
}
.topbar a{color:#fff}

.site-header{
  position:relative;
  background:#fff;
  border-bottom:0;
  box-shadow:0 5px 16px rgba(0,0,0,.10);
}

.header-inner{
  min-height:auto;
  padding:10px 0 0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.brand{
  justify-content:center;
  width:100%;
}

.brand img{
  width:128px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.12));
}

.brand-text{
  display:block;
}

.brand-text strong{
  font-size:1.15rem;
}

.brand-text span{
  font-size:.8rem;
}

.nav{
  width:100%;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  background:#2a211c;
  border-radius:12px 12px 0 0;
  overflow:hidden;
}

.nav a{
  color:#fff;
  text-align:center;
  padding:14px 8px;
  border-right:1px solid rgba(255,255,255,.16);
  border-bottom:4px solid transparent;
  font-size:.94rem;
  letter-spacing:.01em;
}

.nav a:last-child{
  border-right:0;
}

.nav a:hover,
.nav a[aria-current="page"]{
  background:#7b1818;
  color:#fff;
  border-bottom-color:#d5b36f;
}

.nav a:focus{
  outline:3px solid #f0ce84;
  outline-offset:-3px;
}

.hero-grid{
  min-height:540px;
  padding:58px 0;
}

.hero h1{
  font-size:clamp(2.6rem,5vw,4.8rem);
}

.hero-actions .btn,
.cta .btn,
.card .btn,
.auction-copy .btn{
  color:#fff !important;
}

.btn-light{
  background:#fff;
  color:#6d1113 !important;
  border-color:#fff;
}

.btn-outline{
  color:#7b1818 !important;
  background:#fff;
  border-color:#7b1818;
}

.card a:not(.btn),
.content a:not(.btn){
  color:#6b1113;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}

footer a{
  color:#f3d58e;
  text-decoration:underline;
  text-underline-offset:3px;
}

.quick-access{
  background:#f0e5d2;
  border-bottom:1px solid #d7c5aa;
}

.quick-access-inner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:14px 0;
}

.quick-access a{
  background:#fff;
  border:1px solid #cfb993;
  border-radius:12px;
  padding:12px 14px;
  text-align:center;
  font-weight:900;
  color:#641113;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
}

.quick-access a:hover{
  background:#7b1818;
  color:#fff;
}

@media(max-width:950px){
  .header-inner{
    padding-bottom:0;
  }

  .nav{
    grid-template-columns:repeat(3,1fr);
    border-radius:10px 10px 0 0;
  }

  .nav a:nth-child(3n){
    border-right:0;
  }

  .brand-text{
    display:block;
  }
}

@media(max-width:620px){
  .brand img{
    width:108px;
    height:50px;
  }

  .brand-text strong{
    font-size:1rem;
  }

  .nav{
    grid-template-columns:repeat(2,1fr);
  }

  .nav a{
    padding:12px 6px;
    font-size:.88rem;
  }

  .quick-access-inner{
    grid-template-columns:1fr;
  }

  .hero-grid{
    padding:42px 0;
  }
}


/* =========================================================
   VERSION 4.2 — FACEBOOK / PROFESSIONAL CONTENT UPDATE
   ========================================================= */

.social-top{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.social-top a{
  color:#fff;
  font-weight:800;
}
.social-top .facebook-link{
  background:#1877f2;
  padding:6px 11px;
  border-radius:999px;
  text-decoration:none;
}

.hero{
  background:
    linear-gradient(90deg,rgba(13,10,9,.93),rgba(104,14,15,.80)),
    radial-gradient(circle at 78% 24%,rgba(199,164,91,.33),transparent 30%),
    linear-gradient(135deg,#1b0d0b,#8a1819);
  position:relative;
  overflow:hidden;
}
.hero:after{
  content:"HEARD AUCTION COMPANY";
  position:absolute;
  right:-60px;
  bottom:20px;
  font-family:Georgia,serif;
  font-size:clamp(4rem,10vw,9rem);
  letter-spacing:.04em;
  color:rgba(255,255,255,.045);
  white-space:nowrap;
  pointer-events:none;
}
.hero-grid{position:relative;z-index:1}

.action-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.action-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow:0 9px 22px rgba(0,0,0,.08);
}
.action-card .action-icon{
  width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;
  margin-bottom:14px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,var(--red),#a52a2a);
}
.action-card.facebook .action-icon{background:#1877f2}
.action-card h3{font-family:Georgia,serif;margin:0 0 8px}
.action-card p{color:var(--muted)}
.action-card a{font-weight:900;color:var(--red)}
.action-card.facebook a{color:#1264ca}

.facebook-section{
  background:
    radial-gradient(circle at 90% 18%,rgba(255,255,255,.15),transparent 24%),
    linear-gradient(135deg,#1877f2,#0f4fa5);
  color:#fff;
}
.facebook-section .section-head p{color:#edf4ff}
.facebook-panel{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:center;
}
.facebook-card{
  background:#fff;
  color:var(--ink);
  border-radius:24px;
  padding:30px;
  box-shadow:var(--shadow);
}
.facebook-card ul{padding-left:20px}
.facebook-card li{margin:9px 0}

.service-icon-symbol{
  font-size:1.4rem;
  line-height:1;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.why-item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
}
.why-item strong{
  font-family:Georgia,serif;
  font-size:1.25rem;
  display:block;
  margin-bottom:7px;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.testimonial{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:25px;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.testimonial p{
  font-family:Georgia,serif;
  font-style:italic;
  font-size:1.05rem;
}
.testimonial span{color:var(--muted);font-size:.9rem}

.map-box{
  min-height:340px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(123,24,24,.88),rgba(31,25,22,.9)),
    #6f1717;
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  padding:35px;
}
.map-box h3{font-family:Georgia,serif;font-size:2rem;margin:.2em 0}
.map-box a{color:#fff;text-decoration:underline;font-weight:900}

.facebook-btn{
  background:#1877f2 !important;
  color:#fff !important;
  border-color:#1877f2 !important;
}
.facebook-btn:hover{background:#0f5fcb !important}

.footer-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.footer-social a{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#2c2c2c;
  color:#fff;
  text-decoration:none;
}
.footer-social a.facebook{background:#1877f2}

@media(max-width:950px){
  .action-cards,.why-grid,.testimonial-grid,.facebook-panel{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .action-cards,.why-grid,.testimonial-grid,.facebook-panel{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   VERSION 4.3 — STRONGER BRAND HEADER / TEAM / AUCTION FLYER
   ========================================================= */

.header-inner{
  padding-top:12px;
}

.brand{
  min-height:82px;
}

.brand img{
  width:175px;
  height:76px;
}

.brand-text strong{
  font-size:1.3rem;
}

.brand-text span{
  font-size:.88rem;
}

.team-feature{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:34px;
  align-items:center;
}

.profile-photo-wrap{
  background:linear-gradient(135deg,#7b1818,#211815);
  border-radius:26px;
  padding:10px;
  box-shadow:var(--shadow);
}

.profile-photo{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
  border-radius:19px;
  border:4px solid #fff;
}

.bio-panel h2{
  font-family:Georgia,serif;
  font-size:clamp(2.3rem,4vw,3.6rem);
  margin:.1em 0 .35em;
}

.bio-credentials{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0;
}

.bio-credentials span{
  background:#f1e8da;
  border:1px solid var(--line);
  color:#5d1515;
  padding:7px 11px;
  border-radius:999px;
  font-weight:900;
  font-size:.85rem;
}

.team-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.team-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.07);
}

.team-card img,
.team-placeholder{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}

.team-placeholder{
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  color:#fff;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 25%),
    linear-gradient(135deg,#7b1818,#25100f);
}

.team-placeholder strong{
  font-family:Georgia,serif;
  font-size:1.45rem;
}

.team-card-copy{
  padding:22px;
}

.team-card-copy h3{
  font-family:Georgia,serif;
  margin:0 0 6px;
}

.flyer-feature{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:center;
}

.flyer-frame{
  background:#181311;
  border:1px solid #5b4632;
  border-radius:24px;
  padding:12px;
  box-shadow:var(--shadow);
}

.flyer-frame img{
  width:100%;
  max-height:800px;
  object-fit:contain;
  border-radius:15px;
}

.flyer-copy h2{
  font-family:Georgia,serif;
  font-size:clamp(2.2rem,4vw,3.5rem);
  line-height:1.08;
  margin:.1em 0 .35em;
}

.event-details{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:22px 0;
}

.event-detail{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:15px;
}

.event-detail strong{
  display:block;
  color:#7b1818;
  margin-bottom:4px;
}

.flyer-thumb{
  width:100%;
  max-height:360px;
  object-fit:contain;
  background:#17110f;
  border-radius:18px;
  padding:8px;
}

@media(max-width:950px){
  .team-feature,.flyer-feature,.team-grid{
    grid-template-columns:1fr;
  }

  .profile-photo{
    max-height:680px;
  }
}

@media(max-width:620px){
  .brand img{
    width:145px;
    height:64px;
  }

  .brand{
    min-height:68px;
  }

  .event-details{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   VERSION 4.4 — EXPANDED ABOUT PAGE
   ========================================================= */

.credential-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:28px 0;
}
.credential-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}
.credential-card .badge-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:linear-gradient(135deg,var(--red),#a52a2a);
  color:#fff;
  font-size:1.6rem;
  font-weight:900;
}
.credential-card h3{
  font-family:Georgia,serif;
  font-size:1.15rem;
  margin:0 0 6px;
}
.credential-card p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}
.mission-box{
  background:
    radial-gradient(circle at 92% 10%,rgba(255,255,255,.12),transparent 26%),
    linear-gradient(135deg,#7b1818,#3f0c0c);
  color:#fff;
  border-radius:28px;
  padding:44px;
  box-shadow:var(--shadow);
}
.mission-box h2{
  font-family:Georgia,serif;
  font-size:clamp(2.2rem,4vw,3.4rem);
  margin:0 0 14px;
}
.mission-box p{
  font-size:1.08rem;
  color:#f5eee7;
}
.timeline{
  position:relative;
  margin-top:28px;
}
.timeline:before{
  content:"";
  position:absolute;
  left:24px;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(var(--gold),var(--red));
}
.timeline-item{
  position:relative;
  padding-left:78px;
  margin-bottom:28px;
}
.timeline-dot{
  position:absolute;
  left:7px;
  top:0;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--gold),#8e6a2f);
  color:#fff;
  font-weight:900;
  border:4px solid #fff;
  box-shadow:0 0 0 3px rgba(199,164,91,.28);
}
.timeline-item h3{
  font-family:Georgia,serif;
  font-size:1.4rem;
  margin:0 0 6px;
}
.timeline-item p{
  color:var(--muted);
  margin:0;
}
@media(max-width:950px){
  .credential-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .credential-grid{grid-template-columns:1fr}
  .mission-box{padding:30px}
}


/* =========================================================
   VERSION 5.0 — FULL-WIDTH BANNER / PREMIUM HOMEPAGE
   ========================================================= */

.site-header{
  background:#fffdf9;
  position:relative;
  z-index:20;
}

.fullwidth-hero{
  position:relative;
  overflow:hidden;
  min-height:690px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(8,8,8,.95) 0%,rgba(20,15,13,.87) 35%,rgba(91,12,14,.70) 100%),
    radial-gradient(circle at 76% 18%,rgba(199,164,91,.30),transparent 28%),
    linear-gradient(135deg,#100d0c,#761416);
}

.fullwidth-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0 55%,rgba(255,255,255,.025) 55% 56%,transparent 56% 100%);
  background-size:85px 85px;
  pointer-events:none;
}

.fullwidth-hero-inner{
  width:min(1400px,calc(100% - 34px));
  margin:auto;
  display:grid;
  grid-template-columns:.95fr .9fr 1.05fr;
  gap:30px;
  align-items:end;
  min-height:690px;
  padding:42px 0 0;
  position:relative;
  z-index:2;
}

.hero-logo-panel{
  align-self:center;
  padding-bottom:70px;
}

.hero-logo-panel img{
  width:min(100%,470px);
  margin:auto;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.45));
}

.hero-portrait{
  align-self:end;
  display:flex;
  justify-content:center;
}

.hero-portrait img{
  width:min(100%,430px);
  max-height:620px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.42));
}

.hero-copy{
  align-self:center;
  padding:34px 0 80px;
}

.hero-copy h1{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(3rem,5vw,5.4rem);
  line-height:.98;
}

.hero-copy p{
  font-size:1.1rem;
  color:#f2ece4;
  max-width:640px;
}

.hero-copy .tagline{
  color:#f0cb7e;
  font-family:Georgia,serif;
  font-style:italic;
  font-size:1.35rem;
  margin:10px 0 14px;
}

.hero-credentials{
  display:grid;
  gap:8px;
  margin:22px 0;
}

.hero-credentials span{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:800;
}

.hero-credentials span:before{
  content:"✓";
  color:#f0cb7e;
}

.hero-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.home-nav-cards{
  margin-top:-42px;
  position:relative;
  z-index:5;
}

.home-nav-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.home-nav-card{
  border-radius:20px;
  padding:24px;
  color:#fff;
  box-shadow:0 16px 30px rgba(0,0,0,.16);
  min-height:170px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.home-nav-card.bid{background:linear-gradient(135deg,#861719,#4f0c0d)}
.home-nav-card.sell{background:linear-gradient(135deg,#b38c3d,#7c5b20)}
.home-nav-card.team{background:linear-gradient(135deg,#173f6d,#0c243f)}

.home-nav-card h3{
  font-family:Georgia,serif;
  font-size:1.7rem;
  margin:0 0 8px;
}

.home-nav-card p{
  color:#f5f5f5;
  margin:0 0 18px;
}

.home-nav-card a{
  font-weight:900;
  color:#fff;
}

.upcoming-showcase{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:center;
}

.upcoming-showcase .flyer-frame{
  max-width:620px;
  margin:auto;
}

.countdown-style{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:22px 0;
}

.countdown-style div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px;
  text-align:center;
}

.countdown-style strong{
  display:block;
  color:var(--red);
  font-size:1.05rem;
}

.premium-services .card{
  min-height:250px;
}

.premium-footer-logo img{
  width:190px;
  margin-bottom:18px;
}

@media(max-width:1100px){
  .fullwidth-hero-inner{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }
  .hero-logo-panel{
    display:none;
  }
  .hero-copy{
    padding-bottom:50px;
  }
}

@media(max-width:850px){
  .fullwidth-hero-inner,
  .home-nav-grid,
  .upcoming-showcase{
    grid-template-columns:1fr;
  }
  .fullwidth-hero-inner{
    padding-top:42px;
  }
  .hero-copy{
    order:1;
    padding:20px 0 20px;
    text-align:center;
  }
  .hero-portrait{
    order:2;
  }
  .hero-portrait img{
    max-height:480px;
  }
  .hero-credentials{
    justify-items:center;
  }
  .hero-cta-row{
    justify-content:center;
  }
  .home-nav-cards{
    margin-top:22px;
  }
}

@media(max-width:620px){
  .countdown-style{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   VERSION 5.1 — HERO ALIGNMENT / POLISH PASS
   ========================================================= */

:root{
  --gold-soft:#d8b86f;
  --gold-deep:#9f7833;
}

/* Refined navigation */
.site-header{
  border-bottom:3px solid var(--gold);
}
.header-inner{
  padding:12px 0 8px;
}
.nav a{
  font-size:1rem;
  padding:12px 10px;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.nav a:hover,
.nav a[aria-current="page"]{
  background:#7b1818;
  color:#fff;
  border-bottom-color:var(--gold-soft);
}

/* More premium banner surface without altering brand assets */
.fullwidth-hero{
  min-height:660px;
  background:
    linear-gradient(90deg,rgba(9,8,7,.95) 0%,rgba(28,20,16,.90) 34%,rgba(102,18,19,.74) 100%),
    radial-gradient(circle at 29% 34%,rgba(216,184,111,.20),transparent 26%),
    radial-gradient(circle at 73% 24%,rgba(216,184,111,.18),transparent 24%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.018) 0,
      rgba(255,255,255,.018) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(135deg,#140f0c,#6f1113);
}
.fullwidth-hero:before{
  background:
    radial-gradient(circle at 48% 45%,rgba(255,255,255,.055),transparent 30%),
    linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.022) 58% 59%,transparent 59% 100%);
  background-size:auto,90px 90px;
}

/* Better vertical positioning and balance */
.fullwidth-hero-inner{
  grid-template-columns:1.02fr .90fr 1.08fr;
  gap:34px;
  min-height:660px;
  align-items:center;
  padding:24px 0 18px;
}

.hero-logo-panel{
  align-self:center;
  padding-bottom:0;
  transform:translateY(-30px);
}
.hero-logo-panel img{
  width:min(100%,520px);
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.46))
    drop-shadow(0 0 20px rgba(216,184,111,.18));
}

.hero-portrait{
  align-self:center;
  transform:translateY(-38px);
}
.hero-portrait img{
  width:min(100%,445px);
  max-height:590px;
  object-fit:contain;
  object-position:center center;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.45));
}

.hero-copy{
  align-self:center;
  padding:18px 0 28px;
  transform:translateY(-12px);
}
.hero-copy h1{
  font-size:clamp(3rem,4.7vw,5.1rem);
  max-width:690px;
}
.hero-copy p{
  max-width:680px;
}
.hero-copy .tagline{
  font-size:1.45rem;
  color:var(--gold-soft);
}

/* Button polish */
.btn{
  min-height:48px;
  letter-spacing:.01em;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.btn:hover{
  transform:translateY(-2px);
}

/* Card and section consistency */
.card,
.home-nav-card,
.why-item,
.testimonial,
.credential-card{
  transition:transform .2s ease,box-shadow .2s ease;
}
.card:hover,
.home-nav-card:hover,
.why-item:hover,
.testimonial:hover,
.credential-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(0,0,0,.12);
}

.section-head h2{
  letter-spacing:-.015em;
}
.icon,
.action-icon,
.badge-icon{
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}

/* Responsive refinements */
@media(max-width:1100px){
  .fullwidth-hero-inner{
    grid-template-columns:.9fr 1.1fr;
    min-height:610px;
  }
  .hero-logo-panel{
    display:block;
    grid-column:1;
    grid-row:1;
    transform:translateY(-22px);
  }
  .hero-portrait{
    grid-column:1;
    grid-row:1;
    transform:translateY(78px);
    opacity:.94;
  }
  .hero-logo-panel img{
    width:min(92%,420px);
    margin-top:-120px;
  }
  .hero-portrait img{
    max-height:500px;
  }
  .hero-copy{
    grid-column:2;
    grid-row:1;
    transform:translateY(-6px);
  }
}

@media(max-width:850px){
  .fullwidth-hero-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:34px;
  }
  .hero-logo-panel{
    display:block;
    grid-column:1;
    grid-row:1;
    transform:none;
    text-align:center;
  }
  .hero-logo-panel img{
    width:min(80%,330px);
    margin:0 auto;
  }
  .hero-copy{
    grid-column:1;
    grid-row:2;
    transform:none;
    text-align:center;
    padding:16px 0 8px;
  }
  .hero-portrait{
    grid-column:1;
    grid-row:3;
    transform:translateY(-6px);
  }
  .hero-portrait img{
    max-height:450px;
  }
}

@media(max-width:620px){
  .fullwidth-hero{
    min-height:auto;
  }
  .hero-logo-panel img{
    width:min(88%,285px);
  }
  .hero-portrait img{
    max-height:390px;
  }
  .hero-copy h1{
    font-size:clamp(2.5rem,11vw,3.5rem);
  }
}


/* VERSION 5.2 — SPECIAL ANNOUNCEMENT */
.announcement-highlight{
  background:linear-gradient(135deg,#15110f,#3d0c0c);
  color:#fff;
  border-top:4px solid var(--gold);
  border-bottom:4px solid var(--gold);
}
.announcement-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:center;
}
.announcement-poster{
  background:#0e0e0e;
  border:1px solid #6f5730;
  border-radius:24px;
  padding:10px;
  box-shadow:var(--shadow);
}
.announcement-poster img{
  width:100%;
  border-radius:16px;
}
.announcement-copy h2{
  font-family:Georgia,serif;
  font-size:clamp(2.3rem,4vw,3.7rem);
  line-height:1.05;
  margin:.1em 0 .4em;
}
.announcement-copy p{color:#eee6dc;font-size:1.04rem}
.announcement-badge{
  display:inline-block;
  background:var(--gold);
  color:#17120f;
  padding:7px 12px;
  border-radius:999px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
}
.announcement-page-photo{
  width:100%;
  border-radius:22px;
  border:8px solid #fff;
  box-shadow:var(--shadow);
}
.announcement-text-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:32px;
}
.announcement-text-panel h2{font-family:Georgia,serif;font-size:2.4rem;margin-top:0}
@media(max-width:900px){.announcement-grid{grid-template-columns:1fr}}

/* VERSION 5.3 — DATA-DRIVEN AUCTION MANAGEMENT */
.auction-list{display:grid;gap:34px}
.auction-card{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:34px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);scroll-margin-top:130px}
.auction-card-flyer{display:block;background:#111;border-radius:17px;overflow:hidden;align-self:start}
.auction-card-flyer img{display:block;width:100%;height:auto}
.auction-card-copy{padding:12px 12px 18px}
.auction-card-copy h2{font-family:Georgia,serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08;margin:.35em 0 .45em;color:#241811}
.auction-card-copy p{font-size:1.04rem}
.auction-seller{color:#7b1818}
.auction-status{display:inline-block;padding:7px 12px;border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.auction-status.upcoming{background:#f1d384;color:#261b10}
.auction-status.past{background:#e5e5e5;color:#444}
.auction-facts{margin:22px 0}
.category-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.category-tags span{background:#f2ece4;border:1px solid #ddd0c0;border-radius:999px;padding:7px 11px;font-weight:800;font-size:.86rem;color:#5f211f}
.live-countdown{margin:20px 0;padding:15px 18px;background:linear-gradient(135deg,#211814,#7b1818);color:#fff;border-radius:16px;border:1px solid #b99349;box-shadow:0 12px 24px rgba(0,0,0,.16)}
.countdown-label{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#f1d384;margin-bottom:8px}
.countdown-units{display:grid;grid-template-columns:repeat(4,auto auto);justify-content:start;gap:5px 9px;align-items:baseline}
.countdown-units b{font-size:1.65rem}
.countdown-units small{font-size:.72rem;text-transform:uppercase;color:#eee0cf;margin-right:8px}
.no-auctions{grid-column:1/-1;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px;box-shadow:var(--shadow)}
.archive .auction-card{opacity:.95}
.archive-empty{text-align:center;font-size:1.05rem;background:#fff;padding:28px;border-radius:18px;border:1px solid var(--line)}
@media(max-width:850px){.auction-card{grid-template-columns:1fr}.auction-card-flyer{max-width:620px;margin:auto}.countdown-units{grid-template-columns:repeat(2,auto auto)}}
@media(max-width:520px){.countdown-units{grid-template-columns:auto auto;gap:2px 10px}.countdown-units small{margin-right:0}.auction-card{padding:10px}.auction-card-copy{padding:10px 6px 14px}}


/* VERSION 5.3.1 — Google Maps directions button visibility fix */
.hero-actions .btn.btn-outline,
.auction-card .hero-actions .btn.btn-outline,
.flyer-copy .hero-actions .btn.btn-outline {
  color: #7b1818 !important;
  background: #ffffff !important;
  border-color: #7b1818 !important;
}

.hero-actions .btn.btn-outline:hover,
.auction-card .hero-actions .btn.btn-outline:hover,
.flyer-copy .hero-actions .btn.btn-outline:hover {
  color: #ffffff !important;
  background: #7b1818 !important;
}


/* v5.3.2 Fix remaining invisible UI elements */
a.btn, .btn, .btn-outline{
 color:#7b1818!important;
 background:#fff!important;
 border:2px solid #7b1818!important;
}
a.btn:hover,.btn:hover,.btn-outline:hover{
 background:#7b1818!important;
 color:#fff!important;
}
.why-item .icon,
.why-item .icon *,
.why-item .action-icon,
.why-item svg,
.why-item i{
 color:#7b1818!important;
 fill:#7b1818!important;
 stroke:#7b1818!important;
}
.why-item{
 min-height:180px;
}


/* VERSION 5.3.3 — COMPLETE DISPLAY RELIABILITY FIX
   Self-contained button and feature-card styling; no external icon library required. */

/* Reset the earlier broad overrides and give every button type a guaranteed contrast. */
a.btn,
button.btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px;
  padding:13px 22px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
  -webkit-text-fill-color:currentColor;
}

a.btn-primary,
button.btn-primary {
  color:#ffffff !important;
  background:linear-gradient(135deg,#7b1818,#a22a2a) !important;
  border:2px solid #7b1818 !important;
}

a.btn-primary:hover,
button.btn-primary:hover {
  color:#ffffff !important;
  background:#5d1012 !important;
  border-color:#5d1012 !important;
}

a.btn-light,
button.btn-light,
.announcement-highlight a.btn-light,
.facebook-section a.btn-light,
.cta a.btn-light,
.hero a.btn-light {
  color:#6d1113 !important;
  background:#ffffff !important;
  border:2px solid #ffffff !important;
  box-shadow:0 8px 18px rgba(0,0,0,.15) !important;
}

a.btn-light:hover,
button.btn-light:hover,
.announcement-highlight a.btn-light:hover,
.facebook-section a.btn-light:hover,
.cta a.btn-light:hover,
.hero a.btn-light:hover {
  color:#ffffff !important;
  background:#7b1818 !important;
  border-color:#ffffff !important;
}

a.btn-outline,
button.btn-outline,
.auction-card a.btn-outline,
.flyer-copy a.btn-outline {
  color:#7b1818 !important;
  background:#ffffff !important;
  border:2px solid #7b1818 !important;
}

a.btn-outline:hover,
button.btn-outline:hover,
.auction-card a.btn-outline:hover,
.flyer-copy a.btn-outline:hover {
  color:#ffffff !important;
  background:#7b1818 !important;
  border-color:#7b1818 !important;
}

a.facebook-btn,
button.facebook-btn {
  color:#ffffff !important;
  background:#1877f2 !important;
  border:2px solid #1877f2 !important;
}

a.facebook-btn:hover,
button.facebook-btn:hover {
  color:#ffffff !important;
  background:#0f5fcb !important;
  border-color:#0f5fcb !important;
}

/* Ensure the call-to-action button under “Ready to Get Started?” is always visible. */
.cta .btn {
  flex:0 0 auto;
  white-space:normal;
  text-align:center;
  min-width:210px;
}

/* Restore readable content in the four Why Choose cards. */
.section.dark .why-item {
  color:#241811 !important;
  background:#ffffff !important;
  border:1px solid #d8cbbb !important;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.section.dark .why-item strong {
  color:#241811 !important;
}
.section.dark .why-item span {
  color:#655b53 !important;
  line-height:1.55;
}
.why-icon {
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:linear-gradient(135deg,#7b1818,#a22a2a);
  box-shadow:0 10px 20px rgba(0,0,0,.16);
}
.why-icon svg {
  width:29px;
  height:29px;
  fill:#ffffff !important;
  stroke:none !important;
  display:block;
}

@media(max-width:620px){
  .cta .btn{width:100%;min-width:0}
}


/* VERSION 5.3.4 — Force visible text on the two affected Safari/iPhone buttons */
.text-safe-button,
.text-safe-button:link,
.text-safe-button:visited {
  color:#6d1113 !important;
  -webkit-text-fill-color:#6d1113 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.text-safe-button span {
  display:inline !important;
  color:#6d1113 !important;
  -webkit-text-fill-color:#6d1113 !important;
  font-size:1rem !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.text-safe-button:hover,
.text-safe-button:focus {
  background:#7b1818 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.text-safe-button:hover span,
.text-safe-button:focus span {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}