/* ThriftTrekker front page. Loaded on the front page only (functions.php). */
.hp{--tt-esp:#2E2118;--tt-esp-2:#45352A;--tt-mint:#8FE0C3;--tt-mint-l:#DDF5EC;--tt-paper:#FBF6EA;--tt-green:#1E7A5C;--tt-gold:#F2B544;--tt-mut:#6E6258;--tt-line:#E9DFCB;
  background:var(--tt-paper);color:var(--tt-esp);font-family:Karla,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow:hidden}
.hp *{box-sizing:border-box}
.hp h1,.hp h2,.hp h3{font-family:Fraunces,Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;color:var(--tt-esp);letter-spacing:-.015em;margin:0}
.hp p{margin:0}
.tt-wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.tt-sec-kick,.tt-kick{font:700 .78rem/1 Karla,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tt-green);margin-bottom:12px!important}
.tt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:12px;font:700 1rem/1 Karla,sans-serif;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease}
.tt-btn:hover{transform:translateY(-2px)}
.tt-btn-solid{background:var(--tt-esp);color:var(--tt-mint)!important;box-shadow:0 4px 0 var(--tt-green)}
.tt-btn-line{border:2px solid var(--tt-esp);color:var(--tt-esp)!important;background:transparent}
.tt-btn-mint{background:var(--tt-mint);color:var(--tt-esp)!important;box-shadow:0 4px 0 #5DBA9A}

/* HERO: paper with faint contour lines, copy left, tilted postcard right. */
.tt-hero{position:relative;padding:64px 0 76px;background:
  radial-gradient(circle at 85% 20%,rgba(143,224,195,.35),transparent 42%),
  repeating-radial-gradient(circle at 12% 110%,transparent 0 26px,rgba(46,33,24,.05) 26px 27px),var(--tt-paper)}
.tt-hero-in{max-width:1140px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.tt-hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.04;font-weight:750}
.tt-hero h1 em{font-style:italic;color:var(--tt-green)}
.tt-lede{font-size:1.15rem;line-height:1.6;color:var(--tt-esp-2);margin-top:20px!important;max-width:34em}
.tt-hero-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.tt-hero-note{font-size:.88rem;color:var(--tt-mut);margin-top:16px!important}
.tt-postcard{position:relative;margin:0;background:#fff;padding:12px 12px 46px;border-radius:6px;transform:rotate(2deg);box-shadow:0 18px 40px -18px rgba(46,33,24,.45),0 2px 0 var(--tt-line)}
.tt-postcard img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.tt-postcard figcaption{position:absolute;left:18px;bottom:14px;font:italic 600 1.02rem/1 Fraunces,serif;color:var(--tt-esp-2)}
.tt-stamp{position:absolute;right:-14px;top:-16px;width:74px;height:74px;border-radius:50%;background:var(--tt-gold);
  box-shadow:0 0 0 4px var(--tt-paper),0 0 0 6px var(--tt-gold);transform:rotate(-12deg)}
.tt-stamp:after{content:"";position:absolute;inset:18px;border:2.5px dashed var(--tt-esp);border-radius:50%}

/* ROUTE: four stops on a dotted trail. */
.tt-trail{padding:72px 0;background:#fff;border-top:1px solid var(--tt-line);border-bottom:1px solid var(--tt-line)}
.tt-trail h2,.tt-latest h2,.tt-pack h2,.tt-myths h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;font-weight:700}
.tt-stops{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}
.tt-stops:before{content:"";position:absolute;left:28px;right:28px;top:28px;border-top:3px dotted var(--tt-green);opacity:.55}
.tt-stops li{position:relative}
.tt-stop-n{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--tt-esp);color:var(--tt-mint);font:700 1.05rem/1 Fraunces,serif;box-shadow:0 0 0 6px #fff}
.tt-stops li:last-child .tt-stop-n{background:var(--tt-gold);color:var(--tt-esp)}
.tt-stops h3{font-size:1.25rem;margin-top:18px!important;line-height:1.2}
.tt-stops h3 a{color:var(--tt-esp)!important;text-decoration:none;background:linear-gradient(var(--tt-mint),var(--tt-mint)) 0 100%/100% 6px no-repeat}
.tt-stops h3 a:hover{background-size:100% 100%}
.tt-stops p{margin-top:10px!important;color:var(--tt-mut);line-height:1.55}

/* LATEST */
.tt-latest{padding:72px 0}
.tt-latest-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.tt-more{font-weight:700;color:var(--tt-green)!important}
.tt-notes-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.tt-note{display:flex;flex-direction:column;background:#fff;border:1px solid var(--tt-line);border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--tt-esp)!important;transition:transform .15s ease,box-shadow .15s ease}
.tt-note:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(46,33,24,.4)}
.tt-note-img{display:block;aspect-ratio:16/10;background-size:cover;background-position:center}
.tt-note-cat{margin:18px 20px 0;font:700 .74rem/1 Karla,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-green)}
.tt-note-t{margin:10px 20px 0;font:700 1.18rem/1.28 Fraunces,serif}
.tt-note-go{margin:auto 20px 20px;padding-top:16px;font-weight:700;font-size:.92rem;color:var(--tt-esp-2)}

/* PACK LIST */
.tt-pack{padding:76px 0;background:var(--tt-esp);color:#F3EADB}
.tt-pack-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.tt-pack-img{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 0 0 8px rgba(143,224,195,.18)}
.tt-pack-img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.tt-pack .tt-sec-kick{color:var(--tt-mint)}
.tt-pack h2{color:#fff!important}
.tt-checks{list-style:none;margin:24px 0 0;padding:0}
.tt-checks li{position:relative;padding:12px 0 12px 40px;border-bottom:1px dashed rgba(243,234,219,.22);font-size:1.06rem;line-height:1.45}
.tt-checks li:before{content:"";position:absolute;left:0;top:12px;width:24px;height:24px;border-radius:7px;background:var(--tt-mint)}
.tt-checks li:after{content:"";position:absolute;left:8px;top:16px;width:7px;height:12px;border:solid var(--tt-esp);border-width:0 3px 3px 0;transform:rotate(45deg)}
.tt-downloads{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.tt-downloads a{flex:1 1 200px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;border:2px solid var(--tt-gold);color:#fff!important;text-decoration:none!important}
.tt-downloads a:hover{background:rgba(242,181,68,.12)}
.tt-downloads strong{font:700 1.05rem/1.2 Fraunces,serif}
.tt-downloads span{font-size:.85rem;color:var(--tt-gold)}

/* MYTHS */
.tt-myths{padding:72px 0}
.tt-myth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.tt-myth{background:#fff;border-radius:16px;padding:26px;border-left:6px solid var(--tt-gold);box-shadow:0 1px 0 var(--tt-line)}
.tt-myth-q{font:italic 700 1.22rem/1.3 Fraunces,serif;color:var(--tt-esp)}
.tt-myth p+p{margin-top:12px!important;color:var(--tt-mut);line-height:1.55}

/* END BAND */
.tt-end{padding:0 0 80px}
.tt-end-in{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;background:var(--tt-green);border-radius:24px;padding:40px 44px;
  background-image:radial-gradient(circle at 100% 0,rgba(143,224,195,.35),transparent 50%)}
.tt-end h2{color:#fff!important;font-size:clamp(1.6rem,3vw,2.2rem)}
.tt-end p{color:#E3F6EE;margin-top:8px!important;font-size:1.05rem}
.tt-end-act{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.tt-end-link{color:#fff!important;font-weight:600;text-decoration:underline!important}

@media(max-width:900px){
  .tt-hero{padding:40px 0 56px}
  .tt-hero-in,.tt-pack-in{grid-template-columns:1fr;gap:36px}
  .tt-postcard{transform:rotate(1.2deg);margin:0 8px}
  .tt-stops{grid-template-columns:1fr 1fr;gap:30px 22px}
  .tt-stops:before{display:none}
  .tt-notes-row,.tt-myth-grid{grid-template-columns:1fr}
  .tt-end-in{padding:30px 26px}
}
@media(max-width:520px){.tt-stops{grid-template-columns:1fr}.tt-hero-act .tt-btn{flex:1 1 100%}}