/*
Theme Name: Hayden Colson
Theme URI: https://haydencolson.com
Author: Hayden Colson
Description: Luxury real estate personal brand — Westside Los Angeles
Version: 1.0.0
License: Private
Text Domain: hayden-colson
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0C0B09;color:#F2EDE4;font-family:'Jost',sans-serif;font-weight:300;overflow-x:hidden}

:root{
  --cream:#F2EDE4;
  --cream-60:rgba(242,237,228,0.6);
  --cream-30:rgba(242,237,228,0.3);
  --cream-12:rgba(242,237,228,0.12);
  --ink:#0C0B09;
  --ink-2:#131209;
  --gold:#B8935A;
  --gold-lt:#D4B483;
  --sand:#1C1A14;
  --line:rgba(242,237,228,0.1);
  --serif:'Cormorant Garamond',serif;
  --sans:'Jost',sans-serif;
  --g:64px;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* NAV */
#site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:30px var(--g);
  transition:padding .5s,background .5s,border-color .5s;
  border-bottom:1px solid transparent;
}
#site-header.scrolled{background:rgba(12,11,9,0.94);backdrop-filter:blur(20px);padding:18px var(--g);border-bottom-color:var(--line)}
.site-logo{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.05em;color:var(--cream);text-decoration:none;display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.logo-sep{display:inline-block;width:1px;height:.9em;background:var(--cream-30)}
.compass-logo{display:inline-block;height:.86em;width:auto;vertical-align:baseline;fill:currentColor}
.compass-logo-lg .compass-logo{height:.62em}
.nav-menu{display:flex;gap:36px;list-style:none;align-items:center}
.nav-menu li{list-style:none}
.nav-menu li a{font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-60);text-decoration:none;transition:color .2s}
.nav-menu li a:hover,.nav-menu li.current-menu-item a{color:var(--cream)}
.nav-menu a{font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-60);text-decoration:none;transition:color .2s}
.nav-menu a:hover,.nav-menu a.current-menu-item{color:var(--cream)}
.nav-cta{font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);border:1px solid rgba(242,237,228,0.25);padding:10px 22px;text-decoration:none;transition:border-color .25s,color .25s}
.nav-cta:hover{border-color:var(--gold);color:var(--gold)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:24px;height:1px;background:var(--cream);transition:transform .3s,opacity .3s}

/* HERO */
.hero{position:relative;height:100vh;min-height:680px;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(0.7) brightness(0.5);transform:scale(1.05);animation:zoomOut 20s ease-out forwards}
@keyframes zoomOut{to{transform:scale(1)}}
.hero-g1{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,9,.97) 0%,rgba(12,11,9,.45) 38%,rgba(12,11,9,.1) 65%,transparent 100%)}
.hero-g2{position:absolute;inset:0;background:linear-gradient(to right,rgba(12,11,9,.55) 0%,transparent 55%)}
.hero-noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:512px}
.hero-body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--g) 110px}
.hero-pre{font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.hero-h1{font-family:var(--serif);font-size:clamp(58px,7.5vw,108px);font-weight:300;line-height:.96;letter-spacing:-.015em;color:var(--cream);margin-bottom:36px}
.hero-h1 em{font-style:italic;color:var(--gold-lt);font-weight:300}
.hero-p{font-size:14px;font-weight:300;color:var(--cream-60);line-height:1.85;max-width:420px;margin-bottom:48px}
.hero-acts{display:flex;align-items:center;gap:32px}
.hero-loc{position:absolute;bottom:110px;right:var(--g);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,237,228,0.25);writing-mode:vertical-rl}
.hero-scroll{position:absolute;bottom:44px;left:var(--g);display:flex;align-items:center;gap:14px}
.scroll-line{width:1px;height:34px;background:rgba(242,237,228,0.2);animation:scrollPulse 2.4s infinite}
@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.01%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero-scroll span{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,237,228,0.22)}

/* BUTTONS */
.btn-primary,.btn-solid{font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:15px 34px;text-decoration:none;transition:background .3s;display:inline-block;border:none;cursor:pointer}
.btn-primary:hover,.btn-solid:hover{background:var(--gold-lt);color:var(--ink)}
.btn-ghost{font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-60);text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:color .25s}
.btn-ghost::after{content:'';display:block;width:30px;height:1px;background:currentColor;transition:width .3s}
.btn-ghost:hover{color:var(--cream)}.btn-ghost:hover::after{width:50px}

