:root {
  --surface: #131313;
  --surface-container-low: #1c1b1b;
  --surface-container-high: #2a2a2a;
  --surface-variant: #353535;
  --on-surface: #e5e2e1;
  --on-surface-variant: #c9c6bc;
  --primary: #fdf9eb;
  --primary-fixed-dim: #c9c7b9;
  --secondary: #a3cce9;
  --on-secondary-container: #91bad7;
  --outline-variant: #48473f;
  --custom-blue: rgb(6, 57, 81);
  --amber: #f59e0b;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--surface);
  color: var(--on-surface);
  font-family: Helvetica, Arial, sans-serif;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
input, textarea { font: inherit; color: inherit; }
.btn-reset { background: none; border: none; cursor: pointer; }
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.pending-text { color: var(--amber) !important; }

/* layout */
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.hidden{display:none}
.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}
.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.w-full{width:100%}.w-12{width:3rem}.w-28{width:7rem}.w-72{width:18rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}
.h-full{height:100%}.h-screen{height:100vh}.h-1{height:.25rem}.h-28{height:7rem}.h-\[1px\]{height:1px}.h-\[870px\]{height:870px}
.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-24{margin-bottom:6rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}
.p-3{padding:.75rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}
.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-12{padding-left:3rem;padding-right:3rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}
.pb-1{padding-bottom:.25rem}.pb-8{padding-bottom:2rem}.pb-24{padding-bottom:6rem}.pt-24{padding-top:6rem}
.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}
.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-px{gap:1px}
.space-x-12 > * + *{margin-left:3rem}.space-y-2 > * + *{margin-top:.5rem}.space-y-4 > * + *{margin-top:1rem}.space-y-6 > * + *{margin-top:1.5rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* appearance */
.bg-surface{background:var(--surface)}.bg-surface-container-low{background:var(--surface-container-low)}.bg-surface-variant{background:var(--surface-variant)}.bg-custom-blue{background:var(--custom-blue)}
.bg-primary{background:var(--primary)}.bg-secondary{background:var(--secondary)}.bg-black{background:#000}.bg-\[\#131313\]{background:#131313}.bg-\[\#1C1B1B\]{background:#1C1B1B}.bg-\[\#204B64\]{background:#204B64}
.bg-\[\#131313\]\/70{background:rgba(19,19,19,.7)}.bg-black\/40{background:rgba(0,0,0,.4)}.bg-primary\/30{background:rgba(253,249,235,.3)}.bg-secondary\/20{background:rgba(163,204,233,.2)}.bg-on-secondary-container\/10{background:rgba(145,186,215,.1)}
.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-on-primary{color:#313127}
.text-\[\#91BAD7\]{color:#91BAD7}.text-\[\#91BAD7\]\/60{color:rgba(145,186,215,.6)}.text-\[\#E0DDCF\]\/30{color:rgba(224,221,207,.3)}.text-\[\#E0DDCF\]\/40{color:rgba(224,221,207,.4)}.text-\[\#FDF9EB\]{color:#FDF9EB}.text-\[\#FDF9EB\]\/60{color:rgba(253,249,235,.6)}.text-primary\/60{color:rgba(253,249,235,.6)}.text-white\/40{color:rgba(255,255,255,.4)}
.border{border:1px solid transparent}.border-b{border-bottom:1px solid transparent}.border-t{border-top:1px solid transparent}.border-l{border-left:1px solid transparent}
.border-\[\#353535\]\/15{border-color:rgba(53,53,53,.15)}.border-\[\#FDF9EB\]{border-color:#FDF9EB}.border-outline-variant\/15{border-color:rgba(72,71,63,.15)}.border-outline-variant\/30{border-color:rgba(72,71,63,.3)}.border-white\/5{border-color:rgba(255,255,255,.05)}.border-on-secondary-container\/10{border-color:rgba(145,186,215,.1)}.border-primary\/20{border-color:rgba(253,249,235,.2)}.border-secondary\/30{border-color:rgba(163,204,233,.3)}
.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}
.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.object-cover{object-fit:cover}
.opacity-30{opacity:.3}.opacity-90{opacity:.9}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-black\/20{box-shadow:0 25px 50px -12px rgba(0,0,0,.2)}
.backdrop-blur-xl{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.translate-x-full{transform:translateX(100%)}.translate-x-1{transform:translateX(.25rem)}
.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}
.bg-gradient-to-t.from-surface{background:linear-gradient(to top, var(--surface), transparent 60%)}
.bg-gradient-to-t.from-black\/90.via-black\/40.to-transparent{background:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.4), transparent)}

/* typography */
.font-headline,.font-body,.font-label{font-family:Helvetica,Arial,sans-serif}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-normal{font-weight:400}
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}
.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}
.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}
.leading-tight{line-height:1.1}.leading-relaxed{line-height:1.7}.leading-\[0\.85\]{line-height:.85}.text-center{text-align:center}.text-right{text-align:right}

