/* TrailReady Wave 3 home: photo hero with the finder on its lower edge, kits as rows, open steps and promises. */
body.ll-trailready.ux-home{--w3-pine:#14342b;--w3-deep:#0c231c;--w3-ember:#a8470b;--w3-sand:#f3e9d8;--w3-moss:#4f5e53;--w3-line:#d9cdb6}

/* Hero */
body.ll-trailready.ux-home .hero.v3-image-first{position:relative;max-width:none!important;width:100%;margin:0!important;padding:0!important;background:var(--w3-deep);display:block!important}
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo{margin:0!important;border-radius:0!important;position:relative}
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo img{display:block;width:100%;height:62vh!important;min-height:400px;max-height:660px;object-fit:cover;object-position:60% 60%;border-radius:0!important}
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,35,28,.62) 0%,rgba(12,35,28,.08) 42%,rgba(12,35,28,.78) 100%);pointer-events:none}
body.ll-trailready.ux-home .v3-hero-copy{position:absolute!important;inset:0 0 auto 0;z-index:1;max-width:1120px;margin:0 auto!important;padding:28px 20px 0!important;text-align:left!important;color:#fff!important;background:none!important}
body.ll-trailready.ux-home .v3-hero-copy h1{font-size:clamp(2.1rem,6.6vw,3.9rem)!important;line-height:1.06!important;max-width:14ch;margin:0!important;color:#fff!important;text-wrap:balance;text-align:left!important}
body.ll-trailready.ux-home .v3-hero-copy .design-v3-support{max-width:34ch;margin:12px 0 0!important;font-size:clamp(1.1rem,2.3vw,1.35rem)!important;font-weight:500;color:#fff!important;text-align:left!important}
/* The finder card below carries both actions, so the hero buttons are not repeated. */
body.ll-trailready.ux-home .v3-hero-copy>a.v3-primary-tool,body.ll-trailready.ux-home .v3-hero-copy>a.v3-hero-consult{display:none!important}

/* Finder card sits on the photo's lower edge */
body.ll-trailready.ux-home .tr-finder{position:relative;z-index:2;display:block!important;max-width:1080px!important;margin:-104px auto 0!important;padding:22px 20px 20px!important;background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(12,35,28,.28)}
body.ll-trailready.ux-home .tr-finder-intro{max-width:none!important}
body.ll-trailready.ux-home .tr-finder-intro h2{font-size:1.65rem!important;margin:0 0 4px!important}
body.ll-trailready.ux-home .tr-finder-intro p{margin:0 0 14px!important;color:var(--w3-moss)}
body.ll-trailready.ux-home .tr-finder-control{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.ll-trailready.ux-home .tr-finder form fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}
body.ll-trailready.ux-home .tr-finder form input{min-height:52px}
body.ll-trailready.ux-home .tr-finder form button[type=submit]{min-height:52px;width:100%;margin-top:12px}
body.ll-trailready.ux-home .tr-finder .tr-finder-consult{background:#fff!important;color:var(--w3-pine)!important;border:2px solid var(--w3-pine)!important;margin-top:12px;width:100%;justify-content:center;text-align:center}
body.ll-trailready.ux-home .tr-finder .w3-result-photo{margin:0 0 14px}
body.ll-trailready.ux-home .tr-finder .w3-result-photo img{display:block;width:100%;height:180px;object-fit:cover;object-position:50% 62%;border-radius:12px}
@media (min-width:860px){
  body.ll-trailready.ux-home .tr-finder{padding:28px 32px!important}
  body.ll-trailready.ux-home .tr-finder form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
  body.ll-trailready.ux-home .tr-finder form fieldset{grid-template-columns:150px 1fr 1fr}
  body.ll-trailready.ux-home .tr-finder form button[type=submit]{width:auto;margin-top:0;padding-inline:28px}
  body.ll-trailready.ux-home .tr-finder form>p{grid-column:1/-1;margin:0}
  body.ll-trailready.ux-home .tr-finder .tr-finder-consult{width:auto}
  body.ll-trailready.ux-home .tr-finder [data-finder-result]{display:grid;grid-template-columns:320px 1fr;gap:0 24px;align-items:start}
  body.ll-trailready.ux-home .tr-finder [data-finder-result]>*{grid-column:2}
  body.ll-trailready.ux-home .tr-finder [data-finder-result]>.w3-result-photo{grid-column:1;grid-row:1/span 8;margin:0}
  body.ll-trailready.ux-home .tr-finder .w3-result-photo img{height:260px}
}

/* Kits as rows */
body.ll-trailready.ux-home #packages{max-width:none!important;background:var(--w3-sand);padding:56px 20px!important;margin-top:56px}
body.ll-trailready.ux-home #packages>*{max-width:1080px;margin-inline:auto}
body.ll-trailready.ux-home #packages .kits{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
body.ll-trailready.ux-home #packages .kit{display:grid;gap:6px 20px;background:#fff!important;border:1px solid var(--w3-line)!important;border-radius:14px!important;box-shadow:none!important;padding:16px!important;overflow:hidden}
body.ll-trailready.ux-home #packages .kit .tr-kit-photo{margin:0 0 8px!important;border-radius:10px!important;background:#fbf7ef!important}
body.ll-trailready.ux-home #packages .kit .tr-kit-photo figcaption{display:block;font-size:13px;line-height:1.35}
body.ll-trailready.ux-home #packages .kit h3{font-size:1.5rem;margin:0}
body.ll-trailready.ux-home #packages .kit .w3-what{margin:0;color:#2b332d}
body.ll-trailready.ux-home #packages .kit .price{font-size:1.65rem;font-weight:700;margin:6px 0 0}
body.ll-trailready.ux-home #packages .kit .kicker{display:none}
body.ll-trailready.ux-home #packages .kit a.ll-button{justify-content:center;text-align:center;min-height:52px}
body.ll-trailready.ux-home #packages .w3-diagram-note{font-size:.9rem;color:var(--w3-moss);margin-top:14px}
@media (min-width:760px){
  body.ll-trailready.ux-home #packages .kit{grid-template-columns:220px 1fr 230px;align-items:center;padding:20px!important}
  body.ll-trailready.ux-home #packages .kit .tr-kit-photo{grid-column:1;grid-row:1/span 2;margin:0!important}
  body.ll-trailready.ux-home #packages .kit h3{grid-column:2;grid-row:1;align-self:end}
  body.ll-trailready.ux-home #packages .kit .w3-what{grid-column:2;grid-row:2;align-self:start}
  body.ll-trailready.ux-home #packages .kit .price{grid-column:3;grid-row:1;text-align:right;align-self:end;margin:0}
  body.ll-trailready.ux-home #packages .kit a.ll-button{grid-column:3;grid-row:2;align-self:start}
}

/* Steps: a real sequence, numbered */
body.ll-trailready.ux-home .steps{display:grid!important;gap:20px!important;grid-template-columns:1fr!important;counter-reset:w3}
body.ll-trailready.ux-home .steps .step-card{counter-increment:w3;display:grid;grid-template-columns:52px 1fr;gap:2px 14px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ll-trailready.ux-home .steps .step-card::before{content:counter(w3);grid-row:1/span 2;width:52px;height:52px;border-radius:50%;background:var(--w3-pine);color:#fff;font-weight:700;font-size:1.5rem;display:grid;place-items:center}
body.ll-trailready.ux-home .steps .step-card h3{margin:0;font-size:1.3rem;align-self:end}
body.ll-trailready.ux-home .steps .step-card p{margin:0;grid-column:2}

/* Promises, open, on pine */
body.ll-trailready.ux-home .w3-promise{max-width:none!important;background:var(--w3-pine);color:#fff;padding:56px 20px!important}
body.ll-trailready.ux-home .w3-promise>*{max-width:1080px;margin-inline:auto}
body.ll-trailready.ux-home .w3-promise h2{color:#fff}
body.ll-trailready.ux-home .w3-promise dl{display:grid;gap:18px;margin-top:20px;margin-bottom:0}
body.ll-trailready.ux-home .w3-promise dt{font-weight:700;font-size:1.25rem}
body.ll-trailready.ux-home .w3-promise dd{margin:2px 0 0;color:#d5e0d8}
body.ll-trailready.ux-home .w3-promise a{color:#fff}
body.ll-trailready.ux-home .w3-promise p{color:#d5e0d8;margin-top:20px}
@media (min-width:860px){body.ll-trailready.ux-home .w3-promise dl{grid-template-columns:1fr 1fr}}

/* Let the photo show: remove the older dimming, keep one gradient for text contrast. */
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo img{filter:none!important}
body.ll-trailready.ux-home .hero.v3-image-first::after{display:none!important}
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo::after{background:linear-gradient(180deg,rgba(12,35,28,.72) 0%,rgba(12,35,28,.34) 34%,rgba(12,35,28,0) 58%,rgba(12,35,28,.4) 100%)}
body.ll-trailready.ux-home .v3-hero-copy h1,body.ll-trailready.ux-home .v3-hero-copy .design-v3-support{text-shadow:0 1px 14px rgba(12,35,28,.55)}
body.ll-trailready.ux-home .steps .step-card,body.ll-trailready.ux-home .steps .step-card h3,body.ll-trailready.ux-home .steps .step-card p{color:#1b1f1c!important}
body.ll-trailready.ux-home .tr-finder .w3-result-photo img{object-position:50% 96%!important;height:200px}

/* Review fixes: hero text contrast on the pale sky, result photo caption. */
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo::after{background:linear-gradient(180deg,rgba(12,35,28,.78) 0%,rgba(12,35,28,.62) 40%,rgba(12,35,28,.5) 66%,rgba(12,35,28,.28) 100%)!important}
body.ll-trailready.ux-home .v3-hero-copy h1,body.ll-trailready.ux-home .v3-hero-copy .design-v3-support{text-shadow:0 1px 3px rgba(12,35,28,.9),0 2px 18px rgba(12,35,28,.7)!important}
body.ll-trailready.ux-home .tr-finder .w3-result-photo figcaption{font-size:.9rem;color:var(--w3-moss);margin-top:6px}
@media (min-width:860px){body.ll-trailready.ux-home .tr-finder .w3-result-photo img{height:260px!important}}

/* Keep the measured text area on a contrast scrim; reveal the sunset beyond it. */
body.ll-trailready.ux-home .hero.v3-image-first .hero-photo::after{
 background:linear-gradient(90deg,rgba(12,35,28,.72) 0px,rgba(12,35,28,.72) max(520px,calc(50% - 40px)),transparent max(820px,calc(50% + 260px)))!important;
 -webkit-mask-image:linear-gradient(180deg,#000 0px,#000 350px,transparent 450px);
 mask-image:linear-gradient(180deg,#000 0px,#000 350px,transparent 450px);
}
@media (max-width:859px){
 body.ll-trailready.ux-home .hero.v3-image-first .hero-photo::after{
  background:linear-gradient(180deg,rgba(12,35,28,.72) 0px,rgba(12,35,28,.72) 240px,transparent 320px)!important;
  -webkit-mask-image:none;mask-image:none;
 }
}

/* Keep example labels below the complete card, outside its fixed photo frame. */
body.simple-flow #packages.flow-kits .kit{position:relative!important;padding-bottom:28px!important;overflow:visible!important}
body.simple-flow #packages.flow-kits .kit .tr-kit-photo{position:static!important;overflow:visible!important}
body.simple-flow #packages.flow-kits .kit .tr-kit-photo figcaption{position:absolute!important;left:0;bottom:0;width:100%;display:block!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap;color:#14342b}