/* SHARED */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}
.reveal.visible{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.34s}.d4{transition-delay:.48s}
.eyebrow{font-size:9px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,237,228,0.3)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.sec-title{font-family:var(--serif);font-size:clamp(36px,4.2vw,58px);font-weight:300;line-height:1.05;color:var(--cream)}
.sec-title em{font-style:italic;color:var(--gold-lt)}
.sec-lnk{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,237,228,0.3);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:color .25s}
.sec-lnk::after{content:'';display:block;width:18px;height:1px;background:currentColor;transition:width .3s}
.sec-lnk:hover{color:var(--gold)}.sec-lnk:hover::after{width:34px}

/* INTRO */
.intro-strip{padding:110px var(--g);display:grid;grid-template-columns:200px 1fr;gap:80px;align-items:start;border-bottom:1px solid var(--line)}
.intro-body{font-family:var(--serif);font-size:clamp(20px,2.3vw,30px);font-weight:300;line-height:1.6;color:rgba(242,237,228,0.75)}
.intro-body em{font-style:italic;color:var(--cream)}
.intro-body p+p{margin-top:1.3em}

/* BUY SELL SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px;border-bottom:1px solid var(--line)}
.split-panel{position:relative;overflow:hidden}
.split-panel+.split-panel{border-left:1px solid var(--line)}
.split-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.65) brightness(0.42);transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .8s}
.split-panel:hover .split-img{transform:scale(1.04);filter:saturate(0.75) brightness(0.5)}
.split-g{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,9,.92) 0%,rgba(12,11,9,.3) 50%,transparent 100%)}
.split-body{position:absolute;bottom:0;left:0;right:0;padding:52px 48px}
.split-tag{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:block}
.split-h{font-family:var(--serif);font-size:clamp(28px,3vw,42px);font-weight:300;line-height:1.1;color:var(--cream);margin-bottom:16px}
.split-h em{font-style:italic;color:var(--gold-lt)}
.split-p{font-size:13px;font-weight:300;line-height:1.8;color:rgba(242,237,228,0.5);margin-bottom:32px;max-width:360px}
.split-lnk{font-size:9px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);display:inline-flex;align-items:center;gap:12px;text-decoration:none;transition:color .25s}
.split-lnk::after{content:'';display:block;width:24px;height:1px;background:currentColor;transition:width .3s}
.split-lnk:hover{color:var(--gold)}.split-lnk:hover::after{width:44px}

/* COMMUNITIES */
.communities-section{padding:100px var(--g);border-bottom:1px solid var(--line)}
.com-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,360px);gap:2px}
.com-card{position:relative;height:360px;overflow:hidden;background:#0C0B09}
.com-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.7) brightness(0.55);transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .7s}
.com-card:hover .com-img{transform:scale(1.06);filter:saturate(0.85) brightness(0.65)}
.com-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,9,.92) 0%,rgba(12,11,9,.25) 50%,rgba(12,11,9,.05) 100%)}
.com-body{position:absolute;bottom:0;left:0;right:0;padding:36px 32px}
.com-name{font-family:var(--serif);font-size:clamp(24px,2.2vw,32px);font-weight:300;color:var(--cream);line-height:1.05;margin-bottom:8px}
.com-tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,237,228,0.4);display:block;margin-bottom:20px}
.com-lnk{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px;text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.com-lnk::after{content:'';display:block;width:16px;height:1px;background:var(--gold);transition:width .3s}
.com-card:hover .com-lnk{opacity:1;transform:none}
.com-card:hover .com-lnk::after{width:30px}
.com-note{margin-top:20px;font-size:11px;color:rgba(242,237,228,0.18)}

/* INSIGHTS */
.insights-section{padding:100px var(--g);border-bottom:1px solid var(--line)}
.ins-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2px}
.ins-card{background:var(--ink-2);padding:44px 36px;display:flex;flex-direction:column;text-decoration:none;transition:background .3s;border:1px solid var(--line)}
.ins-card:hover{background:#161410}
.ins-card.featured{background:var(--sand);padding:52px 44px}
.ins-card.featured:hover{background:#211E15}
.ins-tag{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,237,228,0.3);margin-bottom:24px;display:block}
.ins-title{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.3;color:var(--cream);flex:1;margin-bottom:28px}
.ins-card.featured .ins-title{font-size:28px}
.ins-meta{font-size:10px;color:rgba(242,237,228,0.22);letter-spacing:.06em}

/* TESTIMONIAL */
.testimonial-section{padding:100px var(--g);display:grid;grid-template-columns:180px 1fr;gap:80px;align-items:center;border-bottom:1px solid var(--line)}
.testimonial-quote{font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);font-weight:300;font-style:italic;line-height:1.55;color:rgba(242,237,228,0.8);margin-bottom:32px}
.testimonial-quote::before{content:'\201C';font-size:72px;line-height:.5;color:rgba(184,147,90,0.25);display:block;margin-bottom:20px;font-family:var(--serif)}
.testimonial-attr{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,237,228,0.28);display:flex;align-items:center;gap:16px}
.testimonial-attr::before{content:'';display:block;width:20px;height:1px;background:var(--gold)}