/* sizing helpers */
.w-\[15\%\]{width:15%}.w-\[60\%\]{width:60%}.w-\[85\%\]{width:85%}.w-\[92\%\]{width:92%}

/* transitions */
.transition-colors{transition-property:color,background-color,border-color}.transition-transform{transition-property:transform}.transition-all{transition-property:all}
.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}
.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.hover\:text-\[\#FDF9EB\]:hover{color:#FDF9EB}.hover\:bg-primary-fixed-dim:hover{background:var(--primary-fixed-dim)}.hover\:bg-surface-container-high:hover{background:var(--surface-container-high)}.hover\:bg-\[\#353535\]\/30:hover{background:rgba(53,53,53,.3)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.10)}.group:hover .group-hover\:bg-transparent{background:transparent}.group:hover .group-hover\:text-white{color:#fff}.group:hover .group-hover\:gap-4{gap:1rem}.group:hover .group-hover\:border-primary\/60{border-color:rgba(253,249,235,.6)}

.site-nav {
  position: fixed;
  top: 0;
  z-index: 50;
  width: 100%;
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.35rem 3rem;
  background: rgba(19,19,19,.7);
  border-bottom: 1px solid rgba(253,249,235,.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.site-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.site-logo img {
  width: 254px;
  max-width: 42vw;
  height: auto;
}
.site-nav__links {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.site-nav__links a {
  color: rgba(253,249,235,.62);
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .18em;
  transition: color .3s ease;
}
.site-nav__links a:hover {
  color: #fdf9eb;
}
.site-menu-toggle {
  display: none;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .35rem;
  border: 1px solid rgba(253,249,235,.16);
}
.site-menu-toggle span {
  width: 1.25rem;
  height: 2px;
  display: block;
  background: var(--primary);
  transition: transform .25s ease, opacity .25s ease;
}
.site-nav--open .site-menu-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.site-nav--open .site-menu-toggle span:nth-child(2) {
  opacity: 0;
}
.site-nav--open .site-menu-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.site-mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  padding: 1.25rem;
  background: rgba(19,19,19,.96);
  border-top: 1px solid rgba(253,249,235,.08);
  border-bottom: 1px solid rgba(253,249,235,.08);
}
.site-mobile-menu a {
  display: flex;
  align-items: center;
  min-height: 3.25rem;
  color: rgba(253,249,235,.72);
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .18em;
  border-bottom: 1px solid rgba(253,249,235,.08);
}
.site-mobile-menu a:hover {
  color: var(--primary);
}
.site-mobile-menu__cta {
  justify-content: center;
  margin-top: 1rem;
  color: #fff !important;
  background: var(--custom-blue);
  border-bottom: 0 !important;
}
.site-nav--open .site-mobile-menu {
  display: block;
}
.site-footer {
  width: 100%;
  padding: 4rem 0;
  background: #0e0e0e;
  border-top: 1px solid rgba(53,53,53,.28);
}
.site-footer__inner {
  width: min(100% - 6rem, 80rem);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.site-footer__brand a {
  display: inline-flex;
  margin-bottom: .75rem;
  color: var(--primary);
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.site-footer__brand p {
  margin: 0;
  color: rgba(253,249,235,.5);
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .22em;
}
.site-footer__social {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.site-footer__social a {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  border: 1px solid rgba(253,249,235,.18);
  transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}
.site-footer__social a:hover {
  color: #fff;
  background: var(--custom-blue);
  border-color: var(--custom-blue);
}
.site-footer__social svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}
.hero-section { min-height: 42rem; }

@media (min-width: 640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:flex-row{flex-direction:row}
  .sm\:w-auto{width:auto}
}
@media (min-width: 768px){
  .md\:flex{display:flex}
  .md\:flex-row{flex-direction:row}
  .md\:items-end{align-items:flex-end}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .md\:col-span-4{grid-column:span 4 / span 4}
  .md\:col-span-8{grid-column:span 8 / span 8}
  .md\:text-9xl{font-size:8rem}
  .md\:mb-0{margin-bottom:0}
}
@media (min-width: 1024px){ .lg\:translate-x-full{transform:translateX(100%)} }

@media (max-width: 1023px){
  .site-nav {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .site-nav__links {
    display: none;
  }
  .site-menu-toggle {
    display: flex;
    margin-left: auto;
  }
  .site-nav > .nav-cta {
    display: none;
  }
}
@media (max-width: 767px){
  .px-12{padding-left:1.25rem;padding-right:1.25rem}
  .p-12{padding:1.5rem}
  .py-32{padding-top:5rem;padding-bottom:5rem}
  .py-24{padding-top:4rem;padding-bottom:4rem}
  .mb-24{margin-bottom:3rem}
  .h-\[870px\]{height:38rem}
  .text-7xl{font-size:3.4rem}
  .text-6xl{font-size:2.6rem}
  .text-5xl{font-size:2.35rem}
  .text-4xl{font-size:2rem}
  .gallery-grid,.dep-grid,.grid-cols-4,.grid-cols-2{grid-template-columns:1fr}
  .site-footer__inner {
    width: min(100% - 2.5rem, 80rem);
    align-items: flex-start;
    flex-direction: column;
  }
}

/* index */
.nav-cta,
.btn-primary,
.btn-outline,
.lot-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 1rem 2.5rem;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .2em;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.nav-cta,
.btn-primary {
  background: var(--custom-blue);
  color: #fff;
}
.nav-cta {
  min-height: auto;
  padding: .65rem 2rem;
}
.nav-cta:hover,
.btn-primary:hover,
.lot-card__link:hover {
  background: rgb(4, 40, 58);
}
.btn-outline {
  border: 1px solid rgba(253,249,235,.4);
  color: var(--primary);
}
.btn-outline:hover {
  background: rgba(255,255,255,.1);
}
.index-hero {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7rem 1.5rem 5rem;
  text-align: center;
}
.index-hero__image,
.index-hero__video,
.index-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.index-hero__image {
  object-fit: cover;
}
.index-hero__video {
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  border: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.index-hero__shade {
  background: rgba(0,0,0,.65);
}
.index-hero__content {
  position: relative;
  z-index: 1;
  max-width: 58rem;
}
.index-hero h1,
.section-heading h2,
.lot-card h3,
.ranch-feature h3,
.ranch-tile h4 {
  margin: 0;
  color: var(--primary);
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.index-hero h1 {
  font-size: clamp(3.25rem, 8vw, 7.5rem);
  line-height: .9;
  margin-bottom: 1rem;
}
.index-hero__kicker {
  margin: 0 0 1.5rem;
  color: rgba(253,249,235,.8);
  font-size: clamp(1.35rem, 3vw, 2rem);
  font-weight: 700;
}
.index-hero__text {
  max-width: 42rem;
  margin: 0 auto 3rem;
  color: rgba(229,226,225,.82);
  font-size: 1.1rem;
  line-height: 1.7;
}
.index-actions {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.index-section {
  padding: 8rem 0;
  background: var(--surface);
}
.index-section--dark {
  background: #0e0e0e;
}
.index-shell {
  width: min(100% - 6rem, 88rem);
  margin: 0 auto;
}
.section-heading {
  margin-bottom: 5rem;
}
.remate-heading {
  max-width: 58rem;
}
.remate-heading p {
  margin: 1.5rem 0 0;
  color: var(--on-surface-variant);
  font-size: 1rem;
  line-height: 1.7;
}
.section-heading--split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}
.section-heading span,
.contact-info h4 {
  display: block;
  margin-bottom: 1rem;
  color: var(--secondary);
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3em;
}
.section-heading h2 {
  font-size: clamp(2.6rem, 6vw, 5.5rem);
  line-height: .95;
}
.carousel-controls {
  display: flex;
  gap: 1rem;
}
.icon-button {
  width: 3rem;
  height: 3rem;
  color: var(--primary);
  border: 1px solid rgba(72,71,63,.7);
  cursor: default;
}
.lot-carousel {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  padding-bottom: 3rem;
  scroll-snap-type: x mandatory;
}
.lot-carousel::-webkit-scrollbar {
  height: 4px;
}
.lot-carousel::-webkit-scrollbar-track {
  background: var(--surface-container-low);
}
.lot-carousel::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.lot-card {
  min-width: min(28rem, 86vw);
  background: var(--surface-container-low);
  border-bottom: 2px solid transparent;
  scroll-snap-align: start;
  transition: border-color .4s ease;
}
.lot-card:hover {
  border-color: var(--custom-blue);
}
.lot-card__media {
  position: relative;
  height: 20rem;
  overflow: hidden;
}
.lot-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: transform .7s ease, filter .7s ease;
}
.lot-card:hover .lot-card__media img {
  filter: grayscale(0);
  transform: scale(1.04);
}
.lot-card__media span {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--custom-blue);
  color: #fff;
  padding: .35rem .75rem;
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .18em;
}
.lot-card__body {
  padding: 2rem;
}
.lot-card h3 {
  min-height: 4.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.85rem;
  line-height: 1.1;
}
.lot-data {
  margin: 0 0 2rem;
}
.lot-data div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(72,71,63,.18);
}
.lot-data dt,
.lot-data dd {
  margin: 0;
}
.lot-data dt {
  color: var(--on-surface-variant);
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .18em;
}
.lot-data dd {
  color: var(--on-surface);
  font-size: .9rem;
  font-weight: 700;
}
.lot-card__link {
  width: 100%;
  background: var(--surface-variant);
  color: var(--primary);
  font-size: .65rem;
}
.auction-list {
  display: grid;
  gap: 2rem;
}
.auction-card {
  display: grid;
  grid-template-columns: 24rem minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  background: var(--surface-container-low);
  border: 1px solid rgba(72,71,63,.22);
}
.auction-flyer {
  position: relative;
  align-self: start;
  margin: 0;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #000;
}
.auction-flyer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.auction-eyebrow,
.auction-schedule-block span,
.auction-lots h4,
.auction-contact-simple span {
  color: var(--secondary);
  font-size: .62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .22em;
}
.auction-card__content {
  min-width: 0;
  display: grid;
  gap: 1.75rem;
  padding: 2.5rem;
}
.auction-card__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}
.auction-date {
  width: 8.5rem;
  min-height: 8.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  background: var(--primary);
  color: #313127;
  text-align: center;
}
.auction-date span {
  font-size: 3.5rem;
  line-height: .85;
  font-weight: 900;
}
.auction-date strong {
  margin-top: .45rem;
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.auction-date small {
  margin-top: .25rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
}
.auction-card h3 {
  margin: .75rem 0 1rem;
  color: var(--primary);
  font-size: clamp(2rem, 3.2vw, 3.2rem);
  line-height: .95;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.auction-place {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  color: var(--on-surface);
  font-size: 1rem;
  font-weight: 700;
}
.auction-place .material-symbols-outlined {
  color: var(--secondary);
  font-size: 1.2rem;
}
.auction-priority-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.auction-schedule-block {
  padding: 1.5rem;
  background: var(--surface);
  border-left: 3px solid rgba(163,204,233,.45);
}
.auction-schedule-block--primary {
  border-left-color: var(--custom-blue);
}
.auction-schedule-block strong {
  display: block;
  margin: .75rem 0;
  color: var(--primary);
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
}
.auction-schedule-block p,
.auction-note {
  margin: 0;
  color: var(--on-surface-variant);
  line-height: 1.65;
}
.auction-note {
  padding: 1rem 1.25rem;
  background: rgba(163,204,233,.08);
  border: 1px solid rgba(163,204,233,.14);
}
.auction-lots {
  display: grid;
  gap: 1rem;
}
.auction-lots h4 {
  margin: 0;
}
.auction-lots ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.auction-lots li {
  min-height: 5.5rem;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
  color: var(--primary);
  background: var(--surface);
  border: 1px solid rgba(72,71,63,.22);
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.25;
}
.auction-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.auction-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 2.4rem;
  padding: .65rem 1rem;
  color: var(--secondary);
  background: rgba(6,57,81,.7);
  border: 1px solid rgba(163,204,233,.2);
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.auction-contact-simple {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.25rem;
  background: var(--surface);
}
.auction-contact-simple strong {
  color: var(--primary);
}
.auction-contact-simple div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1rem;
}
.auction-contact-simple a {
  color: var(--primary);
  font-size: .85rem;
}
.ranch-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr);
  gap: 2rem;
}
.ranch-feature,
.ranch-tile,
.map-panel {
  position: relative;
  overflow: hidden;
}
.ranch-feature {
  min-height: 37.5rem;
  display: flex;
  align-items: flex-end;
  background: var(--surface);
}
.ranch-feature img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .62;
  transition: transform 1s ease;
}
.ranch-feature:hover img {
  transform: scale(1.05);
}
.ranch-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.82), transparent 62%);
}
.ranch-feature div {
  position: relative;
  z-index: 1;
  max-width: 34rem;
  padding: 3rem;
}
.ranch-feature h3 {
  margin-bottom: 1rem;
  font-size: clamp(2.5rem, 5vw, 4rem);
}
.ranch-feature p,
.ranch-tile p,
.contact-info p {
  margin: 0;
  color: var(--on-surface-variant);
  line-height: 1.7;
}
.ranch-aside {
  display: grid;
  gap: 2rem;
}
.ranch-tile {
  min-height: 17.75rem;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ranch-tile .material-symbols-outlined {
  font-size: 2.5rem;
  transition: transform .3s ease;
}
.ranch-tile:hover .material-symbols-outlined {
  transform: scale(1.1);
}
.ranch-tile h4 {
  margin-bottom: .75rem;
  font-size: 1.55rem;
  line-height: 1.1;
}
.ranch-tile--blue {
  background: var(--custom-blue);
}
.ranch-tile--blue,
.ranch-tile--blue p {
  color: #fff;
}
.ranch-tile--light {
  background: var(--primary);
  color: var(--custom-blue);
}
.ranch-tile--light h4,
.ranch-tile--light .material-symbols-outlined {
  color: var(--custom-blue);
}
.ranch-tile--light p {
  color: rgba(6,57,81,.78);
}
.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 5rem;
  align-items: start;
}
.contact-form {
  display: grid;
  gap: 2rem;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 1rem 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--outline-variant);
  outline: 0;
  resize: vertical;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: var(--on-surface-variant);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-bottom-color: var(--custom-blue);
}
.contact-form .btn-primary {
  width: fit-content;
  border: 0;
  cursor: pointer;
}
.contact-info {
  display: grid;
  gap: 4rem;
}
.contact-info__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem;
}
.contact-icons {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.contact-icons a {
  color: var(--secondary);
  transition: color .3s ease;
}
.contact-icons a:hover {
  color: var(--primary);
}
.map-panel {
  height: 20rem;
  border: 1px solid rgba(6,57,81,.35);
  background: var(--surface-container-high);
}
.map-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  opacity: .42;
}
.map-panel span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  transform: translate(-50%, -50%);
  background: var(--custom-blue);
  box-shadow: 0 0 0 .5rem rgba(6,57,81,.25);
}
.index-footer a,
.index-footer p {
  color: rgba(253,249,235,.6);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .18em;
}
.index-footer p {
  margin: 0;
  color: rgba(253,249,235,.3);
  text-align: center;
}

