/* Arrow J Outfitters — custom high-country theme */
:root{
  --surface:#14110C; --surface-2:#1E1A13; --ink-deep:#0B0906;
  --paper:#F1E8D8; --paper-dim:#BEB29B; --head:#FBF6EC;
  --accent-fill:#C7A35A; --accent-text:#D9BB79; --on-accent:#14110C;
  --line:rgba(199,163,90,.28); --line-soft:rgba(241,232,216,.10);
  --t:260ms cubic-bezier(.2,.7,.2,1);
  --s-card:0 14px 40px -18px rgba(0,0,0,.66), 0 2px 6px rgba(0,0,0,.4);
  --s-hover:0 26px 60px -18px rgba(0,0,0,.8), 0 3px 10px rgba(0,0,0,.5);
  --wrap:1200px;
  --ff-body:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ff-head:"Zilla Slab",Georgia,serif;
  --ff-cond:"Barlow Semi Condensed",var(--ff-body);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0!important;font-family:var(--ff-body)!important;background:var(--surface)!important;color:var(--paper)!important;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--accent-text);text-decoration:none}
h1,h2,h3,h4{font-family:var(--ff-head);color:var(--head);line-height:1.05;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}
h2{font-size:clamp(1.9rem,3.8vw,3rem)}
h3{font-size:clamp(1.2rem,2vw,1.55rem)}
p{margin:0 0 1rem}
.accent{color:var(--accent-text)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,5vw,48px);width:100%}
.narrow{max-width:820px}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:var(--accent-fill);color:var(--on-accent);padding:8px 14px;z-index:2000;border-radius:4px}
.lede{font-size:1.15rem;color:var(--paper-dim);max-width:62ch}

/* eyebrow with arrow motif */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--ff-cond);text-transform:uppercase;
  letter-spacing:.22em;font-size:.8rem;font-weight:700;color:var(--accent-text);margin:0 0 1rem}
.ey-arrow{color:var(--accent-fill);flex:none}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-cond);font-weight:700;white-space:nowrap;
  text-transform:uppercase;letter-spacing:.12em;font-size:.86rem;cursor:pointer;border:0;
  padding:15px 26px;transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t),border-color var(--t);
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);line-height:1}
.btn svg{transition:transform var(--t);flex:none}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{background:var(--accent-fill)!important;color:var(--on-accent)!important;position:relative}
.btn--primary::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--head);opacity:.85}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(199,163,90,.6)}
.btn--ghost{background:transparent;color:var(--paper)!important;border:1px solid var(--line);clip-path:none}
.btn--ghost:hover{border-color:var(--accent-fill);color:var(--accent-text)!important;transform:translateY(-2px)}
button.mb_widget.btn--primary{font-family:var(--ff-cond)!important}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:1.6rem}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;
  transition:background var(--t),box-shadow var(--t),backdrop-filter var(--t)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,6,4,.78),rgba(8,6,4,0));transition:opacity var(--t)}
.site-header.is-scrolled{background:rgba(11,9,6,.92);backdrop-filter:saturate(160%) blur(10px);box-shadow:0 1px 0 var(--line)}
.site-header.is-scrolled::before{opacity:0}
.header-inner{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center}
.brand__logo{height:66px;width:auto;transition:height var(--t)}
.site-header.is-scrolled .brand__logo{height:48px}
.nav{margin-left:auto}
.nav-main{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.nav-main a{position:relative;font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.08em;
  font-size:.8rem;font-weight:600;color:var(--paper);padding:6px 0;white-space:nowrap}
.nav-main a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--accent-fill);
  transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
