:root{--mp-ink:#151412;--mp-ink2:#22201c;--mp-tang:#ff7a1a;--mp-tangdeep:#e0600a;--mp-cream:#f6f1e7;--mp-paper:#fffdf8;
--mp-grass:#2f7d32;--mp-sky:#1f9ad6;--mp-berry:#d6457f;--mp-sun:#f5b818;--mp-line:#e6ddcc;--mp-mute:#5e584d;--mp-span:1240px;
--mp-braid:repeating-linear-gradient(115deg,#ff7a1a 0 14px,#1f9ad6 14px 28px,#d6457f 28px 42px,#2f7d32 42px 56px,#f5b818 56px 70px,#151412 70px 84px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mp-paper);color:var(--mp-ink);font:16.5px/1.62 'Figtree',system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
.tether_knot{padding:0 0 3.5rem;background:var(--mp-paper)}
.halter_rail{display:grid;grid-template-columns:1fr;gap:1.2rem;padding-top:3rem}
.lanyard_yard7{grid-template-columns:1fr 1fr}
.halter_rail img{width:100%;border-radius:20px;box-shadow:0 12px 30px rgba(21,20,18,.1);max-height:520px;object-fit:cover}
a{color:inherit}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.02}
h1,.splice_knot9,h4{font-family:'Big Shoulders Display',Impact,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.01em}
.splice_knot9{font-size:clamp(2rem,4vw,3.1rem);text-align:center;margin-bottom:1.6rem}
h2{font-size:1.6rem}
h3{font-size:1.05rem;font-weight:700}
.lanyard_rail{max-width:var(--mp-span);margin:0 auto;padding:0 24px}
.hitch_loop{position:absolute;left:-9999px;top:0;background:var(--mp-tang);color:var(--mp-ink);padding:.6rem 1rem;z-index:99;font-weight:700}
.hitch_loop:focus{left:8px}
.tether_run{font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mp-tangdeep);margin:0 0 .6rem}
.whipping_reel{color:var(--mp-mute);max-width:62ch}
.tether_hook22{color:var(--mp-sun);letter-spacing:.06em}
.lanyard_step4{width:1.1em;height:1.1em;flex:none;color:var(--mp-tangdeep);transform:translateY(3px)}
.splice_post6{width:1.05em;height:1.05em;flex:none;vertical-align:-.18em}
.lanyard_hook28{width:1.05em;height:1.05em;flex:none;transform:translateY(3px)}
.toggle_knot{display:flex;justify-content:center;margin-top:2.2rem}

/* ticker (leader: scrolling announcement bar in brand color) */
.hitch_path6,.lanyard_tail7{overflow:hidden;white-space:nowrap}
.hitch_path6{background:var(--mp-tang);color:var(--mp-ink);font:800 .86rem/1 'Big Shoulders Display',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.grommet_hook2{display:inline-flex;gap:1.6rem;padding:.7rem 0;animation:ropeslide 38s linear infinite}
.grommet_hook2 span{display:inline-flex;align-items:center;gap:.5rem}
.grommet_hook2 i{font-style:normal;opacity:.6}
@keyframes ropeslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.grommet_hook2{animation:none}}

