/* Pulp Field hero -------------------------------------------------------- */

.lc-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(54px,8vw,86px) clamp(22px,5vw,44px);
  isolation:isolate;
}
.lc-hero.is-h-short { min-height:clamp(340px,52svh,460px); }
.lc-hero.is-h-medium{ min-height:clamp(430px,72svh,610px); }
.lc-hero.is-h-tall  { min-height:clamp(520px,90svh,760px); }

.lc-hero__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.lc-hero__bloom,.lc-hero__edge{position:absolute;inset:0;pointer-events:none;z-index:1;}
.lc-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;}

/* --- light ground (default) --- */
.lc-hero.is-ground-light{
  background:radial-gradient(70% 58% at 50% 40%, #FFFCF6 0%, #FAF3E8 44%, #F1E7D8 100%);
}
.lc-hero.is-ground-light .lc-hero__bloom{
  background:radial-gradient(46% 40% at 50% 38%, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 70%);
}
.lc-hero.is-ground-light .lc-hero__edge{
  box-shadow:inset 0 0 clamp(60px,12vw,150px) rgba(176,152,120,.30);
}
.lc-hero.is-ground-light .lc-hero__kicker{color:#8A9A85;}
.lc-hero.is-ground-light .lc-hero__title{color:#59371F;}
.lc-hero.is-ground-light .lc-hero__title em{color:#8A6440;}
.lc-hero.is-ground-light .lc-hero__sub{color:#7C6A57;}
.lc-hero.is-ground-light .lc-hero__tags{color:rgba(124,106,87,.8);}
.lc-hero.is-ground-light .lc-hero__btn.is-solid{background:#6B4226;color:#FDF6EC;border-color:#6B4226;}
.lc-hero.is-ground-light .lc-hero__btn.is-solid:hover,
.lc-hero.is-ground-light .lc-hero__btn.is-solid:focus-visible{background:#A0714F;border-color:#A0714F;}
.lc-hero.is-ground-light .lc-hero__btn.is-ghost{background:transparent;color:#6B4226;border-color:rgba(107,66,38,.4);}
.lc-hero.is-ground-light .lc-hero__btn.is-ghost:hover,
.lc-hero.is-ground-light .lc-hero__btn.is-ghost:focus-visible{border-color:#C9A84C;background:rgba(201,168,76,.12);}

/* --- dark ground --- */
.lc-hero.is-ground-dark{
  background:linear-gradient(172deg,#2E3B33 0%,#1F2A24 55%,#18211C 100%);
}
.lc-hero.is-ground-dark .lc-hero__bloom{
  background:radial-gradient(48% 42% at 50% 38%, rgba(180,205,180,.10) 0%, rgba(0,0,0,0) 72%);
}
.lc-hero.is-ground-dark .lc-hero__edge{
  box-shadow:inset 0 0 clamp(60px,12vw,150px) rgba(0,0,0,.42);
}
.lc-hero.is-ground-dark .lc-hero__kicker{color:rgba(142,158,137,.95);}
.lc-hero.is-ground-dark .lc-hero__title{color:#F3EDE2;}
.lc-hero.is-ground-dark .lc-hero__title em{color:#C9D3C4;}
.lc-hero.is-ground-dark .lc-hero__sub{color:#A9B5A5;}
.lc-hero.is-ground-dark .lc-hero__tags{color:rgba(190,201,187,.75);}
.lc-hero.is-ground-dark .lc-hero__btn.is-solid{background:#8E9E89;color:#1B241E;border-color:#8E9E89;}
.lc-hero.is-ground-dark .lc-hero__btn.is-solid:hover,
.lc-hero.is-ground-dark .lc-hero__btn.is-solid:focus-visible{background:#A5B3A0;border-color:#A5B3A0;}
.lc-hero.is-ground-dark .lc-hero__btn.is-ghost{background:transparent;color:#DCE3D8;border-color:rgba(220,227,216,.42);}
.lc-hero.is-ground-dark .lc-hero__btn.is-ghost:hover,
.lc-hero.is-ground-dark .lc-hero__btn.is-ghost:focus-visible{border-color:#C9A84C;color:#F3EDE2;}

/* --- type --- */
.lc-hero__kicker{
  font-family:var(--lc-body,"DM Sans",sans-serif);
  font-size:clamp(9.5px,1.5vw,11px);
  letter-spacing:.26em;
  text-transform:uppercase;
  margin:0 0 clamp(16px,2.6vw,24px);
}
.lc-hero__title{
  font-family:var(--lc-display,"Cormorant Garamond",Georgia,serif);
  font-weight:300;
  font-size:clamp(34px,7.4vw,76px);
  line-height:1.03;
  letter-spacing:.005em;
  margin:0;
  text-wrap:balance;
}
.lc-hero__title em{display:block;font-style:italic;}
.lc-hero__divider{display:flex;align-items:center;gap:12px;margin:clamp(20px,3vw,28px) 0 0;}
.lc-hero__divider::before,.lc-hero__divider::after{
  content:"";width:clamp(34px,7vw,68px);height:1px;background:rgba(201,168,76,.7);
}
.lc-hero__divider i{width:5px;height:5px;background:#C9A84C;transform:rotate(45deg);display:block;}
.lc-hero__sub{
  font-family:var(--lc-body,"DM Sans",sans-serif);
  margin:clamp(16px,2.6vw,22px) 0 0;
  font-size:clamp(13.5px,1.9vw,15.5px);
  max-width:34ch;
  line-height:1.75;
}
.lc-hero__btns{
  display:flex;flex-wrap:wrap;gap:clamp(9px,1.6vw,13px);
  justify-content:center;margin-top:clamp(26px,4vw,36px);width:100%;
}
.lc-hero__btn{
  font-family:var(--lc-body,"DM Sans",sans-serif);
  font-size:clamp(11px,1.6vw,12.5px);
  font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  padding:clamp(12px,2vw,15px) clamp(20px,3.4vw,30px);
  border:1px solid transparent;border-radius:0;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background .3s ease,color .3s ease,border-color .3s ease;
}
.lc-hero__btn:focus-visible{outline:2px solid #C9A84C;outline-offset:3px;}
.lc-hero__tags{
  display:flex;flex-wrap:wrap;gap:6px clamp(14px,3vw,26px);justify-content:center;
  margin-top:clamp(26px,4vw,42px);
  font-family:var(--lc-body,"DM Sans",sans-serif);
  font-size:clamp(9px,1.4vw,10.5px);letter-spacing:.17em;text-transform:uppercase;
}

@media (prefers-reduced-motion:reduce){
  .lc-hero__btn{transition:none;}
}