@media (max-width: 1023px) {
  .index-shell {
    width: min(100% - 2.5rem, 88rem);
  }
  .auction-card {
    grid-template-columns: 1fr;
  }
  .auction-flyer {
    width: min(100%, 28rem);
    min-height: auto;
    margin: 0 auto;
  }
  .auction-lots ul,
  .auction-contact-simple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ranch-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .nav-cta {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .65rem;
  }
  .index-hero {
    min-height: 42rem;
  }
  .index-actions,
  .btn-primary,
  .btn-outline {
    width: 100%;
  }
  .index-section {
    padding: 5rem 0;
  }
  .section-heading--split {
    align-items: flex-start;
  }
  .carousel-controls {
    display: none;
  }
  .lot-card__media {
    height: 16rem;
  }
  .auction-card__content {
    padding: 1.25rem;
  }
  .auction-card__header,
  .auction-priority-grid,
  .auction-lots ul,
  .auction-contact-simple {
    grid-template-columns: 1fr;
  }
  .auction-date {
    width: 100%;
    min-height: auto;
    align-items: center;
  }
  .auction-badges span {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .auction-contact-simple {
    display: grid;
  }
  .auction-contact-simple div {
    justify-content: flex-start;
  }
  .ranch-feature {
    min-height: 30rem;
  }
  .ranch-feature div,
  .ranch-tile {
    padding: 1.5rem;
  }
  .contact-info__items {
    grid-template-columns: 1fr;
  }
  .contact-form .btn-primary {
    width: 100%;
  }
}

/* catalogo */
.catalog-layout {
  display: block;
  min-height: 100vh;
  padding-top: 6rem;
}
.catalog-layout--simple {
  width: min(100% - 6rem, 88rem);
  margin: 0 auto;
}
.catalog-header span,
.catalog-card__title span,
.catalog-stats span,
.catalog-card__footer span,
.catalog-pagination > span {
  margin: 0;
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.catalog-main {
  padding: 3rem 0;
}
.catalog-header {
  max-width: 58rem;
  margin-bottom: 4rem;
}
.catalog-header span {
  display: block;
  margin-bottom: 1rem;
  color: var(--secondary);
  letter-spacing: .3em;
}
.catalog-header h1 {
  margin: 0 0 1.5rem;
  color: var(--primary);
  font-size: clamp(2rem, 5vw, 5rem);
  line-height: .92;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.catalog-header p {
  max-width: 42rem;
  margin: 0;
  color: var(--on-surface-variant);
  font-size: 1.05rem;
  line-height: 1.7;
}
.catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.catalog-card {
  overflow: hidden;
  background: var(--surface-container-low);
  border: 1px solid transparent;
  transition: border-color .5s ease;
}
.catalog-card:hover {
  border-color: rgba(72,71,63,.3);
}
.catalog-card__media {
  position: relative;
  height: 30rem;
  overflow: hidden;
}
.catalog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1);
  transition: transform .7s ease, filter .7s ease;
}
.catalog-card:hover .catalog-card__media img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.catalog-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--surface), transparent 65%);
  opacity: .6;
}
.catalog-card__title {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1;
}
.catalog-card__title span {
  display: inline-flex;
  margin-bottom: .75rem;
  padding: .35rem .8rem;
  color: var(--on-secondary-container);
  background: var(--custom-blue);
  border-radius: 999px;
  font-size: .58rem;
}
.catalog-card__title h2 {
  margin: 0;
  color: var(--primary);
  font-size: 1.6rem;
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.catalog-card__body {
  display: grid;
  gap: 1.5rem;
  padding: 2rem;
}
.catalog-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(72,71,63,.12);
}
.catalog-stats div {
  display: grid;
  gap: .35rem;
}
.catalog-stats span {
  color: var(--on-surface-variant);
  font-size: .58rem;
}
.catalog-stats strong {
  color: var(--primary);
  font-size: .95rem;
}
.catalog-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.catalog-card__footer span {
  display: block;
  margin-bottom: .35rem;
  color: var(--secondary);
  font-size: .58rem;
}
.catalog-card__footer p {
  margin: 0;
  color: var(--on-surface);
  font-size: .9rem;
}
.catalog-card__footer a {
  flex: 0 0 auto;
  color: var(--primary);
  padding-bottom: .25rem;
  border-bottom: 1px solid rgba(253,249,235,.3);
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .18em;
  transition: border-color .3s ease;
}
.catalog-card__footer a:hover {
  border-color: var(--primary);
}
.catalog-pagination {
  display: grid;
  justify-items: center;
  gap: 1.5rem;
  margin-top: 5rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(72,71,63,.2);
}
.catalog-pagination > span {
  color: var(--on-surface-variant);
  letter-spacing: .35em;
  text-align: center;
}
.catalog-pagination div {
  display: flex;
  gap: 1rem;
}
.catalog-pagination button,
.catalog-pagination a {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  border: 1px solid rgba(72,71,63,.4);
  font-size: .75rem;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.catalog-pagination button:hover,
.catalog-pagination a:hover,
.catalog-pagination__active {
  background: var(--primary);
  color: #313127 !important;
  border-color: var(--primary) !important;
}
.catalog-pagination a.disabled {
  opacity: .35;
  pointer-events: none;
  cursor: not-allowed;
}
.catalog-footer {
  margin-top: 5rem;
}
.catalog-footer__icons {
  display: flex;
  gap: 1.5rem;
}
.catalog-footer__icons a {
  color: var(--on-surface-variant);
}
.catalog-footer__icons a:hover {
  color: var(--primary);
}

@media (max-width: 1280px) {
  .auction-lots ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  .catalog-main {
    margin-left: 0;
    padding: 3rem 0;
  }
  .catalog-layout--simple {
    width: min(100% - 2.5rem, 88rem);
  }
}
@media (max-width: 767px) {
  .catalog-grid {
    grid-template-columns: 1fr;
  }
  .catalog-header {
    margin-bottom: 3rem;
  }
  .catalog-card__media {
    height: 24rem;
  }
  .catalog-stats {
    grid-template-columns: 1fr;
  }
  .catalog-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .catalog-pagination div {
    gap: .5rem;
  }
}

/* cabana */
.cabana-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 7rem 1.5rem 5rem;
  text-align: center;
}
.cabana-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.5);
}
.cabana-hero__content {
  position: relative;
  z-index: 1;
}
.cabana-hero h1 {
  margin: 0 0 1rem;
  color: var(--primary);
  font-size: clamp(4rem, 9vw, 8rem);
  line-height: .9;
  font-weight: 900;
  letter-spacing: 0;
}
.cabana-hero p {
  margin: 0;
  color: rgba(253,249,235,.82);
  font-size: .85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .35em;
}
.cabana-hero__arrow {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  color: var(--primary);
  font-size: 2rem;
  transform: translateX(-50%);
}
.cabana-origin {
  width: min(100% - 6rem, 80rem);
  margin: 0 auto;
  padding: 8rem 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6rem;
  align-items: start;
}
.cabana-origin__headline {
  position: sticky;
  top: 9rem;
}
.cabana-origin h2 {
  margin: 0;
  color: var(--primary);
  font-size: clamp(2.7rem, 5vw, 4.5rem);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}
