:root{--black:#010b05;--forest:#03170c;--green:#082718;--gold:#c99c3c;--light:#efc86b;--cream:#f1e5c8;--paper:#d9bd83;--ink:#30210f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03170d;color:var(--cream);font-family:Georgia,"Times New Roman",serif}a{color:inherit}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;background:#010b05f5;border-bottom:1px solid var(--gold);position:sticky;top:0;z-index:20}.brand{text-decoration:none;color:var(--light);letter-spacing:.18em;font-size:1.15rem}.brand i{font-weight:400}.nav nav{display:flex;gap:30px}.nav nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}.nav nav a:hover{color:var(--light)}
.hero{width:100%;min-height:720px;display:flex;align-items:center;justify-content:center;padding:52px 20px 62px;background:#03170d;border-bottom:1px solid var(--gold)}
.hero-copy{width:min(850px,100%);margin:0 auto;text-align:center;padding:0 34px;background:none}
.logo{display:block;width:min(610px,90%);height:auto;max-width:610px;margin:0 auto 22px;object-fit:contain;filter:none}.eyebrow,.section-head small,.story small,.connected small{color:var(--light);letter-spacing:.2em;font-size:.72rem}.hero h1{font-size:2rem;color:var(--light);font-weight:400;font-style:italic;margin:18px 0 12px}.hero-copy>p:not(.eyebrow){font-style:italic;line-height:1.7;font-size:1.05rem}.buttons{display:flex;justify-content:center;gap:18px;margin-top:30px}.buttons a,.story-card>a,.shopall,.social-links a,button{border:1px solid var(--gold);outline:1px solid #c99c3c44;outline-offset:4px;padding:14px 22px;text-decoration:none;background:#03190d;color:var(--light);letter-spacing:.11em;font-size:.7rem;font-family:inherit;cursor:pointer}.buttons a:hover,.story-card>a:hover,.shopall:hover,.social-links a:hover,button:hover{background:#0a2c1a}
.values{display:grid;grid-template-columns:repeat(5,1fr);background:#04150b;border-bottom:1px solid var(--gold);padding:20px 3vw}.values div{text-align:center;border-right:1px solid #80662d;padding:8px}.values div:last-child{border:0}.values b{display:block;color:var(--light);font-size:.68rem;letter-spacing:.1em}.values span{display:block;font-size:.76rem;font-style:italic;margin-top:6px}
.shop{padding:65px 3vw 80px;background:linear-gradient(rgba(1,12,6,.76),rgba(1,12,6,.82)),url("assets/woodland-visible.jpg") center/cover fixed}.section-head{display:flex;align-items:center;justify-content:center;gap:25px;text-align:center;margin:0 auto 30px}.section-head>span{font-size:2rem;color:var(--gold)}.section-head h2{color:var(--light);font-weight:400;letter-spacing:.12em;font-size:1.9rem;margin:8px}.section-head p{margin:5px;font-style:italic}.parchment{max-width:1250px;margin:auto;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background-color:var(--paper);background-image:radial-gradient(#6e4e1c33 .7px,transparent .8px);background-size:6px 6px;border:1px solid #79561e;outline:1px solid #6c4b1d;outline-offset:-9px;box-shadow:inset 0 0 65px #50350f55,0 18px 45px #0008}.digital{text-align:center;text-decoration:none;color:var(--ink)}.digital img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #765421;padding:6px;background:#ead8aa}.digital h3{font-weight:400;font-size:1.12rem;margin:14px 0 4px}.digital em{font-size:.82rem}.apparel-head{margin-top:70px}.shirts{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.shirt{text-decoration:none;text-align:center;background:#06170d;border:1px solid var(--gold);padding:9px 9px 17px;box-shadow:0 10px 30px #0008;display:flex;flex-direction:column}
.shirt img{width:100%;height:360px;object-fit:contain;object-position:center;display:block;background:#0e110d;border-bottom:1px solid #86692d}
.shirt h3{font-weight:400;color:var(--light);font-size:1rem;margin:14px 5px 3px;min-height:1.5em}.shopall{display:table;margin:42px auto 0}
.story{padding:90px 20px;background:linear-gradient(90deg,rgba(1,11,5,.75),rgba(1,20,9,.54),rgba(1,11,5,.75)),url("assets/woodland-visible.jpg") center/cover;border-block:1px solid var(--gold)}.story-card{max-width:820px;margin:auto;text-align:center;padding:44px 65px;background:#03170de8;border:1px solid var(--gold);box-shadow:0 15px 40px #0009}.story h2,.connected h2,.pride h2{font-size:2.15rem;font-weight:400;color:var(--light);margin:12px}.rule{color:var(--gold);margin:15px}.story p{line-height:1.75;margin-bottom:30px}
.connected{padding:80px 4vw;background:#07190f}.connected-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.social,.newsletter{position:relative;padding:45px;background:#d8bd83;color:var(--ink);border:1px solid #7d5a23;outline:1px solid #7d5a23;outline-offset:-9px;box-shadow:inset 0 0 55px #5e3d1544}.social h2,.newsletter h2{color:#4b3513;margin-left:0}.social p,.newsletter p{line-height:1.65}.social-links{display:flex;gap:15px;margin-top:28px}.social-links a{color:var(--light)}.newsletter form{display:flex;gap:10px;margin:25px 0 16px}.newsletter input{flex:1;min-width:0;padding:14px;border:1px solid #765421;background:#f2e5c7;font-family:inherit;font-size:.9rem}.newsletter em{font-size:.78rem}.pride{text-align:center;padding:60px 20px;background:#020e07}.pride>span{font-size:2rem;color:var(--gold)}.pride p{letter-spacing:.08em}.pride strong{display:block;margin-top:22px;font-size:.78rem;letter-spacing:.13em}
footer{display:flex;justify-content:space-between;padding:24px 4vw;background:#010905;border-top:1px solid var(--gold);color:var(--light);font-size:.7rem;letter-spacing:.1em}
/* Our Story uses the same living woodland, parchment, gold and book-like treatment */
.story-hero{background:linear-gradient(rgba(1,10,5,.35),rgba(1,10,5,.52)),url("assets/woodland-visible.jpg") center/cover!important}.chapters{background:linear-gradient(rgba(1,12,6,.78),rgba(1,12,6,.85)),url("assets/woodland-visible.jpg") center/cover fixed!important}
@media(max-width:900px){.nav nav{gap:12px}.nav nav a:last-child{display:none}.values{grid-template-columns:repeat(2,1fr)}.parchment,.shirts{grid-template-columns:repeat(2,1fr)}.connected-inner{grid-template-columns:1fr}}
@media(max-width:620px){.nav{height:auto;min-height:62px;padding:10px 4vw}.brand{font-size:.78rem}.nav nav a{font-size:.56rem}.hero{min-height:650px}.hero-copy{padding:25px 15px 38px}.logo{height:235px}.buttons{flex-direction:column}.values,.parchment,.shirts{grid-template-columns:1fr}.section-head h2{font-size:1.4rem}.story-card,.social,.newsletter{padding:34px 22px}.newsletter form{flex-direction:column}.social-links{flex-direction:column}.story h2,.connected h2,.pride h2{font-size:1.7rem}footer{flex-direction:column;gap:10px;text-align:center}}


/* Round 4 fixed: one authoritative layout */
main{width:100%;margin:0;padding:0;background:#03170d}
.hero{box-sizing:border-box;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero .eyebrow,.hero h1,.hero-copy>p:not(.eyebrow){text-align:center;margin-left:auto;margin-right:auto}
.hero-copy>p:not(.eyebrow){width:min(560px,88%);font-style:italic;line-height:1.7;font-size:1.05rem}
.hero .buttons{width:100%;justify-content:center}
.shirts{align-items:stretch}
.shirt img{height:360px!important;min-height:360px!important;object-fit:contain!important;padding:0!important}
@media(max-width:620px){
 .hero{min-height:auto;padding:38px 14px 48px}
 .hero-copy{padding:0 10px}
 .logo{width:96%}
 .hero-copy>p:not(.eyebrow){width:90%}
 .shirt img{height:320px!important;min-height:320px!important}
}

/* Round 5 — actual Printify shirt presentation, transparent over Antler & Key cards */
.shirt img,.shirt>img{
    background:#0e110d!important;
    object-fit:contain!important;
    object-position:center!important;
    height:360px!important;
    min-height:360px!important;
    padding:24px 34px!important;
    box-sizing:border-box!important;
}

/* ===== ROUND 6: approved apparel showcase + restored woodland atmosphere ===== */
body{
    background:
      linear-gradient(rgba(1,15,8,.70),rgba(1,15,8,.82)),
      url("assets/woodland-visible.jpg") center top / cover fixed no-repeat !important;
}
main{
    background:transparent !important;
}
.hero{
    background:
      linear-gradient(rgba(2,20,11,.72),rgba(2,20,11,.84)),
      url("assets/woodland-visible.jpg") center center / cover no-repeat !important;
}
.hero-copy{
    background:rgba(2,18,10,.68) !important;
    border-left:1px solid rgba(183,140,42,.18);
    border-right:1px solid rgba(183,140,42,.18);
}
.collection-showcase{
    width:min(1500px,96%);
    margin:28px auto 0;
    padding:8px;
    box-sizing:border-box;
}
.collection-showcase img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    border:1px solid rgba(183,140,42,.78);
    box-shadow:0 18px 50px rgba(0,0,0,.48);
}
@media(max-width:700px){
    body{background-attachment:scroll !important}
    .collection-showcase{width:98%;padding:3px}
}

/* ===== ROUND 7: visible woodland page + larger apparel ===== */
html,body{
  background:#03170d url("assets/woodland-visible.jpg") center top / cover fixed no-repeat !important;
}
main{background:transparent!important}
.hero{
  background:
    linear-gradient(rgba(1,13,7,.38),rgba(1,13,7,.55)),
    url("assets/woodland-visible.jpg") center / cover no-repeat !important;
}
.hero-copy{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.shop{
  background:
    linear-gradient(rgba(1,12,6,.58),rgba(1,12,6,.68)),
    url("assets/woodland-visible.jpg") center / cover fixed no-repeat !important;
}
.r7-shirts{
  width:min(1680px,98vw)!important;
  max-width:1680px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.r7-shirt{
  padding:10px 10px 16px!important;
  background:#07140d!important;
}
.r7-shirt img{
  width:100%!important;
  height:440px!important;
  min-height:440px!important;
  object-fit:cover!important;
  object-position:center top!important;
  padding:0!important;
  background:#07140d!important;
}
.r7-shirt h3{
  font-size:1.22rem!important;
  margin:14px 6px 2px!important;
  color:var(--light)!important;
}
@media(max-width:900px){
 .r7-shirts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .r7-shirt img{height:420px!important;min-height:420px!important}
}
@media(max-width:620px){
 html,body{background-attachment:scroll!important}
 .r7-shirts{grid-template-columns:1fr!important;width:96vw!important}
 .r7-shirt img{height:auto!important;min-height:0!important}
}

/* ===== ROUND 8 — ONLY approved changes: stronger woodland + readable Our Story ===== */

/* Make the existing woodland imagery noticeably more prominent. */
html,body{
  background:
    linear-gradient(rgba(1,12,6,.18),rgba(1,12,6,.28)),
    url("assets/woodland-visible.jpg") center top / cover fixed no-repeat !important;
}
main{background:transparent!important}
.hero{
  background:
    linear-gradient(rgba(1,13,7,.18),rgba(1,13,7,.30)),
    url("assets/woodland-visible.jpg") center center / cover no-repeat !important;
}
.shop{
  background:
    linear-gradient(rgba(1,12,6,.30),rgba(1,12,6,.42)),
    url("assets/woodland-visible.jpg") center / cover fixed no-repeat !important;
}

/* OUR STORY — actual HTML, high-contrast readable panels over visible woodland. */
.story-page{
  background:
    linear-gradient(rgba(1,10,5,.22),rgba(1,10,5,.34)),
    url("assets/woodland-visible.jpg") center top / cover fixed no-repeat !important;
}
.story-hero-new{
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:70px 20px;
  border-bottom:1px solid var(--gold);
  background:rgba(1,12,6,.28);
}
.story-hero-inner{
  width:min(850px,94vw);
  margin:auto;
  padding:34px 42px 40px;
  text-align:center;
  color:var(--cream);
  background:rgba(2,18,10,.86);
  border:1px solid var(--gold);
  box-shadow:0 18px 50px rgba(0,0,0,.55);
}
.story-logo{
  display:block;
  width:min(560px,90%);
  height:auto;
  margin:0 auto 25px;
}
.story-hero-inner small,.chapter-number{
  color:#e0bd62;
  letter-spacing:.14em;
  font-size:.78rem;
  font-weight:700;
}
.story-hero-inner h1{
  color:#f1cf77;
  font-size:3rem;
  font-weight:400;
  margin:12px 0;
}
.story-hero-inner p{
  color:#fff2cf;
  font-size:1.15rem;
  line-height:1.65;
}
.ornament{color:#d3a43f;margin:14px 0}

.story-book{
  width:min(1180px,94vw);
  margin:0 auto;
  padding:65px 0;
  display:grid;
  gap:34px;
}
.chapter{
  width:100%;
  margin:0;
  padding:44px 52px;
  border:1px solid #a67d2c;
  box-shadow:0 18px 48px rgba(0,0,0,.48);
}
.chapter h2{
  color:#f0cc70;
  font-size:2.05rem;
  font-weight:400;
  margin:10px 0 4px;
}
.chapter h3{
  color:#e5bf62;
  font-size:1.22rem;
  margin:25px 0 8px;
}
.chapter p{
  color:#fff1cf;
  font-size:1.06rem;
  line-height:1.78;
  margin:14px 0;
}
.parchment-chapter,
.woodland-chapter,
.woodland-chapter.right{
  background:rgba(3,22,12,.91);
}
.parchment-chapter.narrow{
  width:min(960px,100%);
  justify-self:center;
}
.chapter-copy{
  width:100%;
  max-width:none;
  padding:0;
  background:none;
}
.story-closing{
  padding:70px 20px 85px;
  text-align:center;
  border-top:1px solid var(--gold);
  background:rgba(1,13,7,.58);
}
.story-closing>div{
  width:min(820px,94vw);
  margin:auto;
  padding:42px 48px;
  background:rgba(2,18,10,.91);
  border:1px solid var(--gold);
}
.story-closing h2{
  color:#f0cc70;
  font-size:2.25rem;
  font-weight:400;
  margin:0 0 16px;
}
.story-closing p{
  color:#fff1cf;
  line-height:1.75;
  font-size:1.05rem;
}
.story-closing strong{
  display:inline-block;
  color:#e1bb5c;
  margin:12px 0 28px;
  letter-spacing:.08em;
}
.story-closing a{
  display:inline-block;
  border:1px solid var(--gold);
  padding:14px 24px;
  text-decoration:none;
  color:#f0cc70;
  background:#03190d;
  letter-spacing:.12em;
  font-size:.75rem;
}

@media(max-width:700px){
  html,body,.story-page,.shop{background-attachment:scroll!important}
  .story-hero-new{min-height:auto;padding:35px 12px}
  .story-hero-inner{padding:26px 18px 30px}
  .story-hero-inner h1{font-size:2.2rem}
  .story-book{width:94vw;padding:38px 0;gap:22px}
  .chapter{padding:30px 23px}
  .chapter h2{font-size:1.65rem}
  .chapter p{font-size:1rem}
  .story-closing{padding:45px 12px}
  .story-closing>div{padding:32px 22px}
}

/* ===== ROUND 9 — ONLY CHANGE: approved sharp woodland background ===== */
html,body{
  background:
    linear-gradient(rgba(1,10,5,.08),rgba(1,10,5,.16)),
    url("assets/sharp-woodland-background.jpg") center top / cover fixed no-repeat !important;
}
main{background:transparent!important}
.hero{
  background:
    linear-gradient(rgba(1,10,5,.10),rgba(1,10,5,.18)),
    url("assets/sharp-woodland-background.jpg") center / cover no-repeat !important;
}
.shop{
  background:
    linear-gradient(rgba(1,10,5,.16),rgba(1,10,5,.24)),
    url("assets/sharp-woodland-background.jpg") center / cover fixed no-repeat !important;
}
.story-page{
  background:
    linear-gradient(rgba(1,10,5,.12),rgba(1,10,5,.22)),
    url("assets/sharp-woodland-background.jpg") center top / cover fixed no-repeat !important;
}
@media(max-width:700px){
 html,body,.shop,.story-page{background-attachment:scroll!important}
}

/* ===== ROUND 10 — ONLY TWO FIXES ===== */

/* 1) sharper woodland background, same placement / darkness */
html,body{
  background:
    linear-gradient(rgba(1,10,5,.08),rgba(1,10,5,.16)),
    url("assets/sharp-woodland-background-v2.jpg") center top / cover fixed no-repeat !important;
}
.hero{
  background:
    linear-gradient(rgba(1,10,5,.10),rgba(1,10,5,.18)),
    url("assets/sharp-woodland-background-v2.jpg") center / cover no-repeat !important;
}
.shop{
  background:
    linear-gradient(rgba(1,10,5,.16),rgba(1,10,5,.24)),
    url("assets/sharp-woodland-background-v2.jpg") center / cover fixed no-repeat !important;
}
.story-page{
  background:
    linear-gradient(rgba(1,10,5,.12),rgba(1,10,5,.22)),
    url("assets/sharp-woodland-background-v2.jpg") center top / cover fixed no-repeat !important;
}

/* 2) apparel card images: show only the cleaned garment image once;
      HTML title below remains the sole product title. */
.r7-shirt img{
  object-fit:cover !important;
  object-position:center top !important;
}

/* ===== ROUND 11 — ONLY REQUESTED FIXES ===== */

/* Sharp woodland framing: no blur, no stretch, no mirrored center seam. */
html, body{
  background-color:#03170d !important;
  background-image:
    url("assets/forest-side-left.jpg"),
    url("assets/forest-side-right.jpg") !important;
  background-position:left top, right top !important;
  background-repeat:repeat-y, repeat-y !important;
  background-size:auto 100vh, auto 100vh !important;
  background-attachment:fixed, fixed !important;
}
main{background:transparent !important}

/* Keep the center clean/dark so content remains readable while the forest stays sharp. */
.hero, .shop, .story-page{
  background:linear-gradient(
    90deg,
    rgba(3,23,13,.72) 0%,
    rgba(3,23,13,.94) 18%,
    rgba(3,23,13,.94) 82%,
    rgba(3,23,13,.72) 100%
  ) !important;
}

/* New high-resolution shirts: one image + one HTML title only. */
.r7-shirt img{
  width:100% !important;
  height:440px !important;
  min-height:440px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:12px 20px !important;
  box-sizing:border-box !important;
  background:#07140d !important;
}
@media(max-width:700px){
  html,body{background-attachment:scroll,scroll !important}
  .r7-shirt img{height:auto !important;min-height:0 !important}
}

/* ===== ROUND 12 — HERO PORTION ONLY ===== */

/* Keep the sharp woodland framing at the page edges, but give the hero a clean center. */
.hero{
  width:100% !important;
  min-height:auto !important;
  margin:0 !important;
  padding:42px 18px 54px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  background:transparent !important;
  border-bottom:1px solid var(--gold) !important;
}

.hero-copy{
  width:min(980px,92vw) !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:28px 42px 42px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:#03170d !important;
  border:1px solid rgba(201,156,60,.55) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.38) !important;
  overflow:hidden !important;
}

.hero .logo{
  display:block !important;
  width:min(820px,100%) !important;
  max-width:820px !important;
  height:auto !important;
  max-height:none !important;
  margin:0 auto 28px !important;
  object-fit:contain !important;
  position:static !important;
  transform:none !important;
}

.hero .eyebrow{
  margin:0 auto 18px !important;
  padding:0 !important;
  text-align:center !important;
  position:static !important;
}

.hero h1{
  margin:0 auto 22px !important;
  text-align:center !important;
  position:static !important;
  line-height:1.15 !important;
}

.hero-copy>p:not(.eyebrow){
  width:min(650px,90%) !important;
  max-width:650px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  line-height:1.7 !important;
  position:static !important;
}

.hero .buttons{
  width:100% !important;
  margin-top:30px !important;
  display:flex !important;
  justify-content:center !important;
  gap:18px !important;
  position:static !important;
}

@media(max-width:700px){
  .hero{padding:24px 10px 38px !important}
  .hero-copy{width:96vw !important;padding:18px 16px 30px !important}
  .hero .logo{width:100% !important;margin-bottom:22px !important}
  .hero h1{font-size:1.85rem !important}
  .hero-copy>p:not(.eyebrow){width:94% !important}
  .hero .buttons{flex-direction:column !important;align-items:stretch !important}
}

/* ===== ROUND 13 — ONLY EDITS #1 AND #2 ===== */

/* Edit #1: hero framing must contain forest only — never apparel. */
html,body{
  background-color:#03170d !important;
  background-image:
    url("assets/forest-side-left-clean.jpg"),
    url("assets/forest-side-right-clean.jpg") !important;
  background-position:left top, right top !important;
  background-repeat:repeat-y, repeat-y !important;
  background-size:auto 100vh, auto 100vh !important;
  background-attachment:fixed, fixed !important;
}
.hero{
  overflow:hidden !important;
  position:relative !important;
  z-index:1 !important;
}
.shop{
  position:relative !important;
  z-index:2 !important;
}

/* Edit #2: enlarge best-quality garment images and keep them consistent. */
.r7-shirt img{
  width:100% !important;
  height:500px !important;
  min-height:500px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:6px 10px !important;
  background:#07140d !important;
}
@media(max-width:900px){
  .r7-shirt img{height:440px !important;min-height:440px !important}
}
@media(max-width:620px){
  html,body{background-attachment:scroll,scroll !important}
  .r7-shirt img{height:auto !important;min-height:0 !important}
}