/* Central Oregon Riding Academy + TK Barrelhorses · "High Desert Field Notes" · Iron Sharp Media */
:root{
  --ink:#0A0B0C;--ink-2:#121517;--ink-3:#1A1F22;
  --bone:#E7E3DA;--bone-2:#D9D3C7;--bone-hi:#F4F1EB;--sand:#D9C6A5;--sand-2:#B89E78;--leather:#6A4429;--leather-2:#8A5E3B;--tq-ink:#00596D;
  --tq:#02B4D8;--tq-hi:#58D3EC;--tq-dk:#007A93;--tq-deep:#06343E;
  --silver:#C9CED3;--silver-2:#9AA2A9;--silver-3:#6C747B;
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Instrument Sans',system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --wrap:1280px;--gut:clamp(18px,4.6vw,56px);--hh:76px;--bb:36px;
  --r-s:6px;--r-m:18px;--r-l:32px;
  --bg:var(--ink);--fg:#F0F2F3;--fg-2:#BCC2C7;--fg-3:#8F979D;--card:#111416;--ln:rgba(211,216,221,.13);--ln-2:rgba(211,216,221,.28);--acc:var(--sand);--mark:var(--tq);--link:var(--tq-hi);--mat:#EFECE6;
}
.paper,.tone{--bg:var(--bone);--fg:#100F0E;--fg-2:#3B3A37;--fg-3:#57544F;--card:var(--bone-hi);--ln:rgba(16,15,14,.12);--ln-2:rgba(16,15,14,.28);--acc:var(--leather);--mark:var(--tq-dk);--link:var(--tq-ink);--mat:#FCFBF8}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.5s var(--ease-io) both vt-out}
::view-transition-new(root){animation:.7s var(--ease-io) both vt-in}
@keyframes vt-out{to{opacity:.4;transform:scale(.97)}}
@keyframes vt-in{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
body{margin:0;background:var(--ink);color:var(--fg);font:400 17px/1.62 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
@media(min-width:900px){body{font-size:18px}}
img,video,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--fg)}
:focus-visible{outline:2px solid var(--tq);outline-offset:3px;border-radius:4px}
::selection{background:var(--tq);color:var(--ink)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.wrap.narrow{max-width:920px}
p{margin:0 0 1em}

/* film grain over everything */
body::after{content:"";position:fixed;inset:-50%;z-index:200;pointer-events:none;opacity:.075;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* ---------- type ---------- */
h1,h2,h3,h4{margin:0 0 .35em;font-family:var(--display);font-weight:700;font-stretch:80%;line-height:.92;letter-spacing:-.025em;color:var(--fg);font-variation-settings:"opsz" 96}
h1{font-size:clamp(52px,10.4vw,168px)}
h2{font-size:clamp(42px,6.8vw,112px)}
h3{font-size:clamp(26px,2.8vw,38px);line-height:1;letter-spacing:-.015em}
h4{font-size:22px;line-height:1.05}
h1 em,h2 em,h3 em,.ital{font-family:var(--display);font-style:normal;font-weight:400;font-stretch:100%;letter-spacing:-.01em;color:var(--acc)}
/* emphasis words: sand on dark, leather on paper (set by --acc) */
.lede{font-size:clamp(18px,.9vw + 14px,23px);line-height:1.5;color:var(--fg-2);max-width:56ch}
.muted{color:var(--fg-2)}
.fine{font-size:14.5px;color:var(--fg-3)}
.label,.mono{font:500 12.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}
.label{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px}
.label b{font-weight:500;color:var(--acc)}
.label::before{content:"";width:9px;height:9px;flex:none;background:var(--mark);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.outline{font-family:var(--display);font-weight:800;font-stretch:75%;line-height:.8;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.2px var(--ln-2);white-space:nowrap;pointer-events:none;user-select:none}
.tbd{display:inline-block;font:500 11.5px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#7A5600;border:1px dashed currentColor;padding:3px 8px;border-radius:999px;vertical-align:middle}
.dark .tbd,.page-hero .tbd,.hero .tbd,.offer-card.lead .tbd{color:#F0C75E}

/* ---------- buttons: pills with a wipe ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:600 15px/1 var(--sans);letter-spacing:.01em;padding:0 9px 0 26px;min-height:56px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .5s var(--ease),border-color .4s,transform .4s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(102%);transition:transform .6s var(--ease)}
.btn:hover::before{transform:none}
.btn .arr{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:17px;transition:transform .5s var(--ease)}
.btn:hover .arr{transform:rotate(-45deg)}
.btn-tq{background:var(--tq);color:var(--ink)}
.btn-tq::before{background:#F0F2F3}
.btn-tq:hover{color:var(--ink)}
.paper .btn-tq::before,.tone .btn-tq::before{background:var(--ink)}
.paper .btn-tq:hover,.tone .btn-tq:hover{color:#F0F2F3}
.btn-tq .arr{background:var(--ink);color:var(--tq)}
html[data-brand="tk"] .btn-tq{background:var(--silver)}
html[data-brand="tk"] .btn-tq .arr{color:var(--silver)}
.btn-line{color:var(--fg);border-color:var(--ln-2);background:transparent}
.btn-line::before{background:var(--fg)}
.btn-line:hover{color:var(--bg);border-color:var(--fg)}
.btn-line .arr{border:1px solid var(--ln-2)}
.btn:not(:has(.arr)){padding:0 26px}
.btn-sm{min-height:46px;font-size:14px}
.btn-sm:not(:has(.arr)){padding:0 20px}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font:500 13px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-decoration:none;background:linear-gradient(var(--mark),var(--mark)) 0 100%/0 1px no-repeat;padding-bottom:4px;transition:background-size .6s var(--ease)}
.link-arrow:hover{background-size:100% 1px;color:var(--fg)}
.link-arrow .arr{color:var(--mark);transition:transform .5s var(--ease)}
.link-arrow:hover .arr{transform:translateX(5px)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(max-width:559px){.cta-row>.btn{flex:1 1 100%}}

/* ---------- section shells ---------- */
section{position:relative}
.sec{padding:clamp(88px,13vw,180px) 0}
.sec-tight{padding:clamp(56px,8vw,110px) 0}
.dark{background:var(--ink)}
.paper,.tone{background:var(--bone);color:var(--fg);z-index:1}
.paper::before,.paper::after,.tone::before,.tone::after{content:"";position:absolute;left:0;right:0;height:46px;background:var(--bone);pointer-events:none;z-index:2;-webkit-mask:url(/assets/svg/torn-a.svg) 0 0/100% 100% no-repeat;mask:url(/assets/svg/torn-a.svg) 0 0/100% 100% no-repeat}
.paper::before,.tone::before{top:-45px}
.paper::after,.tone::after{bottom:-45px;transform:scale(-1,-1);-webkit-mask-image:url(/assets/svg/torn-b.svg);mask-image:url(/assets/svg/torn-b.svg)}
.paper.flat-top::before,.paper.flat-bot::after{display:none}
.sec-head{margin-bottom:clamp(40px,6vw,80px);max-width:900px}
.sec-head .lede{margin-top:16px}
.sec-head.split{max-width:none;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px}
.grid-2{display:grid;gap:44px}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,110px);align-items:center}.grid-2.top{align-items:start}}
.grid-2>*,.visit-grid>*{min-width:0}
@media(min-width:900px){.stick{position:sticky;top:130px}}
.topo{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--fg);opacity:.07;-webkit-mask:url(/assets/svg/topo.svg) center/cover no-repeat;mask:url(/assets/svg/topo.svg) center/cover no-repeat}
.topo.b{-webkit-mask-image:url(/assets/svg/topo-2.svg);mask-image:url(/assets/svg/topo-2.svg)}
.paper .topo,.tone .topo{opacity:.1}
.sec>.wrap,.hero>.wrap,.page-hero>.wrap,.sec>.gallery-wrap{position:relative;z-index:1}

/* ---------- brand switch bar ---------- */
.brandbar{background:#050606;border-bottom:1px solid rgba(211,216,221,.1);position:relative;z-index:70}
.brandbar-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);height:var(--bb);display:flex;align-items:center;justify-content:space-between;gap:12px}
.switch{position:relative;display:flex;height:26px;align-items:stretch;padding:2px;border-radius:999px;background:rgba(211,216,221,.07);border:1px solid rgba(211,216,221,.1)}
.switch a{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:0 13px;font:500 11.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#9AA2A9;text-decoration:none;border-radius:999px;transition:color .4s}
.switch a img{width:10px;height:auto;opacity:.85}
.switch a:hover{color:#fff}
.switch a[aria-current]{color:var(--ink)}
.switch .sm{display:none}
@media(max-width:620px){.switch .lg{display:none}.switch .sm{display:inline}.switch a{padding:0 11px}}
.sw-pill{position:absolute;top:2px;bottom:2px;border-radius:999px;background:var(--tq);left:var(--pl,2px);width:var(--pw,0);transition:left .6s var(--ease),width .6s var(--ease)}
html[data-brand="tk"] .sw-pill{background:var(--silver)}
html[data-brand="cora"] .switch .sw-cora img{filter:brightness(0)}
.bb-phone{display:none;align-items:center;gap:8px;font:500 12px/1 var(--sans);letter-spacing:.06em;color:#C9CED3;text-decoration:none}
.bb-phone svg{width:13px;height:13px;fill:var(--tq)}
@media(min-width:760px){.bb-phone{display:inline-flex}}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:60;transition:transform .5s var(--ease)}
.site-head::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,11,12,.72);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);opacity:0;transition:opacity .5s}
.site-head.solid::before{opacity:1}
.site-head.hide{transform:translateY(-100%)}
.head-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);height:var(--hh);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#F0F2F3;position:relative;z-index:70}
.brand img{width:auto;height:48px}
html[data-brand="cora"] .brand-tk,html[data-brand="tk"] .brand-cora{display:none}
.brand-txt{display:flex;flex-direction:column;line-height:1}
.brand-txt b{font:700 17px/1 var(--display);font-stretch:85%;letter-spacing:.02em;text-transform:uppercase;color:#F0F2F3}
.brand-txt small{font:400 19px/1.05 var(--display);color:var(--tq);margin-top:2px}
.menu-btn{position:relative;z-index:70;height:46px;display:flex;align-items:center;gap:12px;padding:0 7px 0 18px;background:rgba(10,11,12,.45);border:1px solid rgba(211,216,221,.25);border-radius:999px;cursor:pointer;color:#F0F2F3;font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.menu-btn i{display:grid;gap:5px;width:32px;height:32px;place-content:center;border-radius:50%;background:var(--tq)}
html[data-brand="tk"] .menu-btn i{background:var(--silver)}
.menu-btn span{display:block;width:13px;height:1.5px;background:var(--ink);transition:transform .45s var(--ease)}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.nav{position:fixed;inset:0;z-index:65;background:var(--ink);padding:calc(var(--bb) + var(--hh) + 24px) var(--gut) 40px;display:flex;flex-direction:column;clip-path:circle(0 at calc(100% - 50px) 56px);transition:clip-path .8s var(--ease-io),visibility 0s .8s;overflow-y:auto;visibility:hidden;counter-reset:nv}
.nav::before{content:"";position:absolute;inset:0;background:var(--silver);opacity:.06;-webkit-mask:url(/assets/svg/topo.svg) center/cover;mask:url(/assets/svg/topo.svg) center/cover;pointer-events:none}
.nav.open{clip-path:circle(150% at calc(100% - 50px) 56px);visibility:visible;transition:clip-path .9s var(--ease-io)}
.nav>a:not(.btn){position:relative;display:flex;align-items:baseline;gap:14px;font:700 clamp(38px,10vw,56px)/1.05 var(--display);font-stretch:80%;letter-spacing:-.02em;color:#F0F2F3;text-decoration:none;padding:6px 0;opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease),transform .8s var(--ease),color .3s;counter-increment:nv}

.nav.open>a:not(.btn){opacity:1;transform:none}
.nav.open>a:nth-of-type(1){transition-delay:.15s}.nav.open>a:nth-of-type(2){transition-delay:.2s}.nav.open>a:nth-of-type(3){transition-delay:.25s}.nav.open>a:nth-of-type(4){transition-delay:.3s}.nav.open>a:nth-of-type(5){transition-delay:.35s}.nav.open>a:nth-of-type(6){transition-delay:.4s}.nav.open>a:nth-of-type(7){transition-delay:.45s}
.nav a[aria-current]{color:var(--tq)}
html[data-brand="tk"] .nav a[aria-current]{color:var(--silver)}
.nav .nav-cta{margin-top:26px;align-self:flex-start}
.nav-extra{position:relative;margin-top:30px;display:grid;gap:14px;font:500 13px/1.4 var(--sans);color:#9AA2A9}
.nav-extra p{margin:0}
.nav-extra a{color:#C9CED3}
.nav-swap{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid rgba(211,216,221,.2);border-radius:var(--r-m);text-decoration:none;font:700 22px/1.1 var(--display);font-stretch:85%}
.nav-swap,.nav-extra .nav-swap{color:#F0F2F3}
.nav-swap span{font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#9AA2A9}
.nav-swap i{font-style:normal;color:var(--tq)}
html[data-brand="cora"] .nav-swap-cora,html[data-brand="tk"] .nav-swap-tk{display:none}
html.nav-lock{overflow:hidden}
@media(min-width:1140px){
  .menu-btn{display:none}
  .nav{position:static;clip-path:none;visibility:visible;background:none;padding:0;flex-direction:row;align-items:center;gap:4px;overflow:visible}
  .nav::before{display:none}
  .nav>a:not(.btn){opacity:1;transform:none;font:500 15px/1 var(--sans);font-stretch:100%;letter-spacing:0;padding:11px 14px;border-radius:999px;color:#C9CED3;transition:background .3s,color .3s}
  .nav>a:not(.btn)::before{display:none}
  .nav>a:not(.btn):hover{background:rgba(211,216,221,.1);color:#fff}
  .nav>a[aria-current]{color:#fff;background:rgba(2,180,216,.18)}
  html[data-brand="tk"] .nav>a[aria-current]{background:rgba(211,216,221,.14);color:#fff}
  .nav .nav-cta{margin:0 0 0 10px;min-height:48px}
  .nav-extra{display:none}
}

/* ---------- hero (home pages) ---------- */
.hero{position:relative;overflow:hidden;background:var(--ink);padding:clamp(20px,4vw,40px) 0 0}
.hero-grid{position:relative;z-index:1;display:grid;gap:40px;align-items:center;min-height:calc(100svh - var(--hh) - var(--bb) - 130px)}
@media(min-width:1000px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:30px}}
.hero h1{font-size:clamp(54px,9.2vw,148px);margin-bottom:.28em}
.hero .lede{margin-bottom:34px}
.hero-ghost{position:absolute;right:-6vw;top:2%;width:min(58vw,720px);opacity:.05;z-index:0;pointer-events:none}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:34px;font:500 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.hero-meta span{display:flex;align-items:center;gap:8px}
.hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tq)}
html[data-brand="tk"] .hero-meta span::before{background:var(--silver)}
.hero-foot{position:relative;z-index:1;margin-top:clamp(20px,4vw,50px)}
.hero-foot .wrap{display:none;justify-content:space-between;gap:20px;font:500 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);padding-bottom:18px}
.scroll-cue{display:inline-flex;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:30px;background:linear-gradient(var(--tq),transparent);animation:cue 2.2s var(--ease-io) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.stack{position:relative;height:clamp(400px,46vw,620px)}
.stack .print{position:absolute;width:62%}
.stack .print:nth-child(1){left:2%;top:2%;z-index:1}
.stack .print:nth-child(2){right:0;top:22%;width:54%;z-index:2}
.stack .print:nth-child(3){left:14%;bottom:0;width:50%;z-index:3}
@media(max-width:999px){.stack{height:min(98vw,540px)}}
.horizon{width:100%;height:clamp(50px,7vw,110px);overflow:visible}
.horizon path{fill:none;stroke:var(--tq);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:var(--hd,1);transition:stroke-dashoffset 3.4s var(--ease-io)}
.in .horizon path,.horizon.in path{--hd:0}
html[data-brand="tk"] .horizon path{stroke:var(--silver)}

/* split-line headline reveal */
.lines .ln{display:block;overflow:hidden;padding:.04em 0 .12em;margin:-.04em 0 -.12em}
.lines .ln>span{display:inline-block;transform:translateY(112%) rotate(4deg);transform-origin:0 100%;transition:transform 1.3s var(--ease)}
.in .lines .ln>span,.lines.in .ln>span{transform:none}
.lines .ln:nth-child(2)>span{transition-delay:.08s}.lines .ln:nth-child(3)>span{transition-delay:.16s}.lines .ln:nth-child(4)>span{transition-delay:.24s}
.fade{opacity:0;transform:translateY(16px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.in .fade,.fade.in{opacity:1;transform:none}
.in .fade.d1{transition-delay:.4s}.in .fade.d2{transition-delay:.55s}.in .fade.d3{transition-delay:.7s}

/* ---------- prints (matted, rotated photos) ---------- */
.print{position:relative;margin:0;padding:10px 10px 0;background:var(--mat);border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.12),0 24px 50px -18px rgba(0,0,0,.55),0 50px 90px -40px rgba(0,0,0,.45);transform:rotate(var(--r,0deg));transition:transform .9s var(--ease),box-shadow .6s,opacity 1.1s var(--ease)}
.print:hover{transform:rotate(0deg) translateY(-6px) scale(1.015);z-index:5}
.print-img{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:var(--ar,4/3);background:#cfd2d0}
.print-img::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px rgba(0,0,0,.22)}
.print-img img{width:100%;height:100%;object-fit:cover;transition:filter 1.8s var(--ease),transform 2s var(--ease)}
.print figcaption{padding:11px 4px 13px;font:500 11px/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#3D4448}
.print:not(:has(figcaption)){padding-bottom:10px}
.print.tall .print-img{--ar:3/4}.print.sq .print-img{--ar:1/1}.print.wide .print-img{--ar:16/10}
.print.tape::before{content:"";position:absolute;left:50%;top:-13px;width:100px;height:28px;margin-left:-50px;background:rgba(2,180,216,.5);transform:rotate(calc(var(--r,0deg) * -1.5 - 2deg));z-index:2;border-radius:2px;mix-blend-mode:multiply}
.print.rv .print-img img,.rv-photo .print-img img{filter:blur(16px) saturate(.5);transform:scale(1.14)}
.print.rv.in .print-img img,.rv-photo.in .print-img img{filter:none;transform:none}

/* ---------- reveal system ---------- */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.2s var(--ease)}
.rv.in{opacity:1;transform:none}
.print.rv{transform:translateY(70px) rotate(calc(var(--r,0deg) * 3))}
.print.rv.in{transform:rotate(var(--r,0deg))}
.print.rv.in:hover{transform:rotate(0deg) translateY(-6px) scale(1.015)}
.rv-d1{transition-delay:.12s}.rv-d2{transition-delay:.24s}.rv-d3{transition-delay:.36s}
.stag>*{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.stag.in>*{opacity:1;transform:none}
.stag.in>*:nth-child(2){transition-delay:.08s}.stag.in>*:nth-child(3){transition-delay:.16s}.stag.in>*:nth-child(4){transition-delay:.24s}.stag.in>*:nth-child(5){transition-delay:.32s}.stag.in>*:nth-child(6){transition-delay:.4s}.stag.in>*:nth-child(7){transition-delay:.48s}.stag.in>*:nth-child(8){transition-delay:.56s}.stag.in>*:nth-child(9){transition-delay:.64s}
.clip{position:relative;overflow:hidden;border-radius:var(--r-m)}
.clip>img{width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transform:scale(1.2);transition:clip-path 1.4s var(--ease-io),transform 2s var(--ease)}
.clip.in>img{clip-path:inset(0 0 0 0);transform:scale(1)}
.nojs .rv,.nojs .stag>*,.nojs .lines .ln>span,.nojs .fade,.nojs .print.rv{opacity:1;transform:none}
.nojs .clip>img{clip-path:none;transform:none}
.nojs .print-img img{filter:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
  .rv,.stag>*,.lines .ln>span,.fade,.stall{opacity:1!important;transform:none!important;transition:none!important}
  .clip>img{clip-path:none!important;transform:none!important;transition:none!important}
  .print-img img{filter:none!important;transform:none!important}
  .marquee-track,.seal-spin,body::after{animation:none!important}
  .horizon path,.clover .route{stroke-dashoffset:0!important}
}

/* ---------- marquee ---------- */
.marquee{overflow:hidden;padding:26px 0;border-block:1px solid var(--ln);background:var(--bg)}
.marquee-track{display:flex;width:max-content;animation:marq 50s linear infinite}
.marquee span{display:flex;align-items:center;gap:34px;padding-right:34px;font:700 clamp(36px,5vw,72px)/1 var(--display);font-stretch:78%;letter-spacing:-.02em;color:var(--fg);white-space:nowrap}
.marquee span i{width:20px;height:26px;background:url(/assets/img/cora-rider.png) center/contain no-repeat}
.marquee em{font-family:var(--display);font-style:normal;font-weight:400;font-stretch:100%;color:var(--acc)}
.marquee .o{color:transparent;-webkit-text-stroke:1.2px var(--fg-3)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- services: horizontal ride ---------- */
.ride{position:relative}
.ride-head{position:relative;z-index:2}
.ride-track{display:grid;gap:clamp(70px,10vw,130px)}
.panel{position:relative;display:grid;gap:34px;align-items:center}
.panel-num{position:absolute;top:-.42em;left:-.04em;font-size:clamp(150px,22vw,320px);z-index:0}
.panel-media,.panel-body{position:relative;z-index:1}
.panel-media .print{max-width:560px}
.panel h3{font-size:clamp(42px,5vw,80px);line-height:.9}
.panel p{color:var(--fg-2);max-width:46ch}
.panel .actions{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:28px}
.svc-num{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--sans);letter-spacing:.08em;color:var(--acc);text-transform:uppercase;margin-bottom:18px}
@media(min-width:900px){.panel{grid-template-columns:1fr 1fr;gap:70px}.panel.flip .panel-media{order:2}}
.ride-progress{display:none}
@media(min-width:1100px){
  .ride.pin{height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0;overflow:hidden}
  .ride.pin .ride-head{position:absolute;top:calc(var(--hh) + 10px);left:0;right:0;margin:0}
  .ride.pin .ride-head h2{font-size:clamp(34px,3.6vw,54px)}
  .ride.pin .ride-track{display:flex;gap:0;width:max-content;will-change:transform;padding-top:60px}
  .ride.pin .panel{width:min(88vw,1200px);padding:0 5vw;flex:none}
  .ride.pin .panel.flip .panel-media{order:0}
  .ride.pin .ride-progress{display:block;position:absolute;left:var(--gut);right:var(--gut);bottom:40px;height:2px;background:var(--ln)}
  .ride.pin .ride-progress i{display:block;height:100%;background:var(--mark);transform-origin:left;transform:scaleX(var(--p,0))}
}
.lesson-steps{list-style:none;margin:24px 0 0;padding:0}
.lesson-steps li{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--ln);font-size:16.5px;color:var(--fg-2)}
.lesson-steps b{font:500 12px/1.9 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}

/* training stalls */
.stall-box{position:relative;padding:clamp(26px,3vw,40px);border-radius:var(--r-l);background:var(--ink);color:#F0F2F3;--fg:#F0F2F3;--fg-2:#BCC2C7;--fg-3:#8F979D;--ln:rgba(211,216,221,.13);--ln-2:rgba(211,216,221,.28);--acc:var(--sand);--mark:var(--tq);--bg:var(--ink);box-shadow:0 40px 80px -45px rgba(0,0,0,.7)}
.stall-box::after{content:"";position:absolute;inset:9px;border:1.5px dashed rgba(211,216,221,.2);border-radius:calc(var(--r-l) - 9px);pointer-events:none}
.stalls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}
.stall{position:relative;aspect-ratio:3/4.3;border:1px solid var(--ln-2);border-radius:999px 999px 8px 8px;background:repeating-linear-gradient(90deg,var(--ln) 0 2px,transparent 2px 14px),var(--bg);display:flex;flex-direction:column;justify-content:flex-end;padding:10px 4px;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.in .stall,.stall-box.in .stall{opacity:1;transform:none}
.in .stall:nth-child(2){transition-delay:.1s}.in .stall:nth-child(3){transition-delay:.2s}.in .stall:nth-child(4){transition-delay:.3s}
.stall .n{position:absolute;top:24%;left:0;right:0;text-align:center;font:700 28px/1 var(--display);color:var(--fg-3)}
.stall .s{position:relative;z-index:1;font:500 10px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--fg-3)}
.stall.open{border-color:var(--tq);background:radial-gradient(90% 60% at 50% 100%,rgba(2,180,216,.4),transparent 70%),var(--bg)}
.stall.open .n,.stall.open .s{color:var(--tq)}
.spots-line{font:700 clamp(30px,3vw,42px)/1 var(--display);font-stretch:85%;letter-spacing:-.02em;margin:0 0 10px}
.spots-line b{color:var(--tq)}

/* chips, prices, tiers */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 10px;padding:0;list-style:none}
.chips li{font:500 14px/1 var(--sans);color:var(--fg);border:1px solid var(--ln-2);border-radius:999px;padding:10px 15px;transition:background .3s,color .3s,border-color .3s}
.chips li:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.price-pair{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 10px}
.price-pair div{flex:1 1 200px;padding:18px 22px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--ln)}
.price-pair .amt{display:block;font:700 46px/1 var(--display);font-stretch:82%;letter-spacing:-.02em;margin-bottom:6px}
.price-pair .amt small{font:400 19px/1 var(--display);color:var(--fg-3);letter-spacing:0}
.price-pair .what{font-size:14.5px;color:var(--fg-2);line-height:1.35}
.tiers{display:grid;gap:10px;margin:22px 0 10px}
.tier{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding:20px 24px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--ln);transition:transform .5s var(--ease),border-color .4s}
.tier:hover{transform:translateX(6px);border-color:var(--mark)}
.tier.feat::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--tq)}
.tier h4{margin:0;font-size:24px}
.tier .amt{font:700 36px/1 var(--display);font-stretch:82%;letter-spacing:-.02em;grid-row:span 2;text-align:right}
.tier .amt small{display:block;font:500 10.5px/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin-top:6px}
.tier p{margin:0;font-size:15.5px;color:var(--fg-2)}
.tier .off{font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--leather)}

/* achievement ladder */
.ladder{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ladder::before{content:"";position:absolute;left:29px;top:30px;bottom:30px;border-left:2px dashed var(--ln-2)}
.ladder::after{content:"";position:absolute;left:28px;top:30px;width:4px;border-radius:4px;height:calc((100% - 60px) * var(--prog,0));background:var(--tq)}
.lv{position:relative;display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start}
.lv-dot{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;border:1px solid var(--ln-2);background:var(--bg);display:grid;place-items:center;font:700 24px/1 var(--display);color:var(--fg-3);transition:all .7s var(--ease)}
.lv.on .lv-dot{border-color:var(--tq);color:var(--ink);background:var(--tq);transform:rotate(-12deg) scale(1.06)}
.lv-card{padding:20px 24px 22px;border-radius:var(--r-m);border:1px solid var(--ln);background:var(--card);transition:border-color .6s,transform .7s var(--ease)}
.lv.on .lv-card{border-color:var(--mark);transform:translateX(6px)}
.lv-card h3{font-size:clamp(26px,2.4vw,32px);margin-bottom:6px}
.lv-card .focus{display:block;font:500 11.5px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.lv-card p{margin:0;color:var(--fg-2);font-size:16px}
.lv-card .cert{display:flex;align-items:center;gap:9px;margin-top:12px;font:400 19px/1.2 var(--display);color:var(--fg)}
.lv-card .cert::before{content:"";width:12px;height:12px;flex:none;background:var(--tq);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}

/* path */
.path{list-style:none;margin:0;padding:0;display:grid;counter-reset:p}
.path li{position:relative;padding:0 0 34px 58px}
.path li::before{content:"";position:absolute;left:12px;top:4px;width:20px;height:20px;background:var(--mark);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.path li::after{content:"";position:absolute;left:21px;top:34px;bottom:8px;border-left:1.5px dashed var(--ln-2)}
.path li:last-child::after{display:none}
.path h3{font-size:30px;margin-bottom:6px}
.path p{color:var(--fg-2);margin:0;max-width:44ch}
.collage{position:relative;min-height:clamp(440px,46vw,640px)}
.collage .print{position:absolute}
.collage .print:nth-child(1){left:0;top:0;width:68%}
.collage .print:nth-child(2){right:0;bottom:2%;width:52%}
@media(max-width:899px){.collage{min-height:0;height:min(112vw,580px)}}

/* duotone band */
.band{position:relative;min-height:clamp(560px,92vh,900px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:var(--ink)}
.band-media{position:absolute;inset:-14% 0;z-index:-2}
.band-media img{width:100%;height:100%;object-fit:cover}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--ink) 4%,rgba(10,11,12,.35) 50%,rgba(10,11,12,.1) 80%,rgba(10,11,12,.6) 100%)}
.band .wrap{position:relative;width:100%;padding-bottom:clamp(70px,10vw,140px)}
.band h2{max-width:13ch}
.band .tk-logo{width:clamp(170px,19vw,260px);height:auto;margin-bottom:26px}
.band .outline{position:absolute;right:-2vw;top:6%;font-size:clamp(160px,30vw,460px);-webkit-text-stroke-color:rgba(211,216,221,.2);z-index:-1}
.band .seal{position:absolute;right:var(--gut);bottom:clamp(70px,10vw,140px)}
.credit{position:absolute;right:16px;top:16px;z-index:3;font:500 10.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.duo-img{width:100%;height:100%;object-fit:cover}

/* rotating seal */
.seal{width:clamp(130px,13vw,172px);height:auto;overflow:visible}
.seal text{font:500 12.2px var(--sans);letter-spacing:3px;text-transform:uppercase;fill:var(--fg)}
.seal-ring{fill:none;stroke:var(--ln-2);stroke-width:1}
.seal-ring.thin{stroke-dasharray:2 4}
.seal-spin{transform-origin:100px 100px;animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:899px){.band .seal{display:none}}

/* cloverleaf (TK) */
.clover{position:absolute;pointer-events:none;color:var(--silver);z-index:0}
.clover .route{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,0))}
.clover .ghost{fill:none;stroke:var(--ln-2);stroke-width:1.4;stroke-dasharray:3 7}
.clover .bar{fill:var(--bg);stroke:var(--tq);stroke-width:2}
.clover text{font:500 10px var(--sans);letter-spacing:.12em;fill:var(--fg-3)}
.paper .clover{color:var(--ink)}
.clover-inline{position:relative;width:min(100%,400px);margin:0 auto}

/* gallery: scattered prints */
.gallery-wrap{position:relative}
.gallery{display:flex;align-items:center;gap:clamp(22px,3vw,44px);overflow-x:auto;scroll-snap-type:x proximity;padding:44px var(--gp,var(--gut)) 54px;scroll-padding-inline:var(--gp,var(--gut));scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.gallery::-webkit-scrollbar{display:none}
.gallery.drag{cursor:grabbing;scroll-snap-type:none}
.gallery .print{flex:0 0 auto;width:min(74vw,400px);scroll-snap-align:center}
.gallery .print.tall{width:min(58vw,300px)}
.gallery img{pointer-events:none;user-select:none;-webkit-user-drag:none}
@media(min-width:1280px){.gallery{--gp:calc((100vw - var(--wrap))/2 + var(--gut))}}
.g-nav{display:flex;gap:8px}
.g-nav button{width:56px;height:56px;border-radius:50%;border:1px solid var(--ln-2);background:transparent;color:var(--fg);cursor:pointer;font-size:18px;transition:background .3s,color .3s}
.g-nav button:hover{background:var(--fg);color:var(--bg)}

/* videos */
.vgrid{display:grid;gap:26px}
@media(min-width:700px){.vgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.vgrid.three{grid-template-columns:repeat(3,1fr)}}
.vfx{margin:0}
.vfx-btn{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;border-radius:var(--r-m);background:#000;cursor:pointer;overflow:hidden}
.vfx-btn img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.05) brightness(.82);transition:transform 1.2s var(--ease),filter .6s}
.vfx-btn:hover img{transform:scale(1.06);filter:none}
.vfx-play{position:absolute;left:16px;bottom:16px;height:46px;padding:0 18px 0 7px;border-radius:999px;background:var(--tq);display:flex;align-items:center;gap:10px;font:500 11.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transition:transform .5s var(--ease)}
.vfx-play::after{content:"Play"}
.vfx-play svg{width:32px;height:32px;padding:9px;border-radius:50%;background:var(--ink);fill:var(--tq)}
html[data-brand="tk"] .vfx-play{background:var(--silver)}
html[data-brand="tk"] .vfx-play svg{fill:var(--silver)}
.vfx-btn:hover .vfx-play{transform:translateY(-4px)}
.vfx-btn iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vfx figcaption{padding-top:14px}
.vfx figcaption b{display:block;font:700 23px/1.05 var(--display);font-stretch:85%;letter-spacing:-.01em}
.vfx figcaption span{display:block;font:500 11.5px/1.5 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin-top:6px}

/* horses */
.horses{display:grid;gap:22px}
@media(min-width:760px){.horses{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.horses.three{grid-template-columns:repeat(3,1fr)}}
.horse{display:flex;flex-direction:column;border-radius:var(--r-l);background:var(--card);border:1px solid var(--ln);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s}
.horse:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(0,0,0,.55)}
.horse-img{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--ink-3);margin:10px 10px 0;border-radius:calc(var(--r-l) - 10px)}
.horse-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05);transition:transform 1.4s var(--ease),filter .6s}
.horse:hover .horse-img img{transform:scale(1.06);filter:none}
.horse-img.ph{display:grid;place-items:center}
.horse-img.ph::before{content:"";position:absolute;inset:0;background:var(--silver);opacity:.08;-webkit-mask:url(/assets/svg/topo-2.svg) center/cover;mask:url(/assets/svg/topo-2.svg) center/cover}
.horse-img.ph>span:not(.horse-tag){position:relative;font:500 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#868F96;text-align:center;padding:0 20px}
.horse-tag{position:absolute;left:12px;top:12px;z-index:1;font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--silver);color:var(--ink)}
.horse-tag.sold{background:#2A3035;color:#C9CED3}
.horse-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.horse-body .reg{font:500 11.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}
.horse-body h3{font-size:42px;margin-bottom:14px}
.horse-body p{color:var(--fg-2);font-size:16px}
.facts{list-style:none;margin:0 0 18px;padding:0}
.facts li{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--ln);font-size:15px;color:var(--fg-2)}
.facts b{font:500 11px/1.9 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.horse-body .actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.times{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.times li{font:500 12px/1.2 var(--sans);padding:9px 12px;border:1px solid var(--ln-2);border-radius:999px;color:var(--fg-2)}
.times li b{color:var(--fg);font-weight:500;margin-right:5px}

/* pedigree */
.pedigree{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pedigree div{padding:18px 20px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--ln)}
.pedigree .who{display:block;font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px}
.pedigree b{font:700 21px/1.1 var(--display);font-stretch:85%}
.pedigree .full{grid-column:1/-1;background:var(--ink);border-color:transparent}
.pedigree .full .who{color:var(--sand)}
.pedigree .full b{font-size:34px;color:#F0F2F3}

/* partners */
.partners{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(30px,5vw,70px);margin:0;padding:0;list-style:none}
.partners li{opacity:.55;transition:opacity .3s,transform .5s var(--ease)}
.partners li:hover{opacity:1;transform:translateY(-4px)}
.partners img{height:clamp(42px,5vw,62px);width:auto}

/* offer cards, mods, steps, callout, quote, faq, policy */
.offer{display:grid;gap:16px}
@media(min-width:760px){.offer{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.offer.three{grid-template-columns:repeat(3,1fr)}}
.offer-card{position:relative;padding:32px 30px;border-radius:var(--r-l);background:var(--card);border:1px solid var(--ln);display:flex;flex-direction:column;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s}
.offer-card:hover{transform:translateY(-6px);box-shadow:0 40px 70px -45px rgba(0,0,0,.5)}
.offer-card.lead{background:var(--ink);color:#F0F2F3;border-color:transparent;--fg:#F0F2F3;--fg-2:#BCC2C7;--fg-3:#8F979D;--ln:rgba(211,216,221,.13);--ln-2:rgba(211,216,221,.28);--acc:var(--sand);--mark:var(--tq);--link:var(--tq-hi);--bg:var(--ink);--card:#111416}
.offer-card.lead::after{content:"";position:absolute;inset:0;background:var(--silver);opacity:.07;-webkit-mask:url(/assets/svg/topo-2.svg) center/cover;mask:url(/assets/svg/topo-2.svg) center/cover;pointer-events:none}
.offer-card>*{position:relative;z-index:1}
.offer-card .tag{font:500 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.offer-card .amt{font:700 clamp(58px,6vw,82px)/.9 var(--display);font-stretch:80%;letter-spacing:-.03em;margin-bottom:8px}
.offer-card .amt small{font:400 22px/1 var(--display);color:var(--fg-2);letter-spacing:0}
.offer-card h3{font-size:34px}
.offer-card ul{margin:18px 0 26px;padding:0;list-style:none;color:var(--fg-2);font-size:16.5px}
.offer-card li{padding:9px 0 9px 22px;border-top:1px solid var(--ln);position:relative}
.offer-card li::before{content:"";position:absolute;left:0;top:16px;width:9px;height:9px;background:var(--mark);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.offer-card .cta-row,.offer-card>.btn{margin-top:auto}
.offer-card>.btn{align-self:flex-start}
.mods{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media(min-width:900px){.mods{grid-template-columns:1fr 1fr}}
.mod{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--ln);align-items:start;transition:transform .5s var(--ease),border-color .4s}
.mod:hover{transform:translateY(-4px);border-color:var(--mark)}
.mod .thumb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--tq);transition:transform .7s var(--ease)}
.mod:hover .thumb{transform:rotate(-14deg) scale(1.06)}
.mod .thumb svg{width:30px;height:30px}
.mod h3{font-size:27px;margin-bottom:6px}
.mod p{margin:0;color:var(--fg-2);font-size:16px}
.mod .parts{display:block;margin-top:8px;font:500 11.5px/1.5 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
@media(min-width:900px){.steps3{grid-template-columns:repeat(3,1fr)}}
.steps3 li{position:relative;padding:30px 28px;border-radius:var(--r-l);background:var(--card);border:1px solid var(--ln);counter-increment:s;overflow:hidden}
.steps3 li::before{content:"";display:block;width:34px;height:34px;margin-bottom:22px;background:var(--mark);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.steps3 h3{font-size:29px}
.steps3 p{margin:0;color:var(--fg-2);font-size:16px}
.callout{position:relative;padding:22px 26px;border-radius:var(--r-m);background:var(--card);border:1.5px dashed var(--ln-2);color:var(--fg-2);font-size:16.5px}
.callout b{color:var(--fg)}
.quote{margin:0;font:400 clamp(28px,3.2vw,46px)/1.12 var(--display);color:var(--fg)}
.quote::before{content:"\201C";color:var(--mark);margin-right:.06em}
.faq details{border-top:1px solid var(--ln-2)}
.faq details:last-child{border-bottom:1px solid var(--ln-2)}
.faq summary{cursor:pointer;list-style:none;padding:24px 58px 24px 0;position:relative;font:700 clamp(22px,2.2vw,28px)/1.1 var(--display);font-stretch:85%;letter-spacing:-.01em;transition:color .3s}
.faq summary:hover{color:var(--acc)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:1px solid var(--ln-2);display:grid;place-items:center;font:300 22px/1 var(--sans);transition:transform .5s var(--ease),background .3s,color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--fg);color:var(--bg)}
.faq details p,.faq details ul{color:var(--fg-2);margin:0 0 24px;max-width:66ch}
.policy{display:grid;gap:14px}
@media(min-width:900px){.policy{grid-template-columns:repeat(3,1fr)}}
.policy div{padding:26px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--ln)}
.policy b{display:block;font:700 32px/1 var(--display);font-stretch:80%;letter-spacing:-.02em;color:var(--fg);margin-bottom:10px}
.policy p{margin:0;color:var(--fg-2);font-size:16px}

/* facility mosaic */
.mosaic{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px}.mosaic .w2{grid-column:span 2}.mosaic .h2{grid-row:span 2}}
.mosaic figure{position:relative;margin:0;overflow:hidden;border-radius:var(--r-m);background:var(--ink-3);min-height:180px}
.mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:transform 1.4s var(--ease),filter .6s}
.mosaic figure:hover img{transform:scale(1.07);filter:none}
.mosaic figcaption{position:absolute;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;border-radius:999px;font:500 10.5px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:rgba(242,242,239,.92)}

/* forms */
.form{display:grid;gap:16px}
.form .row{display:grid;gap:16px}
@media(min-width:600px){.form .row{grid-template-columns:1fr 1fr}}
.form label{display:grid;gap:8px;font:500 11.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.form input,.form select,.form textarea{width:100%;min-height:54px;background:var(--bg);border:1px solid var(--ln-2);border-radius:14px;color:var(--fg);padding:14px 16px;font:400 16px/1.4 var(--sans);text-transform:none;letter-spacing:0;transition:border-color .3s,box-shadow .3s}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--tq);box-shadow:0 0 0 4px rgba(2,180,216,.18)}
.form .btn{justify-self:start}
.form-msg{margin:0;font-size:15px;color:var(--acc)}
.form-card{padding:clamp(26px,4vw,44px);border-radius:var(--r-l);background:var(--card);border:1px solid var(--ln)}

/* visit band */
.visit{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,15vw,200px) 0 clamp(60px,9vw,110px);background:var(--ink)}
.visit-media{position:absolute;inset:-10% 0;z-index:-2}
.visit-media img{width:100%;height:100%;object-fit:cover}
.visit::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--ink) 0%,rgba(10,11,12,.15) 35%,rgba(10,11,12,.4) 65%,var(--ink) 100%)}
.visit-grid{display:grid;gap:34px}
@media(min-width:900px){.visit-grid{grid-template-columns:1.2fr 1fr;align-items:end}}
.ticket{position:relative;margin:0;padding:30px 32px;border-radius:var(--r-l);background:var(--bone);color:#0E1011;display:grid;grid-template-columns:auto 1fr;gap:12px 22px;font-size:17px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);transform:rotate(-1.2deg)}
.ticket::after{content:"";position:absolute;inset:9px;border:1.5px dashed rgba(10,11,12,.25);border-radius:calc(var(--r-l) - 9px);pointer-events:none}
.ticket dt{font:500 11px/2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#646C72}
.ticket dd{margin:0;overflow-wrap:anywhere}
.ticket a{color:#0E1011}
.ticket a:hover{color:var(--tq-dk)}
@media(max-width:480px){.ticket{grid-template-columns:1fr;gap:2px 0;padding:26px}.ticket dd{margin-bottom:10px}}
.map{aspect-ratio:16/11;border-radius:var(--r-l);overflow:hidden;background:var(--ink-3)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}

/* docs */
.docs{display:grid;gap:12px}
.doc{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:20px 24px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--ln);text-decoration:none;color:var(--fg);transition:transform .5s var(--ease),border-color .3s}
.doc:hover{border-color:var(--mark);transform:translateX(6px);color:var(--fg)}
.doc svg{width:56px;height:56px;padding:13px;border-radius:50%;background:var(--ink);color:var(--tq)}
.doc b{display:block;font:700 25px/1.1 var(--display);font-stretch:85%}
.doc span{font:500 11.5px/1.5 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}
.doc i{font-style:normal;width:44px;height:44px;border-radius:50%;border:1px solid var(--ln-2);display:grid;place-items:center;color:var(--fg);transition:transform .5s var(--ease),background .3s,color .3s}
.doc:hover i{transform:rotate(-45deg);background:var(--fg);color:var(--bg)}
@media(max-width:560px){.doc{grid-template-columns:44px 1fr}.doc i{display:none}.doc svg{width:44px;height:44px;padding:10px}}

/* two businesses */
.two-biz{display:grid;gap:16px}
@media(min-width:860px){.two-biz{grid-template-columns:1fr 1fr}}
.biz{position:relative;display:block;min-height:470px;overflow:hidden;border-radius:var(--r-l);text-decoration:none;color:#F0F2F3;isolation:isolate;--fg:#F0F2F3;--fg-2:#C9CED3;--acc:var(--sand);--mark:var(--tq)}
.biz>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(.4) brightness(.9);transition:transform 1.6s var(--ease),filter .8s}
.biz:hover>img{transform:scale(1.07);filter:none}
.biz::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,11,12,.95) 15%,rgba(10,11,12,.1) 80%)}
.biz-in{position:absolute;left:0;right:0;bottom:0;padding:30px}
.biz-in .logo{height:74px;width:auto;margin-bottom:18px}
.biz-in h2,.biz-in h3{color:#F0F2F3}
.biz-in p{margin:0 0 16px;color:#C9CED3;max-width:42ch}
.biz-in .label{color:#C9CED3}
.biz .link-arrow{color:#F0F2F3}
.biz:hover{color:#F0F2F3}

/* ---------- page hero (inner) ---------- */
.page-hero{position:relative;overflow:hidden;background:var(--ink);padding:clamp(48px,8vw,110px) 0 clamp(90px,11vw,150px)}
.page-hero-grid{display:grid;gap:50px;align-items:center}
@media(min-width:900px){.page-hero-grid{grid-template-columns:1.25fr .75fr;gap:50px}}
.page-hero h1{font-size:clamp(52px,8.2vw,132px)}
.page-hero .print{max-width:500px;width:100%;justify-self:center}
.rider-bg{position:absolute;right:-4vw;bottom:-6%;width:min(40vw,500px);opacity:.05;pointer-events:none;z-index:0}

/* ---------- footer ---------- */
.foot{position:relative;background:#050606;color:#F0F2F3;padding:0 0 calc(30px + env(safe-area-inset-bottom));overflow:hidden;--fg:#F0F2F3;--fg-2:#BCC2C7;--fg-3:#8F979D;--mark:var(--tq);--link:var(--tq-hi);--ln:rgba(211,216,221,.12);--ln-2:rgba(211,216,221,.26);--bg:#050606;--card:#0E1112;--acc:var(--sand)}
.foot>.horizon{margin-top:-1px}
.foot-word{font-size:clamp(64px,14.5vw,236px);text-align:center;margin:clamp(14px,3vw,40px) 0 0;-webkit-text-stroke-color:rgba(211,216,221,.15);overflow:hidden}
.foot-brands{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:clamp(30px,5vw,56px) 0}
.fb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 16px;border-radius:var(--r-l);border:1px solid var(--ln);text-decoration:none;color:var(--fg-3);font:500 11px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;text-align:center;transition:background .4s,border-color .4s}
.fb:hover{background:var(--card);border-color:var(--ln-2);color:var(--fg)}
.fb img{height:clamp(80px,12vw,130px);width:auto}
.fb-tk img{height:clamp(56px,8.5vw,92px)}
.foot-grid{display:grid;gap:36px;padding-top:40px;border-top:1px solid var(--ln)}
@media(min-width:900px){.foot-grid{grid-template-columns:1fr 1fr 1fr 1.3fr}}
.foot h4{font:500 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:18px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:16px}
.foot a{color:var(--fg-2);text-decoration:none;overflow-wrap:anywhere}
.foot a:hover{color:var(--tq)}
.foot p{color:var(--fg-2);font-size:16px}
.signup{display:flex;flex-wrap:wrap;gap:8px;max-width:440px;padding:6px;border-radius:999px;border:1px solid var(--ln-2)}
.signup input{flex:1;min-width:0;min-height:46px;background:transparent;border:0;color:var(--fg);padding:0 16px;font:400 16px var(--sans)}
.signup input:focus{outline:0}
.signup .form-msg{flex-basis:100%;padding:0 16px 6px}
.hp{position:absolute;left:-9999px}
.social{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.social a{display:inline-flex;align-items:center;gap:4px;height:44px;min-width:44px;justify-content:center;padding:0 12px;border:1px solid var(--ln-2);border-radius:999px;color:var(--fg-2);font:500 11px/1 var(--sans)}
.social a:hover{background:var(--fg);color:var(--bg)}
.social svg{width:18px;height:18px;fill:currentColor}
.social svg[fill="none"]{fill:none}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:50px;padding-top:24px;border-top:1px solid var(--ln);font:500 11.5px/1.5 var(--sans);letter-spacing:.03em;color:var(--fg-3)}

/* sticky mobile bar */
.mbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;display:flex;gap:8px;padding:6px;border-radius:999px;background:rgba(10,11,12,.86);border:1px solid rgba(211,216,221,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(160%);transition:transform .6s var(--ease);--fg:#F0F2F3;--bg:var(--ink);--ln-2:rgba(211,216,221,.28)}
.mbar.show{transform:none}
.mbar .btn{min-height:50px}
.mbar .btn-tq{flex:1}
@media(min-width:900px){.mbar{display:none}}
.nf{min-height:72vh;display:flex;align-items:center}
@media(min-width:1100px){.ride.pin .ride-track{max-width:none;margin:0;padding-left:0;padding-right:0}}
.menu-txt{font-weight:500}

.stack .print,.collage .print{translate:var(--mx,0px) calc(var(--my,0px) + var(--py,0px));transition:transform .9s var(--ease),box-shadow .6s,opacity 1.1s var(--ease),translate .6s var(--ease)}
.hero h1{font-size:clamp(46px,7.6vw,128px)}
.hero-ghost{opacity:.035;right:-10vw}
@media(min-width:1100px){
  .ride.pin .ride-track{padding-left:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))!important;padding-right:10vw!important}
  .ride.pin .panel{padding:0 6vw 0 0}
  .ride.pin .panel-media{padding:30px}
}
.panel-num{left:auto;right:-.02em;top:-.5em;opacity:.7}
.hero .stack .print.rv{transition-duration:1.2s,.6s,.9s,.6s}
.hero .stack .print.rv .print-img img{transition-duration:1.1s}
.hero .stack .print:nth-child(2){transition-delay:.15s}.hero .stack .print:nth-child(3){transition-delay:.3s}

/* full-bleed hero (TK) */
.hero.full{min-height:calc(100svh - var(--hh) - var(--bb));display:flex;flex-direction:column;justify-content:flex-end;padding:0}
.hero-bg{position:absolute;inset:-12% 0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.hero.full::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(10,11,12,.92) 0%,rgba(10,11,12,.55) 45%,rgba(10,11,12,.1) 75%),linear-gradient(0deg,var(--ink) 0%,transparent 40%)}
.hero.full .hero-copy{position:relative;z-index:1;padding-top:60px}
.hero.full h1{max-width:9ch}
.hero-logo{width:clamp(150px,16vw,230px);margin-bottom:26px}
.hero-tk{position:absolute;right:-3vw;top:-2%;z-index:0;font-size:clamp(220px,38vw,620px);-webkit-text-stroke-color:rgba(211,216,221,.2)}
@media(max-width:559px){.hero.full{min-height:auto;padding-top:28vh}.hero-bg img{object-position:62% 30%}.hero.full::before{background:linear-gradient(0deg,var(--ink) 30%,rgba(10,11,12,.5) 65%,rgba(10,11,12,.2))}}
.hero.full{isolation:isolate}
.hero.full .hero-bg{z-index:-2}
.hero.full::before{z-index:-1}
.hero.full .hero-tk{z-index:-1}
.hero.full .hero-copy,.hero.full .hero-foot{z-index:1}
.hero.full .hero-bg img{filter:brightness(.72) contrast(1.05);object-position:78% 40%}
.hero.full::before{background:linear-gradient(90deg,rgba(10,11,12,.96) 0%,rgba(10,11,12,.82) 35%,rgba(10,11,12,.25) 70%,rgba(10,11,12,.1) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 35%)}
section,.foot{overflow-x:clip}
html,body{overflow-x:clip}
@media(max-width:1099px){.pin-only{display:none}}

/* ---------- v5: graphic layer ---------- */
/* hand-drawn underline under emphasis words */
.scrib-host{position:relative;display:inline-block;white-space:nowrap}
.scrib{position:absolute;left:-3%;bottom:-.06em;width:106%;height:.32em;overflow:visible;pointer-events:none}
.scrib path{fill:none;stroke:var(--mark);stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-io) .7s}
.scrib path+path{transition-delay:1.05s;opacity:.7}
.in .scrib path,.scrib.in path{stroke-dashoffset:0}
/* outline word behind page titles */
.ph-word{position:absolute;left:-1vw;bottom:-.14em;font-size:clamp(110px,22vw,340px);z-index:0;-webkit-text-stroke-color:rgba(211,216,221,.08)}
/* seal on the home hero */
.hero-seal{position:absolute;left:-4%;bottom:6%;z-index:4;width:clamp(110px,10vw,150px)}
.hero-seal .seal-ring{stroke:rgba(211,216,221,.35)}
@media(max-width:999px){.hero-seal{left:auto;right:-2%;bottom:-4%;width:110px}}
/* prints: picture zooms inside the mat on hover */
.print:hover .print-img img{transform:scale(1.06)}
/* paper grain tooth on light sections */
.paper::selection,.paper ::selection{background:var(--leather);color:#fff}
.topo{inset:-8% 0}
.visit::before{background:linear-gradient(90deg,rgba(10,11,12,.88) 0%,rgba(10,11,12,.6) 45%,rgba(10,11,12,.15) 75%),linear-gradient(180deg,var(--ink) 0%,rgba(10,11,12,.2) 30%,rgba(10,11,12,.35) 70%,var(--ink) 100%)}
.band::before{background:linear-gradient(90deg,rgba(10,11,12,.75) 0%,rgba(10,11,12,.35) 50%,transparent 75%),linear-gradient(0deg,var(--ink) 4%,rgba(10,11,12,.35) 50%,rgba(10,11,12,.1) 80%,rgba(10,11,12,.6) 100%)}
@media(max-width:899px){.visit::before{background:linear-gradient(180deg,var(--ink) 0%,rgba(10,11,12,.55) 30%,rgba(10,11,12,.8) 60%,var(--ink) 100%)}}
.brand-txt{white-space:nowrap}
@media(max-width:400px){
  .brand img{height:40px}
  .brand-txt b{font-size:14px}
  .brand-txt small{font-size:16px}
  .menu-txt{display:none}
  .menu-btn{padding:0 6px}
  .head-in{gap:10px}
}
@media(max-width:999px){.hero h1{font-size:clamp(40px,10.6vw,100px)}.page-hero h1{font-size:clamp(44px,11vw,104px)}}
@media(min-width:1800px){:root{--wrap:1440px}.hero h1{font-size:clamp(120px,7vw,150px)}body{font-size:19px}}
@media(min-width:1800px){.hero h1{font-size:clamp(110px,5.6vw,140px)}.stack{height:760px}}
@media(max-width:599px){.hero.full .hero-logo{display:none}.hero.full{padding-top:16vh}.hero.full .hero-copy{padding-top:20px}}
.horse-img.brandcard{display:grid;place-items:center;background:var(--ink)}
.horse-img.brandcard::before{content:"";position:absolute;inset:0;background:var(--silver);opacity:.08;-webkit-mask:url(/assets/svg/topo-2.svg) center/cover;mask:url(/assets/svg/topo-2.svg) center/cover}
.horse-img.brandcard img{position:relative;width:46%;height:auto;object-fit:contain;filter:none}

/* ---------- v6: menu scroll + ride layout ---------- */
.nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.nav.open{pointer-events:auto}
@media(max-width:1139px){.nav{justify-content:flex-start;padding-bottom:calc(60px + env(safe-area-inset-bottom))}}
/* pinned services ride: heading above the track, panels sized to the screen */
.ride:not(.pin) .ride-progress{display:none}
@media(min-width:1100px) and (min-height:700px){
  .ride.pin{height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:calc(var(--hh) + 18px) 0 64px}
  .ride.pin .ride-head{position:relative;top:auto;left:auto;right:auto;margin:0 auto clamp(14px,3vh,34px);width:100%}
  .ride.pin .ride-head h2{font-size:clamp(30px,4.6vh,52px)}
  .ride.pin .ride-head .label{margin-bottom:10px}
  .ride.pin .ride-track{flex:1;min-height:0;align-items:stretch;padding-top:0}
  .ride.pin .panel{height:100%;align-items:center;gap:clamp(40px,4vw,70px);padding:0 5vw 0 0}
  .ride.pin .panel-media{padding:20px;display:flex;justify-content:center}
  .ride.pin .panel-media .print{width:min(100%,64vh)}
  .ride.pin .panel-media .stall-box{width:min(100%,70vh)}
  .ride.pin .panel h3{font-size:clamp(34px,6vh,72px)}
  .ride.pin .panel p{font-size:clamp(15px,1.9vh,18px);margin-bottom:.6em}
  .ride.pin .chips{margin:12px 0 6px}
  .ride.pin .chips li{padding:8px 12px;font-size:13px}
  .ride.pin .price-pair{margin:12px 0 4px}
  .ride.pin .price-pair div{padding:12px 16px}
  .ride.pin .price-pair .amt{font-size:clamp(30px,4.4vh,44px)}
  .ride.pin .tiers{gap:8px;margin:12px 0 4px}
  .ride.pin .tier{padding:12px 18px}
  .ride.pin .tier .amt{font-size:clamp(24px,3.6vh,34px)}
  .ride.pin .panel .actions{margin-top:clamp(12px,2.4vh,28px)}
  .ride.pin .svc-num{margin-bottom:10px}
  .ride.pin .ride-progress{bottom:30px}
}
/* stacks: overlap on the pictures, never on captions */
.print figcaption{width:max-content;max-width:100%}
@media(max-width:999px){
  .stack{height:auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;margin-top:10px;padding-bottom:20px}
  .stack .print{position:relative;left:auto;right:auto;top:auto;bottom:auto}
  .stack .print:nth-child(1){grid-column:1/9;grid-row:1;width:auto}
  .stack .print:nth-child(2){grid-column:6/13;grid-row:2;width:auto;margin-top:-22%}
  .stack .print:nth-child(3){grid-column:2/9;grid-row:3;width:auto;margin-top:-14%}
  .hero-seal{position:absolute;right:2%;bottom:auto;top:2%;left:auto;width:96px}
  .collage{height:auto;min-height:0;display:grid;grid-template-columns:repeat(12,1fr)}
  .collage .print{position:relative;left:auto;right:auto;top:auto;bottom:auto}
  .collage .print:nth-child(1){grid-column:1/11;grid-row:1;width:auto}
  .collage .print:nth-child(2){grid-column:6/13;grid-row:2;width:auto;margin-top:-18%}
}
@media(max-width:999px){.stack .print:nth-child(3){grid-column:1/8;margin-top:-3%}}
@media(max-width:999px){.stack .print:nth-child(3){grid-column:1/6;margin-top:-26%}}
@media(max-width:999px){.stack .print:nth-child(3){margin-top:-20%}}
/* room for the torn paper edges so nothing hides under them */
.marquee{padding-bottom:64px}
.foot{padding-top:52px}
.paper+.band,.paper+.visit,.tone+.band{margin-top:0}

@media(max-width:1139px){
  .nav{inset:auto 0 0 0;top:calc(var(--bb) + var(--hh));padding-top:28px;clip-path:circle(0 at calc(100% - 50px) 0)}
  .nav.open{clip-path:circle(160% at calc(100% - 50px) 0)}
  html.nav-lock .site-head::before{opacity:1;background:var(--ink)}
  html.nav-lock .site-head{transform:none}
}
@media(min-width:1100px) and (min-height:700px) and (max-height:800px){
  .ride.pin .panel h3{font-size:clamp(32px,5.2vh,60px)}
  .ride.pin .panel .fine{display:none}
  .ride.pin .tier{padding:9px 16px}
  .ride.pin .tier p{font-size:14px}
  .ride.pin .tier h4{font-size:20px}
  .ride.pin .panel-media .print{width:min(100%,58vh)}
}
@media(max-width:999px){.stack .print:nth-child(2) figcaption{margin-left:auto}}

/* =========================================================
   v7 polish: restraint, spacing, nothing on top of anything
   ========================================================= */
h1,h2,h3,h4{text-wrap:balance;margin-inline-start:-.03em}
p,li,dd,figcaption{text-wrap:pretty}
.lede,.panel p,.sec-head p{max-width:60ch}
.amt,.price-pair .amt,.tier .amt,.offer-card .amt,.times,.facts{font-variant-numeric:tabular-nums lining-nums}
body{font-kerning:normal;font-optical-sizing:auto}
[id]{scroll-margin-top:110px}

/* one reveal language: soft fade up. no blur, no spin */
.rv,.stag>*{transform:translateY(24px);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
.print.rv{transform:translateY(28px) rotate(var(--r,0deg))}
.print.rv.in{transform:rotate(var(--r,0deg))}
.print.rv .print-img img,.rv-photo .print-img img{filter:none;transform:none}
.stag.in>*:nth-child(n+6){transition-delay:.4s}
.clip>img{transform:scale(1.06)}

/* quieter hovers: color, not big lifts */
.offer-card:hover,.horse:hover{transform:none;box-shadow:none}
.mod:hover,.doc:hover,.tier:hover{transform:none}
.print:hover{transform:rotate(var(--r,0deg)) translateY(-3px)}
.print.rv.in:hover{transform:rotate(var(--r,0deg)) translateY(-3px)}
.print:hover .print-img img{transform:scale(1.03)}
.btn{transition:color .25s,border-color .25s,background-color .25s,transform .2s}
.btn:hover{transform:none}
.btn:active{transform:scale(.98)}
.btn::before{transition:transform .45s cubic-bezier(.22,1,.36,1)}
.btn:hover .arr{transform:translateX(3px)}
.tier.feat::before{display:none}

/* header hairline only after scrolling */
.site-head.solid{box-shadow:0 1px 0 rgba(211,216,221,.08)}

/* no straight lines at section breaks; torn edges vary */
.foot-grid,.foot-base{border-top:0}
.foot-brands{border-bottom:0}
.foot-base{margin-top:64px;padding-top:0;opacity:.85}
.foot>.horizon{display:none}
.foot-word{margin-top:clamp(40px,7vw,90px)}
.paper:nth-of-type(3n+1)::before{-webkit-mask-image:url(/assets/svg/torn-c.svg);mask-image:url(/assets/svg/torn-c.svg)}
.paper:nth-of-type(3n+2)::after{-webkit-mask-image:url(/assets/svg/torn-d.svg);mask-image:url(/assets/svg/torn-d.svg)}
.page-hero{padding-bottom:clamp(100px,12vw,160px)}
.sec.paper,.sec-tight.paper{padding-top:calc(clamp(88px,13vw,180px) + 10px)}
.paper+.dark,.paper+.band,.paper+.visit{padding-top:calc(clamp(88px,13vw,180px) + 20px)}
.band.paper+*,.paper+.band{padding-top:0}

/* emphasis underline sits below the letters, never through them */
.lines .ln{padding-bottom:.32em;margin-bottom:-.32em}
.scrib{bottom:-.24em;height:.22em}

/* decorative layers never sit behind text */
.credit{top:auto;bottom:16px;right:18px}
.hero.full .credit{bottom:20px}
@media(max-width:899px){.hero-tk{display:none}}
.hero-tk{top:6%;right:-2vw}
.hero-seal{left:auto;right:2%;bottom:0;top:auto}
@media(max-width:999px){.hero-seal{display:none}}
.band .seal{bottom:auto;top:clamp(60px,8vw,110px)}

/* Achievement levels: star marks, no numbers */
.lv-dot::before{content:"";width:22px;height:22px;background:currentColor;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.lv-dot{color:var(--ln-2)}
.lv.on .lv-dot{color:var(--ink);transform:none}

/* ---------- training spots: horseshoes on the barn wall ---------- */
.spots{position:relative;padding:clamp(10px,2vw,20px) 0}
.shoes{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2.4vw,28px);margin:0 0 clamp(18px,3vw,30px);padding-top:10px}
.shoe{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(-14px) rotate(calc((var(--i) - 1.5) * 3deg));transform-origin:50% 0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(var(--i) * 90ms)}
.spots.in .shoe,.in .shoe{opacity:1;transform:rotate(calc((var(--i) - 1.5) * 3deg))}
.shoe svg{width:100%;max-width:120px;height:auto;overflow:visible}
.shoe .nail{fill:var(--fg-3)}
.shoe .shoe-body{fill:none;stroke-width:13;stroke-linecap:round}
.shoe .holes circle{fill:var(--bg)}
.shoe.is-taken .shoe-body{stroke:var(--fg)}
.shoe.is-taken .holes circle{fill:var(--bg)}
.shoe.is-open .shoe-body{stroke:var(--tq);filter:drop-shadow(0 6px 16px rgba(2,180,216,.35))}
.shoe.is-open .holes circle{fill:var(--bg)}
.shoe figcaption{font:500 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);text-align:center}
.shoe.is-open figcaption{color:var(--fg)}
.spots-line{font:700 clamp(34px,3.6vw,52px)/1 var(--display);font-stretch:82%;letter-spacing:-.02em;margin:0 0 10px;color:var(--fg)}
.spots-line em{font-family:var(--display);font-style:normal;font-weight:400;font-stretch:100%;color:var(--acc)}
.spots-note{margin:0;color:var(--fg-2);font-size:16px;max-width:40ch}
@media(prefers-reduced-motion:reduce){.shoe{opacity:1;transform:none;transition:none}}
@media(max-width:899px){.hero.full .credit{top:16px;bottom:auto}}
.hero:not(.full){padding-bottom:clamp(90px,10vw,140px)}.hero.full{padding-bottom:clamp(70px,8vw,110px)}


/* =========================================================
   v8: two typefaces, no italics, clear text, solid header
   ========================================================= */
html{background:var(--ink)}
:root{--fg-3:#A7AEB4}
.paper,.tone{--fg-3:#4A4741;--fg-2:#33312D}
/* emphasis words: same face as the heading, color only */
h1 em,h2 em,h3 em,.spots-line em,.ital{font:inherit;font-style:normal;letter-spacing:inherit;color:var(--acc)}
.quote{font-family:var(--display);font-style:normal;font-weight:600;font-stretch:88%;line-height:1.08;letter-spacing:-.015em}
/* small labels: Instrument Sans caps, a touch larger and bolder */
.label,.mono,.svc-num,.tag,.lv-card .focus,.offer-card .tag,.facts b,.tier .amt small,.horse-body .reg,.horse-tag,.vfx figcaption span,.print figcaption,.ticket dt,.form label,.foot h4,.doc span,.mosaic figcaption,.times li,.switch a,.bb-phone,.menu-btn,.nav-swap span,.shoe figcaption,.foot-base,.fb,.vfx-play,.hero-meta,.credit,.pedigree .who,.lesson-steps b,.parts{font-family:var(--sans);font-weight:600;letter-spacing:.1em}
.label{font-size:13px}
.print figcaption{font-size:11.5px;color:#3A3834}
.lv-card .cert,.offer-card .amt small,.price-pair .amt small{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:0}
.lv-card .cert{color:var(--fg-2)}
.brand-txt small{font:600 11.5px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--tq);margin-top:5px}
.credit{color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.fine{color:var(--fg-3);font-size:15px}
/* solid header, right to the top of the screen */
.site-head::before{opacity:1;background:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-head.solid{box-shadow:none}
.site-head.hide{transform:none}
/* emphasis underline: well clear of the letters */
.lines .ln{padding-bottom:.6em;margin-bottom:-.6em}
.scrib{bottom:-.4em;height:.18em}
.scrib path{stroke-width:2.2}
/* logos keep their real shape */
.offer-card>img,.partners img,.biz-in .logo,.hero-logo,.tk-logo,.fb img{object-fit:contain;align-self:flex-start;width:auto;max-width:100%}
/* horseshoes without live data: one calm style */
.shoe.is-plain .shoe-body{stroke:var(--fg)}
.shoe.is-plain:nth-child(even) .shoe-body{stroke:var(--tq)}
.spots-line{font-size:clamp(34px,3.4vw,50px)}
em{font-style:normal}
/* seamless page breaks: torn shapes overlap their section so no hairline can show */
.paper::before,.tone::before{top:-44px;height:54px}
.paper::after,.tone::after{bottom:-44px;height:54px}
.foot,.brandbar{background:var(--ink)}
.foot{--bg:var(--ink)}
section+section,.foot{margin-top:0}
.sec.dark+.sec.dark,.sec.dark+.band,.sec.dark+.visit,.band+.sec.dark{box-shadow:0 -1px 0 var(--ink)}
/* topo texture: fine fixed scale, feathered edges, never a hard line */
.topo,.topo.b,.offer-card.lead::after,.horse-img.ph::before,.horse-img.brandcard::before,.nav::before{
  -webkit-mask-image:url(/assets/svg/topo.svg),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  -webkit-mask-size:1500px auto,100% 100%;-webkit-mask-repeat:repeat,no-repeat;-webkit-mask-position:center top,0 0;
  -webkit-mask-composite:source-in;
  mask-image:url(/assets/svg/topo.svg),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-size:1500px auto,100% 100%;mask-repeat:repeat,no-repeat;mask-position:center top,0 0;mask-composite:intersect}
.topo.b{-webkit-mask-image:url(/assets/svg/topo-2.svg),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:url(/assets/svg/topo-2.svg),linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
@media(max-width:700px){.topo,.topo.b{-webkit-mask-size:900px auto,100% 100%;mask-size:900px auto,100% 100%}}
/* whole-pixel tiles so the pattern never shows a seam */
.topo,.topo.b,.offer-card.lead::after,.horse-img.ph::before,.horse-img.brandcard::before,.nav::before{-webkit-mask-size:1600px 1000px,100% 100%;mask-size:1600px 1000px,100% 100%}
@media(max-width:700px){.topo,.topo.b,.nav::before{-webkit-mask-size:1120px 700px,100% 100%;mask-size:1120px 700px,100% 100%}}
/* topo: one untiled sheet per section, feathered top and bottom (tiling leaves seams) */
.topo,.topo.b{inset:auto;top:-40px;left:0;right:0;height:1100px;
  -webkit-mask-size:cover,100% 100%;mask-size:cover,100% 100%;
  -webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;
  -webkit-mask-position:center top,0 0;mask-position:center top,0 0;
  -webkit-mask-image:url(/assets/svg/topo.svg),linear-gradient(180deg,transparent 0,#000 15%,#000 65%,transparent 100%);
  mask-image:url(/assets/svg/topo.svg),linear-gradient(180deg,transparent 0,#000 15%,#000 65%,transparent 100%)}
.topo.b{-webkit-mask-image:url(/assets/svg/topo-2.svg),linear-gradient(180deg,transparent 0,#000 15%,#000 65%,transparent 100%);mask-image:url(/assets/svg/topo-2.svg),linear-gradient(180deg,transparent 0,#000 15%,#000 65%,transparent 100%)}
@media(max-width:700px){.topo,.topo.b{height:760px;-webkit-mask-size:auto 100%,100% 100%;mask-size:auto 100%,100% 100%}}
.offer-card.lead::after,.horse-img.ph::before,.horse-img.brandcard::before,.nav::before{-webkit-mask-size:cover,100% 100%;mask-size:cover,100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/* headings: no margin collapse from the line-reveal wrappers; room under any underline */
h1.lines,h2.lines{display:flow-root}
h1:has(.scrib-host),h2:has(.scrib-host){margin-bottom:.85em!important}
.scrib{bottom:-.38em}
/* desktop photo stack: third print stays clear of the second print's caption */
@media(min-width:1000px){
  .stack .print:nth-child(3){left:0;width:44%}
  .stack .print:nth-child(2) figcaption{margin-left:auto}
}
.hero h1,.page-hero h1{margin-bottom:.5em}
@media(max-width:999px){.collage .print:nth-child(2){margin-top:-5%}}
/* horses rendered by the server */
.horse-empty{grid-column:1/-1;padding:34px 30px;border-radius:var(--r-l);background:var(--card);border:1px solid var(--ln)}
.horse-empty h3{font-size:32px;margin-bottom:8px}.horse-empty p{color:var(--fg-2);margin:0 0 18px;max-width:52ch}
.sold-list{margin-top:22px;padding:30px;border-radius:var(--r-l);background:var(--card);border:1px solid var(--ln)}
.sold-list h3{font-size:34px;margin-bottom:14px}.sold-list .btn{margin-top:6px}
.horse-price{font:700 26px/1 var(--display);font-stretch:85%;color:var(--fg);margin:0 0 12px}