.nav-main a:hover::after,.nav-main a.is-active::after{transform:scaleX(1)}
.nav-main a.is-active{color:var(--accent-text)}
.header-cta{display:flex;align-items:center;gap:16px}
.header-phone{font-family:var(--ff-cond);font-weight:700;letter-spacing:.06em;color:var(--paper);white-space:nowrap}
.header-phone:hover{color:var(--accent-text)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav-toggle span{width:26px;height:2px;background:var(--paper);transition:var(--t)}

/* hero */
.hero{position:relative}
.hero__inner{max-width:640px}
.hero h1{margin:.1em 0 .35em!important;font-size:clamp(2.5rem,6.4vw,4.6rem)!important}
.hero__sub{font-size:1.18rem;color:var(--paper-dim);max-width:52ch}
.hero--split{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;align-items:stretch}
.hero--split .hero__text{display:flex;align-items:center;padding:120px clamp(24px,5vw,72px) 80px;
  background:linear-gradient(180deg,var(--ink-deep),var(--surface))}
.hero--split .hero__media{position:relative;overflow:hidden}
.hero--split .hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero--split .hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--surface) 0%,rgba(20,17,12,0) 22%)}
.hero--block{display:flex;align-items:center;min-height:clamp(440px,58vh,600px);
  background:radial-gradient(120% 120% at 82% 12%,rgba(199,163,90,.14),rgba(199,163,90,0) 55%),
    linear-gradient(158deg,var(--ink-deep),#1a160f 60%,var(--surface));position:relative;overflow:hidden}
.hero--block::before{content:"";position:absolute;inset:0;background-color:var(--accent-fill);
  -webkit-mask-image:url("/images/overlays/terrain-ridge.svg");mask-image:url("/images/overlays/terrain-ridge.svg");
  -webkit-mask-size:900px auto;mask-size:900px auto;-webkit-mask-repeat:repeat;mask-repeat:repeat;opacity:.08}
.hero--block .hero__inner{padding-top:150px;padding-bottom:70px;position:relative}

/* sections */
.section{padding:clamp(64px,9vw,120px) 0;position:relative}
.section--alt{background:var(--surface-2)!important}
.section--dark{background:var(--ink-deep)!important}
.sec-head{max-width:720px;margin-bottom:3rem}
.sec-head h2{margin-bottom:.4rem}

/* topo overlay on solid bands */
.section--alt::before,.cta-banner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-color:var(--paper);-webkit-mask-image:url("/images/overlays/terrain-ridge.svg");
  mask-image:url("/images/overlays/terrain-ridge.svg");-webkit-mask-size:900px auto;mask-size:900px auto;
  -webkit-mask-repeat:repeat;mask-repeat:repeat;opacity:.045}
.section>.wrap{position:relative;z-index:1}

/* spec band */
.spec-band{padding:clamp(40px,5vw,64px) 0}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.spec{padding:8px 6px;border-left:1px solid var(--line)}
.spec:first-child{border-left:0}
.spec__n{display:block;font-family:var(--ff-head);font-size:clamp(1.6rem,2.6vw,2.3rem);color:var(--accent-text);font-weight:700;line-height:1}
.spec__l{display:block;font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--paper-dim);margin-top:.5rem}

/* offer block */
.offer{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,56px);align-items:center;
  background:var(--surface-2);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:var(--s-card)}
.offer--wide{grid-template-columns:1.1fr 1fr}
.offer__media{position:relative;min-height:420px}
.offer__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.offer__body{padding:clamp(28px,3.6vw,52px)}
.offer__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-cond);text-transform:uppercase;
  letter-spacing:.16em;font-size:.74rem;color:var(--accent-text);margin:0 0 .6rem}
.offer__eyebrow svg{color:var(--accent-fill)}
.offer__price{font-family:var(--ff-head);font-size:clamp(2.2rem,4vw,3rem);color:var(--head);font-weight:700;margin:.3rem 0 1rem;line-height:1}
.offer__price .cur{color:var(--accent-text);font-size:.6em;vertical-align:super;margin-right:2px}
.offer__price .per{font-family:var(--ff-body);font-size:1rem;color:var(--paper-dim);font-weight:500}
.offer__list{list-style:none;margin:0 0 1.4rem;padding:0}
.offer__list li{padding:10px 0 10px 26px;position:relative;border-bottom:1px solid var(--line-soft);color:var(--paper)}
.offer__list li::before{content:"";position:absolute;left:0;top:17px;width:11px;height:11px;
  background:var(--accent-fill);clip-path:polygon(0 0,100% 50%,0 100%)}
.offer__note{font-size:.9rem;color:var(--paper-dim);margin-top:1rem}

/* split feature */
.split-feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.split-feature__media img{border-radius:4px;border:1px solid var(--line);box-shadow:var(--s-card);width:100%;
  max-height:640px;object-fit:cover}
.split-feature__body h2{margin-bottom:.6rem}

/* duo */
.how-band .duo{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:2rem}
.duo figure{margin:0}
.duo img{border-radius:4px;border:1px solid var(--line);width:100%;aspect-ratio:4/5;object-fit:cover}
.duo figcaption{color:var(--paper-dim);font-size:.94rem;margin-top:.9rem;max-width:42ch}

/* signature band */
.sig-band{overflow:hidden;text-align:center}
.sig-word{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:var(--ff-head);font-weight:700;
  font-size:clamp(6rem,22vw,20rem);letter-spacing:-.02em;color:transparent;
  -webkit-text-stroke:1.5px rgba(199,163,90,.16);white-space:nowrap;pointer-events:none;line-height:1}