/* CTA */
.cta-band{padding:100px var(--g);display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px}
.cta-headline{font-family:var(--serif);font-size:clamp(32px,3.8vw,54px);font-weight:300;line-height:1.08;color:var(--cream)}
.cta-headline em{font-style:italic;color:var(--gold-lt)}
.cta-sub{font-size:14px;font-weight:300;color:var(--cream-60);line-height:1.85;margin-top:16px;max-width:520px}
.cta-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-end;flex-shrink:0}

/* FOOTER */
#site-footer{background:#090807;padding:64px var(--g) 44px;border-top:1px solid var(--line)}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:52px;padding-bottom:52px;border-bottom:1px solid var(--line);margin-bottom:36px}
.footer-brand-name{font-family:var(--serif);font-size:20px;font-weight:300;color:var(--cream);margin-bottom:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.footer-brand-tagline{font-size:12px;font-weight:300;color:rgba(242,237,228,0.3);line-height:1.8;max-width:220px}
.footer-col-title{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,237,228,0.25);margin-bottom:20px;display:block}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:13px;font-weight:300;color:rgba(242,237,228,0.45);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--cream)}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.footer-license{font-size:13px;color:var(--cream-60);line-height:1.8}
.footer-legal{font-size:11px;color:rgba(242,237,228,0.3);line-height:1.7}

/* ENTRY CONTENT */
.entry-content{max-width:720px;margin:0 auto;padding:80px var(--g);font-size:16px;line-height:1.85;color:rgba(242,237,228,0.75)}
.entry-content h2{font-family:var(--serif);font-size:32px;margin:2em 0 .6em;color:var(--cream)}
.entry-content p{margin-bottom:1.4em}
.entry-content a{border-bottom:1px solid var(--gold)}

/* ANIMATIONS */
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* RESPONSIVE */
@media(max-width:1024px){
  :root{--g:36px}
  .split{grid-template-columns:1fr}
  .split-panel{height:500px}
  .split-panel+.split-panel{border-left:none;border-top:1px solid var(--line)}
  .com-grid{grid-template-columns:repeat(2,1fr)}
  .ins-grid{grid-template-columns:1fr 1fr}
  .ins-card.featured{grid-column:1/-1}
  .footer-top{grid-template-columns:1fr 1fr;gap:36px}
  .intro-strip{grid-template-columns:1fr;gap:28px}
  .testimonial-section{grid-template-columns:1fr;gap:28px}
  .cta-band{grid-template-columns:1fr}
  .cta-actions{align-items:flex-start}
}
@media(max-width:640px){
  :root{--g:24px}
  .nav-menu,.nav-cta{display:none}
  .nav-toggle{display:flex}
  .com-grid{grid-template-columns:1fr}
  .ins-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
}

/* MOBILE NAV */
#mobile-nav{display:none}
#mobile-nav.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(12,11,9,0.97);z-index:99;padding:100px var(--g);gap:24px}
#mobile-nav.open .mobile-nav-links{display:flex;flex-direction:column;gap:20px}
#mobile-nav.open .mobile-nav-links a{font-family:var(--serif);font-size:32px;font-weight:300;color:var(--cream);text-decoration:none}

/* WPFORMS STYLING */
.wpforms-form .wpforms-field-label {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: var(--cream) !important;
  margin-bottom: 8px !important;
}
.wpforms-form .wpforms-field input,
.wpforms-form .wpforms-field textarea,
.wpforms-form .wpforms-field select {
  background: rgba(242,237,228,0.06) !important;
  border: 1px solid rgba(242,237,228,0.15) !important;
  border-radius: 0 !important;
  color: var(--cream) !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  padding: 14px 16px !important;
  width: 100% !important;
  transition: border-color .25s !important;
}
.wpforms-form .wpforms-field input:focus,
.wpforms-form .wpforms-field textarea:focus,
.wpforms-form .wpforms-field select:focus {
  border-color: var(--gold) !important;
  outline: none !important;
}
.wpforms-form .wpforms-field input::placeholder,
.wpforms-form .wpforms-field textarea::placeholder {
  color: rgba(242,237,228,0.25) !important;
}
.wpforms-form .wpforms-field select option {
  background: var(--ink-2) !important;
  color: var(--cream) !important;
}
.wpforms-submit-container .wpforms-submit {
  background: var(--gold) !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: var(--sans) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  padding: 15px 34px !important;
  cursor: pointer !important;
  transition: background .3s !important;
  width: 100% !important;
}
.wpforms-submit-container .wpforms-submit:hover {
  background: var(--gold-lt) !important;
}
.wpforms-form .wpforms-required-label {
  color: var(--gold) !important;
}

