/* The opening is a scroll-bound scene, with independently composited subjects. */
.site-header{position:fixed;z-index:50;top:18px;left:3%;width:94%;height:72px;padding:0 24px;border:1px solid #ffffff70;border-radius:100px;background:#faf8efed;backdrop-filter:blur(22px);box-shadow:0 8px 36px #142d2010;gap:22px;transition:top .3s,box-shadow .3s,background .3s}
.site-header.is-scrolled{top:10px;background:#faf8eff5;box-shadow:0 8px 35px #142d2020}
.site-header .brand{font-size:27px}.site-header .brand-mark{background:var(--forest);color:var(--paper);border:0;width:36px;height:36px;font-size:29px;margin-right:9px}
.site-header .main-nav{gap:22px}.site-header .main-nav a{font-size:11px}.site-header .join-link{background:var(--forest);color:var(--paper);border-radius:50px;border:0;padding:12px 17px;font-size:10px}
.nav-sell{font-weight:700;color:var(--orange)}.nav-progress{position:absolute;bottom:-1px;left:3%;height:2px;width:94%;overflow:hidden;pointer-events:none;border-radius:100px}.nav-progress:after{content:'';display:block;height:100%;width:calc(var(--story-progress,0)*100%);background:var(--orange)}
.scroll-story{height:550svh;position:relative;background:#e7e7d6;--story-progress:0}
.story-stage{position:sticky;top:0;height:100svh;min-height:630px;overflow:hidden;isolation:isolate;background:#eeece1;color:var(--forest)}
.story-farm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);will-change:opacity,transform;z-index:-4}
.story-tint{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#fff9e8e8 0%,#fff9e8ba 31%,#fff9e835 57%,#fff9e800 78%),linear-gradient(0deg,#162e2650,transparent 25%)}
.story-wash{position:absolute;inset:0;background:#eeeae0;z-index:-2;opacity:0;will-change:opacity}
.story-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");z-index:8}
.story-copy{position:absolute;left:7%;top:26%;width:43%;max-width:650px;z-index:9;will-change:opacity,transform}
.story-copy:not([data-story-copy="0"]){opacity:0;pointer-events:none}
.story-copy h1,.story-copy h2{font-size:clamp(60px,6.4vw,104px);letter-spacing:-3px;line-height:.96;margin:0 0 26px}
.story-copy h1 em,.story-copy h2 em{color:#96633d}.story-copy p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:365px;margin-bottom:26px;color:#465644}
.story-copy .eyebrow{letter-spacing:2.5px;font-size:9px;display:flex;gap:10px;align-items:center}.story-copy .eyebrow:before{content:'';height:1px;width:28px;background:currentColor}
.story-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.story-actions .button{border-radius:100px;padding:15px 23px;gap:28px}.story-actions>.text-link{font-size:11px;font-weight:600}
.story-horse-wrap{position:absolute;right:0;bottom:5%;width:56%;aspect-ratio:1.5;z-index:3;will-change:opacity,transform;transform-origin:70% 85%}
.story-horse{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:drop-shadow(8px 20px 15px #132c2018)}.story-horse-tacked{opacity:0;will-change:opacity}
.horse-ground{position:absolute;left:26%;right:15%;bottom:3%;height:6%;background:#17372030;filter:blur(13px);border-radius:50%;z-index:-1}
.farm-sale-sign{position:absolute;right:16%;bottom:4%;width:260px;height:410px;z-index:4;opacity:0;transform:translateY(45px) rotate(-3deg);will-change:opacity,transform;pointer-events:none}
.farm-sale-sign:after{content:'';position:absolute;left:43%;top:0;bottom:0;width:16px;background:linear-gradient(90deg,#d3b78e,#f5ddac 45%,#a18a60);box-shadow:6px 2px 6px #11251816;z-index:-1}
.sale-sign-board{margin-top:34px;text-align:center;background:#f5f1e5;border:8px solid #f2debd;box-shadow:6px 11px 16px #1a251331;transform:rotate(3deg)}
.sale-sign-board>span{display:block;background:var(--forest);color:var(--paper);padding:10px;font-size:9px;letter-spacing:2px}.sale-sign-board strong{display:block;font-family:var(--serif);font-size:50px;line-height:1;padding:26px 0 12px;font-weight:400}.sale-sign-board small{display:block;font-size:10px;letter-spacing:1px;padding:0 10px 20px}.sale-sign-board b{display:block;border-top:1px solid #ddd4c2;padding:12px;font-size:12px;font-weight:500}
.story-marketplace{position:absolute;right:4%;top:24%;width:46%;height:59%;opacity:0;z-index:5;will-change:opacity,transform;transform:translateY(60px);pointer-events:none}
.story-market-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;margin:0 0 18px;border-radius:100px;background:#fcfbf5;font-size:10px;box-shadow:0 5px 30px #1f392710}.story-market-toolbar b{font-weight:600}.story-market-toolbar span{font-size:9px;color:var(--muted)}
.story-market-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.scene-card{background:#fcfaf2;border:1px solid #e1dfd2;border-radius:16px;overflow:hidden;box-shadow:0 16px 45px #17332115;transform:translateY(16px);transition:transform .3s}
.scene-card:nth-child(2){margin-top:40px}.scene-card:nth-child(3){margin-top:80px}.scene-card-visual{height:210px;position:relative;background:#e3e4d1;display:flex;align-items:end}.scene-card:nth-child(2) .scene-card-visual{background:#ded6c8}.scene-card:nth-child(3) .scene-card-visual{background:#d8ddd4}.scene-card-visual img{width:100%;height:100%;object-fit:contain;max-width:100%;margin:0;padding:24px 0 6px}.scene-card-visual>span{position:absolute;top:11px;left:10px;background:#fcfaf2d9;border-radius:20px;padding:4px 7px;font-size:7px;font-weight:600;letter-spacing:.6px}.scene-card-body{padding:17px 12px}.scene-card-body small{font-size:7px;letter-spacing:.8px;color:var(--muted)}.scene-card h3{font-size:27px;letter-spacing:-.5px;margin:8px 0 17px;line-height:1}.scene-card-body>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding-top:10px;border-top:1px solid #e2dfd5}.scene-card-body>div>span{font-weight:600}.scene-card-body>div>b{font-size:18px;font-weight:400}
.tack-tags{position:absolute;inset:0;z-index:7;pointer-events:none}.tack-tag{position:absolute;display:flex;gap:14px;align-items:center;background:#fdfbf0f2;border:1px solid #fff8;border-radius:12px;padding:12px 15px;box-shadow:0 5px 20px #1f332820;font-size:10px;opacity:0;transform:translateY(15px);will-change:opacity,transform}.tack-tag:after{content:'';position:absolute;left:50%;top:100%;width:1px;height:42px;background:#fdfbf0a0}.tack-tag small{display:block;font-size:7px;letter-spacing:1px;color:var(--muted)}.tack-tag strong{font-weight:500;display:block}.tack-tag>b{color:var(--orange);font-size:13px;font-weight:500}.saddle-tag{left:60%;top:43%}.bridle-tag{right:5%;top:30%}.wraps-tag{left:54%;bottom:26%}
.story-bottom{position:absolute;bottom:30px;left:7%;right:5%;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:15px}.story-chapters{display:flex;gap:7px}.story-chapters button{background:#f8f5e1a3;border:1px solid #f8f6ed6e;border-radius:50px;color:#3e4b38;padding:9px 16px;font-size:9px;letter-spacing:.5px;backdrop-filter:blur(12px);transition:background .2s,color .2s}.story-chapters button[aria-pressed="true"]{background:var(--forest);color:var(--paper);border-color:var(--forest)}.story-chapters button span{opacity:.55;margin-right:7px}.story-bottom>p{font-size:8px;color:#fffbe9;letter-spacing:1.7px;text-align:right}.scroll-cue{display:flex;gap:13px;align-items:center;color:var(--forest);font-size:8px;letter-spacing:1.6px;margin-top:26px}.scroll-cue i{width:17px;height:28px;display:inline-block;border:1px solid #7b8965;border-radius:20px;position:relative}.scroll-cue i:after{content:'';position:absolute;top:7px;left:7px;width:1px;height:6px;background:var(--forest);animation:scroll-cue 1.8s infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:1}70%{transform:translateY(7px);opacity:.3}}
.site-header~main #market-view,.site-header~main #gear-view,.site-header~main #account-view,.site-header~main #sell-view{padding-top:100px}
.pathway-strip{background:var(--paper);position:relative;z-index:3}
@media(max-width:1150px){.site-header .main-nav{gap:14px}.site-header .main-nav a{font-size:10px}.story-copy{left:6%;width:46%}.story-copy h1,.story-copy h2{font-size:74px}.story-marketplace{right:3%;width:45%}.scene-card-visual{height:165px}.scene-card h3{font-size:23px}.story-market-cards{gap:8px}.saddle-tag{left:59%}.farm-sale-sign{right:12%}}
@media(max-width:800px){.site-header{top:12px;height:90px;left:4%;width:92%;border-radius:22px;padding:12px 17px;display:grid;grid-template-columns:1fr auto;gap:5px 15px}.site-header.is-scrolled{top:8px}.site-header .brand{font-size:25px}.site-header .brand-mark{display:none}.site-header .main-nav{grid-row:2;grid-column:1/-1;gap:13px;justify-content:space-between;margin:0;width:100%;padding:0}.site-header .main-nav a{font-size:9px;padding:5px 0}.site-header .main-nav a.active:after{bottom:0;width:12px}.site-header .join-link{font-size:9px;padding:8px 12px}.member-icon{display:none}.story-stage{min-height:680px}.story-copy{top:19%;left:7%;width:86%;max-width:500px}.story-copy h1,.story-copy h2{font-size:clamp(51px,9vw,72px);letter-spacing:-2px;margin-bottom:15px}.story-copy p:not(.eyebrow){font-size:12px;max-width:310px;margin-bottom:17px}.story-copy .eyebrow{font-size:8px;margin-bottom:15px}.story-actions .button{font-size:10px;padding:12px 17px;gap:17px}.story-actions>.text-link{font-size:9px}.story-horse-wrap{width:92%;right:-9%;bottom:10%;}.story-farm{object-position:41% center}.story-tint{background:linear-gradient(180deg,#fff9e8e8,#fff9e8be 36%,#fff9e800 69%),linear-gradient(0deg,#162e2645,transparent 22%)}.scroll-cue{margin-top:17px}.farm-sale-sign{width:190px;height:245px;right:17%;bottom:9%}.sale-sign-board{margin-top:9px;border-width:6px}.sale-sign-board>span{font-size:7px;padding:7px}.sale-sign-board strong{font-size:36px;padding:15px 0 9px}.sale-sign-board small{font-size:8px;padding-bottom:12px}.sale-sign-board b{font-size:10px;padding:8px}.story-marketplace{width:86%;right:7%;top:auto;bottom:11%;height:auto}.story-market-toolbar{margin-bottom:10px;padding:9px 14px;font-size:8px}.story-market-toolbar span{font-size:7px}.scene-card-visual{height:145px}.scene-card-body{padding:12px 9px}.scene-card h3{font-size:24px;margin:7px 0 12px}.scene-card-body small{font-size:6px}.scene-card-body>div{font-size:8px}.scene-card:nth-child(2){margin-top:23px}.scene-card:nth-child(3){margin-top:46px}.story-bottom{bottom:21px;left:7%;right:7%;align-items:end}.story-bottom>p{font-size:6px;max-width:95px;letter-spacing:.8px}.story-chapters{gap:4px}.story-chapters button{padding:8px 10px;font-size:8px}.story-chapters button span{display:none}.saddle-tag{left:38%;top:auto;bottom:29%}.bridle-tag{right:3%;top:auto;bottom:37%}.wraps-tag{left:19%;bottom:18%}.tack-tag{padding:8px 11px;gap:10px;font-size:8px;border-radius:9px}.tack-tag small{font-size:6px}.tack-tag>b{font-size:10px}.tack-tag:after{height:24px}.scroll-story{height:500svh}}
@media(max-width:430px){.story-stage{min-height:620px}.story-copy{top:19%;}.story-copy h1,.story-copy h2{font-size:52px}.story-copy p:not(.eyebrow){max-width:285px;font-size:11px;line-height:1.65}.story-actions{gap:15px}.story-horse-wrap{bottom:11%;width:100%;right:-10%}.scene-card:nth-child(3){display:none}.story-market-cards{grid-template-columns:1fr 1fr;gap:12px}.scene-card-visual{height:120px}.story-marketplace{bottom:9%;}.scene-card:nth-child(2){margin-top:25px}.scene-card h3{font-size:25px}.story-copy .eyebrow{font-size:7px}.scroll-cue{display:none}.story-bottom>p{font-size:6px}.story-chapters button{padding:7px 9px}.story-bottom{left:6%;right:6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto}.story-stage{position:relative;height:auto;min-height:0;padding:140px 7% 45px;background:#ede9dc}.story-farm,.story-tint,.story-wash,.story-horse-wrap,.farm-sale-sign,.story-marketplace,.tack-tags,.story-grain{display:none}.story-copy,.story-copy:not([data-story-copy="0"]){position:relative;left:auto;top:auto;width:100%;max-width:650px;opacity:1!important;transform:none!important;pointer-events:auto!important;margin-bottom:55px}.story-copy h1,.story-copy h2{font-size:55px}.story-bottom{position:relative;inset:auto}.story-bottom>p{color:var(--muted)}.story-chapters{display:none}.scroll-cue{display:none}.nav-progress{display:none}.scene-card{transition:none}.site-header{transition:none}}

/* The selected horse-and-book mark stays visible at every breakpoint. */
.brand .brand-mark{display:block;flex:none;width:44px;height:44px;padding:0;margin-right:9px;border:0;border-radius:10px;object-fit:contain;letter-spacing:normal;background:var(--forest)}
.site-header .brand .brand-mark{width:42px;height:42px}
.illustration-logo{width:110px;height:110px;object-fit:contain;border-radius:18px;margin-bottom:20px}
.paper-horse img{display:block;width:88px;height:88px;object-fit:contain;border-radius:14px;margin:4px 0 14px}
.site-footer .brand .brand-mark{width:34px;height:34px;border-radius:8px}
.auth-brand{width:fit-content}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  .story-copy[data-story-copy="3"]{top:162px;max-width:none}
  .story-copy[data-story-copy="3"] h2{font-size:clamp(35px,6.6vw,52px);line-height:1.03;letter-spacing:-1.5px;margin-bottom:13px}
  .story-copy[data-story-copy="3"] .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:11px}
  .story-copy[data-story-copy="3"] p:not(.eyebrow){max-width:460px;font-size:11px;line-height:1.6;margin-bottom:14px}
  .story-marketplace{top:var(--mobile-market-top,370px);bottom:auto;height:var(--mobile-market-height,240px);width:86%;right:7%}
  .story-market-toolbar{height:32px;margin-bottom:10px;padding:7px 12px;font-size:8px}
  .story-market-cards{height:calc(100% - 42px);grid-template-columns:1fr 1fr;gap:12px}
  .story-market-cards .scene-card{display:flex;flex-direction:column;height:calc(100% - 14px);margin-top:0;transform:none;min-height:0}
  .story-market-cards .scene-card:nth-child(2){margin-top:14px}
  .story-market-cards .scene-card:nth-child(3){display:none}
  .story-marketplace .scene-card-visual{height:auto;min-height:0;flex:1}
  .story-marketplace .scene-card-visual img{padding:15px 0 3px}
  .story-marketplace .scene-card-body{padding:9px 10px;flex:none}
  .story-marketplace .scene-card-body small{display:none}
  .story-marketplace .scene-card h3{font-size:clamp(17px,5.4vw,22px);margin:4px 0 9px;line-height:1.05}
  .story-marketplace .scene-card-body>div{font-size:8px;padding-top:7px}
  .scroll-story[data-chapter="3"] .story-bottom>p{color:var(--muted)}
}
@media(max-width:800px) and (max-height:700px) and (prefers-reduced-motion:no-preference){
  .story-marketplace .scene-card h3{display:none}
}
.listing-art .listing-placeholder-logo{width:88px;height:88px;object-fit:contain;border-radius:14px}
.home-breed-art{display:block;margin:0 -26px 22px;border-block:1px solid var(--line);background:#f3f1e6}
.home-breed-art .ency-breed-illustration{display:block}
.breed-bottom>a{white-space:nowrap;font-size:10px;font-weight:600;color:var(--forest)}
.breed-bottom>span{max-width:55%;font-size:9px;line-height:1.5}
.library-footnote{flex-wrap:wrap}
.library-footnote .text-link{margin-left:auto;font-size:11px}
@media(max-width:520px){.home-breed-art{margin-left:-21px;margin-right:-21px}.breed-card h3{padding-right:0}.filter-row{align-items:flex-start;flex-wrap:wrap}.library-footnote p{max-width:none;text-align:left}.library-footnote .text-link{width:100%;margin:7px 0 0}.library-footnote>span{width:100%}.breed-bottom>a{font-size:10px}}
@media(max-width:800px){.site-header .brand{font-size:22px;letter-spacing:-1px}.site-header .brand .brand-mark{display:block;width:30px;height:30px;margin-right:7px;border-radius:7px}.site-header{column-gap:10px}.site-header .main-nav{gap:6px}}
@media(max-width:520px){.site-footer .brand{grid-column:1/-1}.site-footer p{text-align:left}}
@media(max-width:360px){.site-header{padding-left:13px;padding-right:13px}.site-header .brand{font-size:20px}.site-header .brand .brand-mark{width:28px;height:28px;margin-right:6px}.site-header .join-link{font-size:8px;padding:7px 9px}.site-header .main-nav a{font-size:8px}}