.sig-inner{max-width:840px;margin:0 auto;position:relative}
.sig-inner .eyebrow{justify-content:center}
.sig-quote{font-family:var(--ff-head);font-size:clamp(1.5rem,3.2vw,2.5rem);color:var(--head);line-height:1.25;font-weight:600}

/* included / rows */
.incl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px)}
.incl-grid.three{grid-template-columns:repeat(3,1fr)}
.incl h3{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--ff-cond)}
.incl h3 svg{color:var(--accent-fill)}
.ticks{list-style:none;margin:0;padding:0}
.ticks li{padding:11px 0 11px 30px;position:relative;border-bottom:1px solid var(--line-soft)}
.ticks li::before{content:"";position:absolute;left:2px;top:16px;width:12px;height:12px;
  background:var(--accent-fill);clip-path:polygon(0 0,100% 50%,0 100%)}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.rows li span{color:var(--paper-dim);font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.rows li b{color:var(--head);text-align:right}
.fineprint{font-size:.88rem;color:var(--paper-dim);margin-top:1.2rem}

/* values triad */
.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.val{border-top:2px solid var(--accent-fill);padding-top:20px}
.val__n{font-family:var(--ff-head);color:var(--accent-text);font-size:1.4rem;font-weight:700}
.val h3{margin:.4rem 0 .5rem}
.val p{color:var(--paper-dim);margin:0}

/* crew */
.crew{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px)}
.guide-card{margin:0;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--s-card)}
.guide-card__ph{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 20%,rgba(199,163,90,.2),rgba(199,163,90,0) 60%),var(--ink-deep)}
.guide-card__ph span{font-family:var(--ff-head);font-size:3rem;color:var(--accent-text);font-weight:700;
  border:2px solid var(--line);width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.guide-card__ph--paw{color:var(--accent-text)}
.guide-card__ph--paw svg{opacity:.9}
.guide-card--photo img{aspect-ratio:16/10;object-fit:cover;width:100%}
.guide-card figcaption{padding:24px 26px}
.guide-card .role{font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--accent-text);margin:.1rem 0 .7rem}
.guide-card figcaption p{color:var(--paper-dim);margin:0}
.section--alt .guide-card h3{color:var(--head)}

/* faq */
.faq-list{border-top:1px solid var(--line)}
.faq{border-bottom:1px solid var(--line)}
.faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;
  cursor:pointer;padding:20px 4px;text-align:left;font-family:var(--ff-head);font-size:1.12rem;color:var(--head);font-weight:600}
.faq__ic{position:relative;width:16px;height:16px;flex:none}
.faq__ic::before,.faq__ic::after{content:"";position:absolute;background:var(--accent-fill);transition:transform var(--t)}
.faq__ic::before{left:0;top:7px;width:16px;height:2px}
.faq__ic::after{left:7px;top:0;width:2px;height:16px}
.faq.is-open .faq__ic::after{transform:scaleY(0)}
.faq__a{max-height:0;overflow:hidden;transition:max-height var(--t)}
.faq__a p{padding:0 4px 20px;color:var(--paper-dim);margin:0}

/* gallery */
.gfilters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}
.gfilter{background:transparent;border:1px solid var(--line);color:var(--paper);font-family:var(--ff-cond);
  text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:600;padding:9px 18px;cursor:pointer;
  border-radius:2px;transition:var(--t)}
.gfilter:hover{border-color:var(--accent-fill);color:var(--accent-text)}
.gfilter.is-active{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}
.gallery-grid{columns:3;column-gap:16px}
.gitem{display:block;margin:0 0 16px;position:relative;overflow:hidden;border-radius:3px;border:1px solid var(--line);
  break-inside:avoid;cursor:zoom-in}
.gitem img{width:100%;transition:transform 700ms ease}
.gitem::after{content:"";position:absolute;inset:0;background:rgba(11,9,6,.28);opacity:0;transition:opacity var(--t)}
.gitem:hover img{transform:scale(1.05)}
.gitem:hover::after{opacity:1}
.gitem.is-hidden{display:none}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:1500;background:rgba(7,6,4,.94);display:none;align-items:center;justify-content:center}
.lightbox.is-open{display:flex}
.lb__img{max-width:90vw;max-height:86vh;width:auto;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.7)}
.lb__close{position:absolute;top:20px;right:26px;background:none;border:0;color:var(--paper);font-size:2.4rem;cursor:pointer;line-height:1}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(199,163,90,.14);border:1px solid var(--line);
  color:var(--paper);font-size:2rem;width:56px;height:56px;cursor:pointer;transition:var(--t)}
