
:root{--ink:#17231f;--forest:#17382f;--forest2:#0d2923;--paper:#eee4d0;--cream:#f8f1e4;--gold:#aa7a3b;--rust:#7c402d;--line:#cdbd9e}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.6}
a{color:inherit}.wrap{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,236,219,.97);border-bottom:1px solid #cbbb9b}
.nav{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{width:185px;max-height:92px;object-fit:contain;display:block}
nav{display:flex;gap:25px;align-items:center;font-size:.79rem;letter-spacing:.13em;text-transform:uppercase;font-weight:bold}nav a{text-decoration:none}nav a:hover{color:var(--rust)}
.hero{min-height:70vh;display:grid;place-items:center;position:relative;background:linear-gradient(rgba(8,26,22,.46),rgba(8,26,22,.72)),url('hero.jpg') center/cover;color:#fff;text-align:center}
.hero-inner{max-width:850px;padding:80px 20px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;font-weight:bold}.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;margin:.15em 0;text-shadow:0 3px 20px #000}.tagline{font-style:italic;font-size:clamp(1.25rem,2.5vw,1.9rem)}
.btn{display:inline-block;padding:12px 19px;border:1px solid currentColor;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:bold;margin:7px}.btn.fill{background:var(--paper);color:var(--forest);border-color:var(--paper)}
.section{padding:78px 0}.section.dark{background:var(--forest2);color:#f5eddd}.section.paper{background:var(--paper)}
.section h2,.page-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;margin:.1em 0 .35em}.lead{font-size:1.18rem;max-width:760px}.center{text-align:center;margin-left:auto;margin-right:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{background:#f9f3e7;border:1px solid var(--line);box-shadow:0 10px 28px #0001;text-decoration:none;transition:.2s;overflow:hidden}.card:hover{transform:translateY(-4px)}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:24px}.card h3{font-size:1.65rem;margin:0 0 6px}.arrow{color:var(--rust);font-weight:bold;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}
.page-hero{padding:90px 0 70px;background:var(--forest2);color:#f8f1e4;border-bottom:6px solid var(--gold)}.page-hero .wrap{max-width:900px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature img{width:100%;border:8px solid #e4d5b8;box-shadow:0 12px 30px #0002}
.kicker{color:var(--rust);font-weight:bold;text-transform:uppercase;letter-spacing:.17em;font-size:.76rem}.quote{font-size:1.55rem;font-style:italic;border-left:3px solid var(--gold);padding-left:24px}
.signup{background:#122f28;color:#fff;padding:55px 0}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.signup form{display:grid;gap:12px}.signup input,.signup select,.signup textarea,.contact-form input,.contact-form textarea{width:100%;padding:14px;border:1px solid #a99a7c;background:#fffdf8;font:inherit}.signup button,.contact-form button{padding:14px;background:var(--gold);border:0;font-weight:bold;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.note{font-size:.78rem;opacity:.78}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:35px}.field-note{border-top:1px solid var(--line);padding:20px 0}.contact-form{display:grid;gap:13px;max-width:720px}
footer{background:#091d19;color:#ddd2bd;padding:42px 0;font-size:.86rem}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}
@media(max-width:800px){.nav{min-height:88px;align-items:center}.logo img{width:150px;max-height:74px}nav{gap:11px;font-size:.63rem;letter-spacing:.06em}nav .hide-mobile{display:none}.cards,.feature,.signup-grid,.grid2{grid-template-columns:1fr}.hero{min-height:62vh}.section{padding:55px 0}}

/* V3.1 homepage hero refinement */
.hero.hero-art{
  min-height:0;
  height:auto;
  aspect-ratio:16/8.2;
  background-image:url('hero.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  position:relative;
  color:#fff;
  text-align:center;
}
.hero.hero-art::after{
  content:"";
  position:absolute;
  inset:62% 0 0;
  background:linear-gradient(to bottom,transparent,rgba(5,20,17,.42));
  pointer-events:none;
}
.hero-art-actions{
  position:relative;
  z-index:2;
  padding:0 20px 25px;
}
.hero-art-actions .btn{
  background:rgba(247,240,225,.94);
  color:#17382f;
  border-color:#f7f0e1;
  box-shadow:0 4px 18px rgba(0,0,0,.18);
}
@media(max-width:800px){
  .hero.hero-art{aspect-ratio:4/3;background-size:cover}
  .hero-art-actions{padding-bottom:16px}
}

/* V3.2 homepage refinement */
body:has(.hero-v32) .site-header .nav { justify-content:flex-end; }
.hero.hero-v32{
  min-height:0;
  height:auto;
  aspect-ratio:16/9;
  background-image:url('hero-v32.jpg');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  display:block;
}
.hero.hero-v32::before,.hero.hero-v32::after{display:none!important}
@media(max-width:800px){
  body:has(.hero-v32) .site-header .nav{justify-content:center}
  .hero.hero-v32{aspect-ratio:16/10;background-position:center top}
}

/* V3.3 approved homepage experience-card treatment */
.cards .card img{
  width:100%;
  aspect-ratio:2/3;
  object-fit:contain;
  object-position:center;
  background:#e8dcc3;
}

/* Approved Hunt landing-page header */
.hunt-art-header{position:relative;width:100%;margin:0;padding:0;background:#e8dcc3}
.hunt-art-header>img{display:block;width:100%;height:auto;object-fit:contain}
.hunt-header-hotspot{position:absolute;left:32%;bottom:5%;width:36%;height:13%;display:block;cursor:pointer}

/* Home navigation correction — 2026-09-15
   The duplicate navigation that was baked into the hero artwork has been cropped away.
   The actual site navigation above remains the only navigation bar. */
.hero.hero-v32{
  aspect-ratio:1600/910;
  background-position:center top;
  position:relative;
}
.home-explore-hotspot{
  position:absolute;
  left:4.8%;
  bottom:9.2%;
  width:25.3%;
  height:7.2%;
  display:block;
  z-index:3;
  cursor:pointer;
}
@media(max-width:800px){
  .hero.hero-v32{aspect-ratio:1600/910;background-size:cover;background-position:center top}
}


/* Final Lost Trails series header artwork — locked 2026-09-15 */
.series-art-header{width:100%;margin:0;padding:0;background:#1d211d;border-bottom:1px solid rgba(42,38,31,.35)}
.series-art-header img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.series-art-header{overflow:hidden}.series-art-header img{width:100%;height:auto}}


/* Kit email signup integration — 2026-09-16 */
.kit-signup-card{background:rgba(246,236,216,.96);color:#332d24;border:1px solid rgba(98,74,48,.42);padding:28px;box-shadow:0 10px 28px rgba(20,24,20,.12);text-align:left;font-style:normal;display:block}
.kit-signup-card .eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#7c4c34;margin-bottom:8px}
.kit-signup-card h3{font:700 1.65rem Georgia,serif;margin:0 0 10px;color:#26372e}
.kit-signup-card p{margin:0 0 18px!important;color:#51483b!important;font-size:.96rem!important;line-height:1.55!important}
.layton-kit-form{display:grid;gap:10px;margin:0}
.layton-kit-form input[type=email]{width:100%;box-sizing:border-box;background:#fffaf0;border:1px solid #a99270;border-radius:0;padding:13px 14px;font:inherit;color:#28251f}
.layton-kit-form input[type=email]:focus{outline:2px solid rgba(124,64,45,.28);outline-offset:1px;border-color:#7c402d}
.layton-kit-form button{border:0;border-radius:0;background:#7c402d;color:#fff7e8;padding:13px 16px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.layton-kit-form button:hover,.layton-kit-form button:focus{filter:brightness(.92)}
.layton-kit-form .note{font-size:.72rem;line-height:1.4;color:#6b6255}
.signup .kit-signup-card{background:transparent;border:0;box-shadow:none;padding:0;color:inherit}
.signup .kit-signup-card h3{color:#f3e8d3;font-size:2rem}
.signup .kit-signup-card p,.signup .layton-kit-form .note{color:#e7dbc6!important}
.signup .kit-signup-card .eyebrow{color:#d7b47f}
.signup .layton-kit-form input[type=email]{background:#f8f1e4}
.signup .layton-kit-form button{background:#aa7a3b;color:#fff}