.cabana-origin__headline span {
  display: block;
  width: 6rem;
  height: .25rem;
  margin-top: 3rem;
  background: rgba(253,249,235,.3);
}
.cabana-origin__text {
  display: grid;
  gap: 2rem;
}
.cabana-origin__text p,
.cabana-trajectory p {
  margin: 0;
  color: var(--on-surface-variant);
  font-size: 1.1rem;
  line-height: 1.8;
}
.cabana-gallery {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: 18.75rem;
  gap: 1rem;
  padding: 3rem 1.5rem;
}
.cabana-gallery figure {
  grid-column: span 4;
  margin: 0;
  overflow: hidden;
  background: var(--surface-container-low);
}
.cabana-gallery__wide {
  grid-column: span 8 !important;
}
.cabana-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}
.cabana-gallery figure:hover img {
  transform: scale(1.05);
}
.cabana-pillars {
  padding: 8rem 0;
  background: var(--custom-blue);
}
.cabana-shell {
  width: min(100% - 6rem, 80rem);
  margin: 0 auto;
}
.cabana-section-title {
  margin-bottom: 5rem;
}
.cabana-section-title span {
  display: block;
  margin-bottom: 1rem;
  color: var(--secondary);
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3em;
}
.cabana-section-title h2 {
  margin: 0;
  color: var(--primary);
  font-size: clamp(2.2rem, 4vw, 3.25rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0;
}
.cabana-pillar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4rem;
}
.cabana-pillar-grid article {
  display: grid;
  gap: 1.25rem;
}
.cabana-pillar-grid .material-symbols-outlined {
  color: var(--primary);
  font-size: 3.25rem;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.cabana-pillar-grid h3 {
  margin: 0;
  color: var(--primary);
  font-size: 1.3rem;
  font-weight: 900;
}
.cabana-pillar-grid p {
  margin: 0;
  color: var(--on-secondary-container);
  line-height: 1.75;
}
.cabana-awards-note {
  max-width: 58rem;
  margin: 4rem 0 0;
  color: var(--on-secondary-container);
  font-size: 1rem;
  line-height: 1.8;
}
.cabana-trajectory {
  width: min(100% - 6rem, 64rem);
  margin: 0 auto;
  padding: 8rem 0;
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) minmax(0, 2fr);
  gap: 4rem;
  align-items: center;
}
.cabana-trajectory__image {
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.35);
}
.cabana-trajectory__image img {
  width: 100%;
 
  filter: grayscale(1);
  transition: filter .7s ease, transform .7s ease;
}
.cabana-trajectory__image:hover img {
  filter: grayscale(0);
  transform: scale(1.04);
}
.cabana-trajectory h2 {
  margin: 0 0 1rem;
  color: var(--primary);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: 0;
}
.cabana-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1.25rem 0 2rem;
}
.cabana-badges span {
  padding: .35rem 1rem;
  color: var(--secondary);
  background: var(--surface-variant);
  border-radius: 999px;
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .18em;
}
.cabana-trajectory__text {
  display: grid;
  gap: 1.5rem;
}