/* SELL/BUY PAGE PROCESS STEPS - MOBILE */
@media(max-width:768px){
  [style*="grid-template-columns:80px"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  [style*="grid-template-columns:1fr 1.6fr"],
  [style*="grid-template-columns:1.6fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2,1fr) !important;
  }
}

/* ── MARKET INSIGHTS POST ── */
.snapshot-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  background:var(--line);
  max-width:900px;
}
.snapshot-box{
  background:var(--sand);
  padding:32px 28px;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:background .3s;
}
.snapshot-box:hover{background:#221F16}
.snapshot-value{
  font-family:var(--serif);
  font-size:clamp(24px,2.5vw,34px);
  font-weight:300;
  color:var(--cream);
  line-height:1;
}
.snapshot-label{
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(242,237,228,0.35);
}
.insight-summary{
  background:rgba(184,147,90,0.06);
  border-left:2px solid var(--gold);
  padding:28px 32px;
  max-width:760px;
}
.insight-content{
  max-width:680px;
  font-size:15px;
  font-weight:300;
  line-height:1.9;
  color:rgba(242,237,228,0.75);
}
.insight-content h2{
  font-family:var(--serif);
  font-size:26px;
  font-weight:400;
  color:var(--cream);
  margin:2.2em 0 .6em;
  line-height:1.2;
}
.insight-content h2 strong,
.insight-content h2 b{
  font-weight:400;
}
.insight-content p{margin-bottom:1.4em}
.insight-content strong{font-weight:400;color:var(--cream)}
.insight-content a{border-bottom:1px solid var(--gold);color:var(--cream)}

@media(max-width:768px){
  .snapshot-grid{grid-template-columns:repeat(2,1fr)}
}

/* PROPERTY GALLERY MOBILE */
@media(max-width:768px){
  #galleryMosaic{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
  }
  #galleryMosaic a:first-child{
    grid-column:1/-1 !important;
    grid-row:auto !important;
    height:260px !important;
  }
  #galleryMosaic a:not(:first-child){
    height:160px !important;
    grid-column:auto !important;
    grid-row:auto !important;
  }
  #galleryGrid{
    grid-template-columns:1fr 1fr !important;
  }
  #galleryGrid a{
    height:160px !important;
  }
}

/* MOBILE GALLERY LOAD MORE */
@media(max-width:768px){
  #galleryGrid .gallery-item:nth-child(n+9){
    display:none;
  }
  #galleryGrid.show-all .gallery-item{
    display:block !important;
  }
}

/* JOURNAL & INSIGHT ARTICLE BODY */
article div p + p {
  margin-top: 1.6em;
}
article div h2 {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 400;
  color: var(--cream);
  margin: 2em 0 0.6em;
  line-height: 1.2;
}
article div strong {
  font-weight: 400;
  color: var(--cream);
}

/* ── SINGLE LISTING MOBILE ── */
@media(max-width:768px){

  /* Price bar — stack vertically */
  [style*="grid-template-columns:1fr auto"]{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  /* Property details + description — stack */
  [style*="padding:80px var(--g);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom"]{
    grid-template-columns:1fr !important;
    gap:40px !important;
    padding:48px var(--g) !important;
  }

  /* Contact section — stack */
  [style*="grid-template-columns:1fr 1fr;gap:80px;align-items:start"]{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }

  /* Related properties — single column */
  [style*="grid-template-columns:repeat(3,1fr);gap:2px"]{
    grid-template-columns:1fr !important;
  }

  /* Hero title smaller */
  .single-listing h1{
    font-size:32px !important;
  }

  /* Specs bar — wrap nicely */
  [style*="display:flex;align-items:center;gap:48px;flex-wrap:wrap"]{
    gap:24px !important;
  }
}

/* ── SPECS BAR ── */
.specs-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}
.specs-left { flex: 1; }
.specs-right { flex-shrink: 0; }
.specs-cta {
  display: inline-block !important;
  font-family: var(--sans) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  background: var(--gold) !important;
  color: var(--ink) !important;
  padding: 14px 28px !important;
  text-decoration: none !important;
  transition: background .3s !important;
  white-space: nowrap !important;
  width: auto !important;
}
.specs-cta:hover {
  background: var(--gold-lt) !important;
  color: var(--ink) !important;
}

@media(max-width: 768px) {
  .specs-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .specs-right {
    width: 100%;
  }
  .specs-cta {
    display: block !important;
    text-align: center !important;
    padding: 14px !important;
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
  }
}


/* LISTING DESCRIPTION PARAGRAPH SPACING */
.listing-description p {
  margin-bottom: 1.6em !important;
}
.listing-description p:last-child {
  margin-bottom: 0 !important;
}