.lb__nav:hover{background:var(--accent-fill);color:var(--on-accent)}
.lb__prev{left:18px}.lb__next{right:18px}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,4vw,56px);align-items:start}
.contact-cards{display:flex;flex-direction:column;gap:14px}
.ccard{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:1px solid var(--line);
  padding:20px 22px;border-radius:3px;transition:var(--t)}
a.ccard:hover{border-color:var(--accent-fill);transform:translateX(4px)}
.ccard__k{font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent-text)}
.ccard__v{font-family:var(--ff-head);font-size:1.15rem;color:var(--head);display:flex;align-items:center;gap:8px}
.ccard__v small{font-family:var(--ff-body);font-size:.82rem;color:var(--paper-dim);font-weight:400}
.ccard--book{align-items:flex-start;justify-content:center}
.contact-form-shell{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.mb-form{min-height:520px}
form label{display:block;font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;
  color:var(--paper-dim);margin-bottom:16px}
form .f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
form input,form select,form textarea{width:100%;margin-top:7px;background:var(--ink-deep);border:1px solid var(--line);
  color:var(--paper);padding:12px 14px;font-family:var(--ff-body);font-size:.98rem;border-radius:2px;text-transform:none;letter-spacing:normal}
form input:focus,form select,form textarea:focus{outline:none;border-color:var(--accent-fill)}
.hp{position:absolute;left:-9999px}

/* footer */
.site-footer{background:var(--ink-deep);border-top:1px solid var(--line);padding:64px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:clamp(28px,4vw,56px)}
.footer-brand .brand__logo{height:104px;margin-bottom:16px}
.footer-brand p{color:var(--paper-dim);max-width:38ch}
.foot-social{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);
  color:var(--paper);border-radius:50%;margin-top:8px;transition:var(--t)}
.foot-social:hover{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}
.footer-nav h4,.footer-contact h4{font-family:var(--ff-cond);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--accent-text);margin-bottom:1rem}
.footer-nav ul{list-style:none;margin:0;padding:0}
.footer-nav li{margin-bottom:.6rem}
.footer-nav a{color:var(--paper)}
.footer-nav a:hover{color:var(--accent-text)}
.footer-contact p{margin:0 0 .5rem}
.footer-contact a{color:var(--paper)}
.footer-contact .btn{margin-top:1rem}
.footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;
  border-top:1px solid var(--line-soft);color:var(--paper-dim);font-size:.82rem}
.footer-base p{margin:0}

/* motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity 700ms ease,transform 700ms ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto}}

/* hide injected widget artifacts */
.mb_widget script,.mb_widget style,body>script,body>style{display:none!important}

/* responsive */
@media (max-width:1150px){ .header-phone{display:none} .nav-main{gap:18px} }
@media (max-width:960px){
  .hero--split{grid-template-columns:1fr;min-height:auto}
  .hero--split .hero__media{height:56vh;min-height:340px}
  .hero--split .hero__media::after{background:linear-gradient(0deg,var(--surface) 0%,rgba(20,17,12,0) 30%)}
  .hero--split .hero__text{padding:130px 24px 60px}
  .offer,.offer--wide,.split-feature__grid,.contact-grid{grid-template-columns:1fr}
  .offer__media{min-height:300px}
  .incl-grid,.incl-grid.three,.triad,.crew,.how-band .duo{grid-template-columns:1fr}
  .gallery-grid{columns:2}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .header-phone{display:none}
  .nav{position:fixed;inset:0 0 0 auto;width:min(320px,82vw);background:var(--ink-deep);transform:translateX(100%);
    transition:transform var(--t);padding:100px 30px 40px;margin:0;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
  .nav.is-open{transform:none}
  .nav-main{flex-direction:column;gap:20px}
  .nav-toggle{display:flex;margin-left:auto;z-index:950}
  .header-cta .btn{display:none}
  .header-inner{gap:14px}
}
@media (max-width:560px){
  .spec-grid{grid-template-columns:1fr 1fr;gap:20px 12px}
  .spec:nth-child(3){border-left:0}
  .footer-grid,.footer-base{grid-template-columns:1fr}
  .gallery-grid{columns:1}
  form .f2{grid-template-columns:1fr}
}

/* RECURRING-FIX HARDENING — MB widget defenses */
.hero h1{font-size:clamp(2.5rem,6.4vw,4.6rem)!important}
.section--alt{background:var(--surface-2)!important}
.section--dark{background:var(--ink-deep)!important}
.btn.btn--primary{background:var(--accent-fill)!important;color:var(--on-accent)!important}
.section--alt .hunt-card h3,.section--alt .guide-card h3{color:var(--head)}