/* media modals */
.modal-open {
  overflow: hidden;
}
.media-video-trigger,
.media-photo-trigger {
  color: inherit;
  text-align: left;
}
.media-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(0,0,0,.88);
}
.media-modal[aria-hidden="false"] {
  display: flex;
}
.media-modal__close,
.media-modal__nav {
  position: absolute;
  z-index: 2;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  background: rgba(19,19,19,.78);
  border: 1px solid rgba(253,249,235,.18);
}
.media-modal__close {
  top: 1.5rem;
  right: 1.5rem;
}
.media-modal__nav--prev {
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.media-modal__nav--next {
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.media-modal__close:hover,
.media-modal__nav:hover {
  background: var(--custom-blue);
  border-color: var(--custom-blue);
}
.media-modal__video {
  width: min(100%, 70rem);
  aspect-ratio: 16 / 9;
  background: #000;
  border: 1px solid rgba(253,249,235,.12);
}
.media-modal__video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.media-modal__photo {
  width: min(100%, 72rem);
  max-height: calc(100vh - 6rem);
  display: grid;
  gap: 1rem;
  margin: 0;
}
.media-modal__photo img {
  width: 100%;
  max-height: calc(100vh - 9rem);
  object-fit: contain;
}
.media-modal__photo figcaption {
  color: var(--on-surface-variant);
  font-size: .75rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .18em;
}

@media (max-width: 1023px) {
  .cabana-origin,
  .cabana-trajectory {
    grid-template-columns: 1fr;
  }
  .cabana-origin__headline {
    position: static;
  }
  .cabana-gallery figure,
  .cabana-gallery__wide {
    grid-column: span 6 !important;
  }
  .cabana-pillar-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
@media (max-width: 767px) {
  .cabana-origin,
  .cabana-shell,
  .cabana-trajectory {
    width: min(100% - 2.5rem, 80rem);
  }
  .cabana-origin,
  .cabana-pillars,
  .cabana-trajectory {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .cabana-gallery {
    grid-auto-rows: 15rem;
  }
  .cabana-gallery figure,
  .cabana-gallery__wide {
    grid-column: 1 / -1 !important;
  }
  .cabana-badges {
    align-items: flex-start;
    flex-direction: column;
  }
  .media-modal {
    padding: 1rem;
  }
  .media-modal__close {
    top: .75rem;
    right: .75rem;
  }
  .media-modal__nav {
    top: auto;
    bottom: 1rem;
  }
  .media-modal__nav--prev {
    left: 1rem;
  }
  .media-modal__nav--next {
    right: 1rem;
  }
  .media-modal__photo {
    max-height: calc(100vh - 8rem);
  }
}