/* header (leader: nav sits over the hero on home; solid ink elsewhere) */
.halter_step{background:var(--mp-ink);color:#fff;position:relative;z-index:40}
.fid_path .halter_step{position:absolute;left:0;right:0;background:linear-gradient(180deg,rgba(10,10,8,.72),rgba(10,10,8,0))}
.splice_rail2{display:flex;align-items:center;gap:2rem;padding-top:1rem;padding-bottom:1rem}
.hitch_path img{height:34px;width:auto}
.cleat_trail{display:flex;gap:1.7rem;margin-left:auto}
.cleat_trail a{font:800 1.12rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:.35rem 0;border-bottom:3px solid transparent}
.cleat_trail a:hover{border-bottom-color:var(--mp-tang)}
.strand_coil{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:.4rem;margin-left:auto}
.strand_coil span{display:block;width:24px;height:2.5px;background:#fff;margin:5px 0;border-radius:2px}
.strand_coil b{position:absolute;left:-9999px}

/* pills: stamp PNG inside a brand-color pill */
.lanyard_yard9{display:inline-flex;align-items:center;justify-content:center;background:var(--mp-tang);border-radius:999px;padding:.72rem 1.5rem;line-height:0;box-shadow:0 6px 16px rgba(224,96,10,.28);transition:transform .12s,background .12s}
.lanyard_yard9:hover{transform:translateY(-2px);background:#ff8c38}
.lanyard_yard9 img{height:1.05rem;width:auto}
.bight_peg{padding:.6rem 1.2rem}
.bight_peg img{height:1.05rem}
.strand_lane{padding:1rem 2rem}
.strand_lane img{height:1.32rem}
.hitch_stake{padding:.85rem 1.7rem;margin:.4rem 0}
.hitch_stake img{height:1.15rem}
.braid_run{width:100%;padding:1rem 1rem;margin-top:auto}
.braid_run img{height:1.38rem}
.swivel_post{background:var(--mp-ink);padding:1rem 2rem;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.swivel_post img{height:1.2rem;filter:invert(1)}
.swivel_post:hover{background:#2b2925}
.whipping_heel{margin-top:1rem;background:var(--mp-ink);box-shadow:none}
.whipping_heel img{filter:invert(1)}
.sheave_rail{width:100%;max-width:440px;padding:1.05rem 1.5rem}
.sheave_rail img{height:1.3rem}
.cleat_hook2,.braid_path{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.8rem 1.5rem;font:800 1.05rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.cleat_hook2{border:2.5px solid var(--mp-ink);color:var(--mp-ink)}
.cleat_hook2:hover{background:var(--mp-ink);color:#fff}
.whipping_stride{border-color:#fff;color:#fff}
.whipping_stride:hover{background:#fff;color:var(--mp-ink)}
.braid_path{background:var(--mp-tang);color:var(--mp-ink)}
.braid_path:hover{background:#ff8c38}
.thimble_coil{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;text-decoration:none;border-bottom:3px solid var(--mp-tang);padding-bottom:2px;margin-top:1rem}

/* hero (leader: full-bleed lifestyle, left overlay copy, condensed caps H1, avatar row) */
.thimble_coil2{position:relative;min-height:min(92vh,760px);display:flex;align-items:center;overflow:hidden;background:var(--mp-ink)}
.fid_hook27{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scaleX(-1)}
.braid_rail{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.86) 0%,rgba(12,11,9,.62) 42%,rgba(12,11,9,.12) 72%,rgba(12,11,9,0) 100%)}
.toggle_heel{position:relative;z-index:2;color:#fff;width:100%;padding-top:7rem;padding-bottom:4rem}
.toggle_heel h1{font-size:clamp(2.6rem,5.4vw,4.6rem);max-width:15ch;line-height:.95;margin-bottom:1.2rem}
.toggle_heel h1 em{display:block;font-style:normal;color:var(--mp-tang);font-size:.62em;margin-top:.35em;line-height:1}
.toggle_loop{max-width:46ch;font-size:1.1rem;color:#ece7dc}
.ferrule_heel9{display:flex;align-items:center;gap:.8rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9e3d6;margin-bottom:1.3rem}
.halter_heel{display:flex;flex:none}
.halter_heel img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;margin-left:-10px}
.halter_heel img:first-child{margin-left:0}
.hitch_path2{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.lanyard_tail7{background:var(--mp-tang);color:var(--mp-ink);font:800 1rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.lanyard_tail7 .grommet_hook2{gap:3rem;padding:1.05rem 0;animation-duration:44s}

/* product cards (leader: rounded white card, stars, name + price row, full-width pill) */
.carabin_trail{padding:4.5rem 0 4rem;background:#fff}
.splice_heel{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.hitch_peg{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(21,20,18,.1);border-top:5px solid var(--shelf,var(--mp-tang));transition:transform .15s,box-shadow .15s}
.hitch_peg:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(21,20,18,.15)}
.marlin_loop{display:block;background:#fff;padding:1rem}
.marlin_loop img{width:100%;aspect-ratio:1/1;object-fit:contain}
.bight_run{padding:.2rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.lanyard_knot{display:flex;gap:.45rem;align-items:baseline;font-size:.8rem;color:var(--mp-mute);flex-wrap:wrap}
.grommet_heel{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}
.grommet_heel a{text-decoration:none}
.grommet_heel h3{font-size:.95rem;line-height:1.3;margin:0}
.lanyard_stride{font:800 1.45rem/1 'Big Shoulders Display',sans-serif;white-space:nowrap}
.lanyard_stride.strand_loop2,.becket_knot.strand_loop2{font:700 .78rem/1.2 'Figtree',sans-serif;color:var(--mp-mute);white-space:normal;text-align:right;max-width:7rem}
.marlin_post6{margin:0 0 .5rem;font-size:.85rem;color:var(--mp-mute);font-style:italic}

/* picker (leader: the 'what kind of walker is your pup' quiz, rebuilt as a live matcher) */
.marlin_hook22{background:var(--mp-cream);padding:4.5rem 0;border-top:6px solid transparent;border-image:var(--mp-braid) 6}
.splice_tug9{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.toggle_step3 .splice_knot9{text-align:left}
.lanyard_reel6{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.grommet_stake{font:800 1.02rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#fff;color:var(--mp-ink);border:2.5px solid var(--mp-ink);border-radius:999px;padding:.75rem 1.2rem;cursor:pointer}
.grommet_stake:hover{background:#fff3e8}
.grommet_stake.grommet_reel4{background:var(--mp-tang);border-color:var(--mp-tang)}
.swivel_knot7{background:#fff;border-radius:22px;box-shadow:0 16px 40px rgba(21,20,18,.12);padding:1.6rem}
.halter_reel{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.4rem;align-items:center}
.halter_reel[hidden]{display:none}
.carabin_stride img{width:100%;aspect-ratio:1/1;object-fit:contain}
.halter_reel h3 a{text-decoration:none}
.halter_reel p{color:var(--mp-mute);font-size:.95rem}
.splice_stake{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.becket_knot{font:800 1.7rem/1 'Big Shoulders Display',sans-serif}

/* in-action band (leader: brand-color band with portrait tiles + dark pill) */
.ferrule_hook2{background:var(--mp-tang);padding:4.5rem 0}
.sheave_lane3{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1000px;margin:0 auto}
.swivel_rail{margin:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.swivel_rail img{width:100%;aspect-ratio:4/5;object-fit:cover}
.swivel_rail figcaption{position:absolute;left:.8rem;top:.8rem;background:var(--mp-ink);color:#fff;font:800 .9rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:.45rem .7rem;border-radius:8px}

/* category tiles (wilderdog-style photo tiles) */
.ferrule_tug{padding:4.5rem 0;background:#fff}
.halter_coil7{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.fid_tail{grid-template-columns:repeat(4,1fr)}
.fid_trail{position:relative;border-radius:16px;overflow:hidden;display:block;text-decoration:none}
.fid_trail img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .3s}
.fid_trail:hover img{transform:scale(1.05)}
.fid_trail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72))}
.fid_trail span{position:absolute;left:1rem;bottom:.9rem;right:1rem;z-index:2;color:#fff;font:800 1.5rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;border-bottom:4px solid var(--shelf,var(--mp-tang));padding-bottom:.35rem}

/* themes */
.braid_stride9{--shelf:#ff7a1a;--shelfsoft:#fff1e5}
.strand_loop{--shelf:#2f7d32;--shelfsoft:#eaf4e6}
.sheave_hook2{--shelf:#1f9ad6;--shelfsoft:#e7f4fb}
.toggle_gate{--shelf:#d6457f;--shelfsoft:#fbe9f0}
.ferrule_reel{--shelf:#f5b818;--shelfsoft:#fdf5dc}
.marlin_run{padding:4rem 0;background:var(--shelfsoft,var(--mp-cream))}
.strand_rail7{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.8rem;flex-wrap:wrap}
.strand_rail7 h2{font-family:'Big Shoulders Display',sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(1.8rem,3vw,2.5rem)}
.marlin_run .tether_run{color:var(--shelf)}
.marlin_run .splice_knot9{text-align:left}

/* rope ruler */
.ferrule_reel7{background:#fff;padding:4.5rem 0;border-top:6px solid transparent;border-image:var(--mp-braid) 6}
.splice_lane{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.splice_lane .splice_knot9{text-align:left}
.lanyard_heel{list-style:none;margin:0;padding:0}
.lanyard_heel li{display:grid;grid-template-columns:4.2rem 1fr;grid-template-areas:"ft bar" "ft job";column-gap:1rem;row-gap:.25rem;padding:.8rem 0;border-bottom:1.5px dashed var(--mp-line);align-items:center}
.thimble_yard{grid-area:ft;font:900 1.5rem/1 'Big Shoulders Display',sans-serif}
.hitch_hook2{grid-area:bar;height:12px;background:var(--mp-cream);border-radius:999px;overflow:hidden}
.hitch_hook2 i{display:block;height:100%;background:var(--mp-braid);border-radius:999px}
.lanyard_stake{grid-area:job;font-size:.92rem;color:var(--mp-mute)}
.lanyard_heel a{grid-column:2;font-size:.84rem;font-weight:800;text-decoration:none;color:var(--mp-tangdeep)}

/* testimonials (leader: dark section, photo card + overlapping white quote card) */
.swivel_path{background:var(--mp-ink);color:#fff;padding:4.5rem 0 5rem}
.marlin_stride4{text-align:center;color:#a9a397;font-size:.84rem;margin:-1rem 0 2.2rem}
.sheave_coil{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.8rem}
.fid_heel9{margin:0;display:flex;flex-direction:column;align-items:center}
.cleat_tug{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}
.becket_rail6{background:#fff;color:var(--mp-ink);border-radius:18px;padding:1.3rem 1.3rem 1.2rem;margin:-4.5rem 1rem 0;position:relative;text-align:center;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.becket_rail6 h3{font-size:1rem;margin:.4rem 0 .5rem}
.becket_rail6 blockquote{margin:0 0 .8rem;font-size:.9rem;color:var(--mp-mute)}
.becket_rail6 figcaption{font-weight:800;font-size:.86rem}
.splice_gate5{display:inline-block;margin-top:.4rem;font-size:.78rem;font-weight:700;color:var(--mp-tangdeep);text-decoration:none}

/* promise split (leader: guarantee split with checks + shield badges) */
.marlin_peg{background:#f1efea;padding:4.5rem 0}
.swivel_knot{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.ferrule_yard{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}
.swivel_knot .splice_knot9{text-align:left}
.swivel_knot p{color:var(--mp-mute)}
.ferrule_post,.tether_coil{list-style:none;margin:1rem 0;padding:0}
.ferrule_post li,.tether_coil li{display:flex;gap:.7rem;margin-bottom:.65rem}
.tether_trail li{background:#fff;border-radius:14px;padding:.85rem 1.1rem;box-shadow:0 4px 14px rgba(21,20,18,.06)}
.grommet_rail{font-weight:800;color:var(--mp-ink)!important}
.hitch_post3{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.marlin_rail2{width:88px;height:98px;background:linear-gradient(160deg,#ffc84a,#f59e0b);clip-path:polygon(50% 0,100% 14%,100% 62%,50% 100%,0 62%,0 14%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--mp-ink);padding:0 .5rem .8rem}
.marlin_rail2 b{font:900 1.35rem/1 'Big Shoulders Display',sans-serif}
.marlin_rail2 span{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;margin-top:.2rem}

/* banner + faq (leader: dark FAQ with white pill accordions) */
.sheave_loop img{width:100%;height:auto}
.thimble_heel{background:var(--mp-ink);padding:4.5rem 0}
.thimble_heel .splice_knot9{color:#fff}
.bight_heel{max-width:880px}
.swivel_yard{background:#fff;border-radius:14px;margin-bottom:.9rem;overflow:hidden}
.ferrule_path4{border:1.5px solid var(--mp-line)}
.swivel_tail3{width:100%;background:none;border:0;text-align:left;font:700 1rem/1.35 'Figtree',sans-serif;color:var(--mp-ink);padding:1.15rem 3.4rem 1.15rem 1.5rem;cursor:pointer;position:relative}
.swivel_tail3 i{position:absolute;right:1.4rem;top:50%;width:16px;height:16px;transform:translateY(-50%)}
.swivel_tail3 i::before,.swivel_tail3 i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2.4px;background:var(--mp-ink);transition:transform .2s}
.swivel_tail3 i::after{transform:rotate(90deg)}
.swivel_yard.lanyard_gate .swivel_tail3 i::after{transform:rotate(0)}
.swivel_stride{display:none;padding:0 1.5rem 1.2rem}
.swivel_yard.lanyard_gate .swivel_stride{display:block}
.swivel_stride p{margin:0;color:var(--mp-mute)}

/* seo prose + last call */
.splice_loop{padding:4.2rem 0;background:#fff}
.splice_loop h2{font-family:'Big Shoulders Display',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.6rem,2.6vw,2.2rem);max-width:30ch}
.carabin_lane{columns:2;column-gap:3rem;margin-top:1.3rem}
.carabin_lane p{margin:0 0 1rem;color:var(--mp-mute);break-inside:avoid-column}
.bight_run9{background:var(--mp-cream);padding:4rem 0;border-top:6px solid transparent;border-image:var(--mp-braid) 6}
.carabin_coil{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.carabin_coil img{border-radius:20px}
.carabin_coil .splice_knot9{text-align:left}
.carabin_coil p{color:var(--mp-mute)}

/* footer (leader: brand-color multi-column footer) */
.cleat_knot{background:var(--mp-tang);color:var(--mp-ink)}
.grommet_peg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:2rem;padding-top:3.2rem;padding-bottom:2.2rem}
.cleat_step img{height:40px;width:auto;margin-bottom:.9rem}
.cleat_step p{margin:0;font-size:.92rem;max-width:30ch}
.cleat_knot h4{font-size:1.35rem;margin-bottom:.8rem}
.cleat_knot a:not(.lanyard_yard9){display:block;text-decoration:none;margin-bottom:.45rem;font-size:.95rem}
.cleat_knot a:not(.lanyard_yard9):hover{text-decoration:underline}
.halter_tail{font-size:.86rem;margin:.3rem 0}
.cleat_yard{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1.5px solid rgba(21,20,18,.25);padding-top:1.1rem;padding-bottom:1.4rem;font-size:.82rem}
.cleat_yard p{margin:0}

/* category crown */
.swivel_gate{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;background:var(--mp-ink)}
.becket_reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.braid_knot{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.88),rgba(12,11,9,.55) 55%,rgba(12,11,9,.2))}
.ferrule_stride8{position:relative;z-index:2;color:#fff;padding-top:2.4rem;padding-bottom:2.6rem;width:100%}
.ferrule_stride8 h1{font-size:clamp(2.3rem,5vw,4rem);max-width:18ch;border-left:8px solid var(--shelf);padding-left:1rem}
.ferrule_stride8 p{max-width:66ch;color:#e6e0d4}
.ferrule_stride8 .tether_run{color:var(--shelf)}
.cleat_heel{font-size:.84rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1.4rem;color:#d8d1c3}
.cleat_heel a{text-decoration:none}
.cleat_heel i{font-style:normal;opacity:.6}
.bight_tug{color:var(--mp-mute);padding-top:1.2rem;margin-bottom:0}
.cleat_run2{padding:4rem 0;background:#fff}
.cleat_run2 .splice_knot9{text-align:left}
.ferrule_yard2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.ferrule_yard2 li{background:var(--mp-cream);border-radius:18px;padding:1.5rem}
.ferrule_yard2 b{display:inline-flex;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--mp-tang);align-items:center;justify-content:center;font:900 1.4rem/1 'Big Shoulders Display',sans-serif;margin-bottom:.8rem}
.ferrule_yard2 p{margin:0;color:var(--mp-mute)}
.halter_trail{overflow-x:auto;border-radius:16px;border:1.5px solid var(--mp-line)}
.whipping_gate{width:100%;border-collapse:collapse;min-width:420px}
.whipping_gate th,.whipping_gate td{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--mp-line)}
.whipping_gate thead th{background:var(--mp-ink);color:#fff;font:800 1.05rem/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.whipping_gate tbody th{font:800 1.2rem/1 'Big Shoulders Display',sans-serif;width:9rem}
.grommet_heel7{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.thimble_yard5{background:var(--mp-cream);border-radius:16px;padding:1.3rem;border-left:6px solid var(--mp-sky)}
.thimble_yard5 p{margin:0;color:var(--mp-mute);font-size:.94rem}

/* pdp */
.bight_stake3{padding:1.6rem 0 3.4rem;background:linear-gradient(180deg,var(--shelfsoft) 0,var(--shelfsoft) 70%,var(--mp-paper) 70%)}
.grommet_knot{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start}
.splice_peg{margin:0;background:#fff;border-radius:22px;padding:1.6rem;box-shadow:0 14px 34px rgba(21,20,18,.1)}
.splice_peg img{width:100%;aspect-ratio:1/1;object-fit:contain}
.hitch_path4{display:flex;gap:.7rem;margin-top:.9rem}
.ferrule_heel{width:78px;height:78px;border-radius:12px;background:#fff;border:2px solid var(--mp-line);padding:4px;cursor:pointer}
.ferrule_heel.grommet_reel4{border-color:var(--shelf)}
.ferrule_heel img{width:100%;height:100%;object-fit:contain}
.becket_post h1{font-size:clamp(2rem,3.4vw,2.9rem)}
.becket_heel{font-size:.92rem}
.becket_gate{font-size:1.05rem;color:#3b372f}
.cleat_gate{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:1.2rem 0 1rem}
.cleat_gate b{font:900 2.6rem/1 'Big Shoulders Display',sans-serif}
.cleat_gate b.strand_loop2{font-size:1.6rem;color:var(--mp-mute)}
.cleat_gate span{font-size:.8rem;color:var(--mp-mute)}
.swivel_step2{margin-top:1.5rem}
.thimble_stride2{display:flex;flex-wrap:wrap;gap:.6rem}
.marlin_heel{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#fff;border:2px solid var(--mp-line);border-radius:14px;padding:.5rem .95rem;min-width:84px}
.marlin_heel b{font-size:.84rem}
.marlin_heel span{font-size:.74rem;color:var(--mp-mute)}
.marlin_heel.bight_hook2{border-color:var(--shelf);background:var(--shelfsoft)}
.halter_loop9{display:flex;gap:.7rem;background:#fff;border-radius:14px;border-left:6px solid var(--shelf);padding:.9rem 1.1rem;margin-top:1.4rem;box-shadow:0 4px 14px rgba(21,20,18,.06)}
.halter_loop9 .lanyard_hook28{color:var(--shelf)}
.halter_loop9 p{margin:0;font-weight:600}
.strand_stake{padding:3.4rem 0}
.swivel_yard3{display:grid;grid-template-columns:1.2fr .8fr;gap:1.6rem}
.halter_run{background:#fff;border-radius:20px;padding:1.8rem;box-shadow:0 8px 24px rgba(21,20,18,.07)}
.halter_run h2,.hitch_tail h2{font-family:'Big Shoulders Display',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.7rem}
.marlin_yard{background:var(--mp-ink);color:#fff}
.marlin_yard .lanyard_hook28{color:var(--mp-tang)}

/* reading pages */
.hitch_tail{padding:2.2rem 0 4.5rem}
.carabin_peg{max-width:820px}
.halter_post{max-width:1040px}
.carabin_peg h1{font-size:clamp(2.3rem,4.6vw,3.6rem)}
.carabin_peg>p{color:#3b372f;font-size:1.04rem}
.carabin_heel{border-top:3px solid var(--mp-tang);padding-top:1rem;font-weight:700;margin-top:2rem}
.splice_hook2{list-style:none;counter-reset:gs;margin:2rem 0;padding:0}
.splice_hook2 li{counter-increment:gs;position:relative;padding:0 0 1.6rem 4.2rem;border-left:4px solid var(--mp-line);margin-left:1.4rem}
.splice_hook2 li::before{content:counter(gs);position:absolute;left:-1.6rem;top:-.2rem;width:3.1rem;height:3.1rem;border-radius:50%;background:var(--mp-tang);display:flex;align-items:center;justify-content:center;font:900 1.5rem/1 'Big Shoulders Display',sans-serif}
.splice_hook2 li p{color:var(--mp-mute);margin:0}
.splice_hook2 h2{font-size:1.45rem!important}
.thimble_reel{list-style:none;counter-reset:rb;padding:0;margin:2rem 0}
.thimble_reel li{counter-increment:rb;display:grid;grid-template-columns:3.6rem 1fr;column-gap:1rem;padding:1.1rem 0;border-bottom:1.5px dashed var(--mp-line)}
.thimble_reel li::before{content:counter(rb,decimal-leading-zero);grid-row:span 2;font:900 2.2rem/1 'Big Shoulders Display',sans-serif;color:var(--mp-tangdeep)}
.thimble_reel h2{font-size:1.3rem!important;margin:0 0 .2rem}
.thimble_reel p{margin:0;color:var(--mp-mute)}
.sheave_tail{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:2rem 0}
.becket_coil5{background:var(--mp-cream);border-radius:20px;padding:1.8rem}
.sheave_peg8{background:var(--mp-ink);color:#fff}
.sheave_peg8 .lanyard_hook28{color:var(--mp-tang)}
.whipping_run{list-style:none;margin:2rem 0;padding:0 0 0 2.2rem;position:relative}
.whipping_run::before{content:"";position:absolute;left:.55rem;top:.4rem;bottom:.4rem;width:6px;border-radius:6px;background:var(--mp-braid)}
.whipping_run li{position:relative;margin-bottom:1.5rem}
.whipping_run li::before{content:"";position:absolute;left:-2.05rem;top:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#fff;border:4px solid var(--mp-ink)}
.whipping_run b{font:800 1.35rem/1.1 'Big Shoulders Display',sans-serif;text-transform:uppercase}
.whipping_run p{margin:.25rem 0 0;color:var(--mp-mute)}
.sheave_post{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:2rem 0}
.splice_run{background:#fff;border-radius:20px;padding:1.6rem;box-shadow:0 10px 26px rgba(21,20,18,.08);border-top:6px solid var(--mp-tang)}
.splice_run span{font:900 3rem/1 'Big Shoulders Display',sans-serif;color:var(--mp-tang)}
.splice_run h2{font-size:1.35rem!important}
.splice_run p{margin:0;color:var(--mp-mute)}
.braid_tug7{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:2rem 0}
.carabin_post{background:var(--mp-ink);color:#fff;border-radius:22px 22px 8px 8px;padding:1.7rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:8px solid var(--mp-tang)}
.carabin_post h2{font-size:1.4rem!important;margin:0}
.carabin_post p{margin:0;color:#cfc8ba;flex:1}
.carabin_post b{color:var(--mp-tang)}
.carabin_post span{font-size:.8rem;color:#a9a397}
.bight_coil{margin:2rem 0}

@media (max-width:1060px){
  .splice_heel{grid-template-columns:repeat(3,1fr)}
  .halter_coil7{grid-template-columns:repeat(3,1fr)}
  .grommet_peg{grid-template-columns:1fr 1fr 1fr}
  .cleat_step{grid-column:1/-1}
}
@media (max-width:900px){
  .cleat_trail{display:none;position:absolute;top:100%;left:0;right:0;background:var(--mp-ink);flex-direction:column;gap:0;padding:.6rem 24px 1.2rem}
  .cleat_trail a{padding:.8rem 0;border-bottom:1px solid #2e2b26}
  .cleat_trail.lanyard_gate{display:flex}
  .strand_coil{display:block}
  .bight_peg{display:none}
  .fid_path .halter_step{background:rgba(10,10,8,.55)}
  .splice_tug9,.splice_lane,.swivel_knot,.carabin_coil,.grommet_knot,.swivel_yard3,.sheave_tail{grid-template-columns:1fr}
  .splice_heel,.sheave_lane3{grid-template-columns:repeat(2,1fr)}
  .sheave_coil,.ferrule_yard2,.grommet_heel7,.sheave_post,.braid_tug7,.lanyard_yard7{grid-template-columns:1fr}
  .fid_heel9{max-width:460px;margin:0 auto}
  .carabin_lane{columns:1}
  .braid_rail{background:linear-gradient(180deg,rgba(12,11,9,.55),rgba(12,11,9,.82))}
  .toggle_heel{padding-top:6.5rem}
}
@media (max-width:560px){
  .lanyard_rail{padding:0 16px}
  .splice_heel{grid-template-columns:1fr}
  .halter_coil7,.fid_tail{grid-template-columns:1fr 1fr}
  .halter_reel{grid-template-columns:1fr}
  .grommet_peg{grid-template-columns:1fr 1fr}
  .hitch_post3{gap:.6rem}
  .marlin_rail2{width:74px;height:84px}
  .toggle_heel h1{font-size:2.6rem}
  .ferrule_heel9{font-size:.68rem;letter-spacing:.08em;align-items:flex-start}
  .halter_heel img{width:32px;height:32px}
  .marlin_loop img{max-height:210px}
  .strand_rail7 + .splice_heel .hitch_peg:nth-child(n+3){display:none}
  .becket_rail6{margin-top:-3rem}
  .fid_trail span{font-size:1.2rem}
}