@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

:root{
  --black:#171717;
  --white:#ffffff;
  --forest:#214A38;
  --tan:#C9A97A;
  --copper:#B66A2C;
  --slate:#5F666D;
  --stone:#D7D3CC;
  --sky:#6E9FC9;
  --gold:#D4A437;
  --river:#2C5D74;
  --burgundy:#6B2E2E;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Inter", Arial, sans-serif;
  --content:78rem;
  --radius:1.5rem;
  --shadow:0 1.4rem 4rem rgba(23,23,23,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:var(--sans);font-size:1rem;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 8% 12%,rgba(201,169,122,.16),transparent 22rem),radial-gradient(circle at 92% 28%,rgba(33,74,56,.09),transparent 24rem)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
main{min-height:60vh}
[data-include]{display:contents}
.site-header{display:none}
.mobile-menu-button{position:fixed;right:1rem;bottom:1rem;z-index:1100;width:4rem;height:4rem;border:0;border-radius:50%;background:var(--black);box-shadow:var(--shadow);display:grid;align-content:center;justify-content:center;gap:.34rem}
.mobile-menu-button span{display:block;width:1.45rem;height:.13rem;background:var(--white);transition:.25s}
.mobile-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(.47rem) rotate(45deg)}
.mobile-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-.47rem) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:1000;background:var(--black);color:var(--white)}
.mobile-menu[hidden]{display:none}
.mobile-menu-inner{min-height:100dvh;padding:1.4rem 1.25rem 6rem;display:flex;flex-direction:column}
.mobile-home{display:flex;align-items:center;gap:.75rem;font-family:var(--serif);font-size:2.75rem;font-weight:600}
.mobile-home img{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:50%;}
.mobile-menu nav{display:grid;gap:.8rem;margin:auto 0}
.mobile-menu nav a{font-family:var(--serif);font-size:clamp(2.7rem,13vw,5rem);line-height:.92;padding:.22em .08em;border-bottom:1px solid rgba(255,255,255,.14)}
.mobile-social{display:flex;justify-content:space-between;padding-top:1.25rem}
.mobile-social a{width:3.1rem;height:3.1rem;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;font-size:1.2rem}
.hero {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  padding: 2rem 1.15rem 6.5rem;
  display: grid;
  gap: 1.6rem;
  align-content: center;
  background-color: #fff;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.98) 32%,
      rgba(255,255,255,.72) 55%,
      rgba(255,255,255,.12) 100%
    ),
    url("../img/hero-mountain-background.jpeg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}
.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 12rem;
  z-index: -1;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255,255,255,.92)
  );
}
.hero-visual {
  position: relative;
  isolation: isolate;
}
.hero-visual::before {
  content: none;
}
.hero-visual img {
  border-radius: 50%;
  mix-blend-mode: multiply;
}
.kicker,.eyebrow{margin:0 0 .9rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--copper)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.94;margin:.18em 0}
h1{font-size:clamp(3.6rem,16vw,8rem);letter-spacing:-.045em}
h2{font-size:clamp(2.65rem,10vw,5.4rem);letter-spacing:-.035em}
h3{font-size:clamp(1.8rem,7vw,2.6rem)}
h1 em{font-weight:400;color:var(--forest)}
.hero-lede,.page-hero>p:last-child{font-size:1.08rem;max-width:42rem;color:#414141}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.15rem;border-radius:999rem;border:1px solid var(--black);font-weight:700;transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translateY(-.15rem)}
.button-dark{background:var(--black);color:var(--white)}
.button-dark:hover{background:var(--forest)}
.button-light{background:var(--white)}
.button-light:hover{background:var(--tan)}
.button-copper{background:var(--copper);color:var(--white);border-color:var(--copper)}
.section-pad{padding:5.5rem 1.15rem}
.statement{max-width:64rem;margin:auto;text-align:center}
.statement-copy{font-family:var(--serif);font-size:clamp(1.65rem,6vw,3rem);line-height:1.14;color:#3d3d3d}
.capability-marquee{overflow:hidden;background:var(--black);color:white;padding:1rem 0}
.capability-marquee>div{display:flex;gap:2rem;width:max-content;animation:drift 30s linear infinite}
.capability-marquee span{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;white-space:nowrap}
.capability-marquee span::after{content:"✦";color:var(--copper);margin-left:2rem}
@keyframes drift{to{transform:translateX(-25%)}}
.split-feature{display:grid;gap:2rem;max-width:var(--content);margin:auto}
.feature-image img{border-radius:var(--radius);box-shadow:var(--shadow)}
.feature-copy{align-self:center}
.feature-copy p:not(.eyebrow){font-size:1.08rem;color:#494949}
.text-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border-bottom:1px solid var(--black);padding-bottom:.25rem}
.process{max-width:var(--content);margin:auto}
.process-list{list-style:none;padding:0;margin:3rem 0 0}
.process-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--stone)}
.process-list>li>span{color:var(--copper);font-weight:700}
.process-list h3{margin:0}
.process-list p{margin:.4rem 0;color:#4c4c4c}
.worldwide{background:var(--black);color:white;display:grid;gap:2rem}
.worldwide img{border-radius:var(--radius);width:100%}
.worldwide p:not(.eyebrow){color:#ccc}
.final-cta{text-align:center;background:var(--forest);color:white}
.final-cta .eyebrow{color:var(--tan)}
.page-hero{padding:5rem 1.15rem 3rem;max-width:var(--content);margin:auto}
.page-hero h1{max-width:62rem}
.origin-grid,.fox-philosophy{display:grid;gap:2rem;max-width:var(--content);margin:auto;align-items:center}
.origin-image img,.fox-philosophy img{border-radius:var(--radius);box-shadow:var(--shadow)}
.evolution{max-width:var(--content);margin:auto}
.evolution-grid{display:grid;gap:1rem;margin-top:2rem}
.evolution-grid article{padding:1.5rem;border:1px solid var(--stone);border-radius:var(--radius);background:white}
.evolution-grid span,.service>span{color:var(--copper);font-size:.75rem;font-weight:700}
.fox-philosophy{background:var(--black);color:white;max-width:none;padding-left:max(1.15rem,calc((100vw - var(--content))/2));padding-right:max(1.15rem,calc((100vw - var(--content))/2))}
.fox-philosophy img{background:black}
.fox-philosophy p:not(.eyebrow){color:#ccc}
.services{max-width:var(--content);margin:auto;display:grid;gap:1rem}
.service{padding:1.65rem;border-radius:var(--radius);border:1px solid var(--stone);background:white;position:relative;overflow:hidden}
.service::after{content:"";position:absolute;width:12rem;height:12rem;border-radius:50%;background:var(--tan);opacity:.15;right:-5rem;bottom:-6rem}
.service>i{display:block;color:var(--forest);font-size:1.55rem;margin-bottom:2.4rem}
.service p{color:#4e4e4e}
.scope-note{background:var(--tan);display:grid;gap:2rem}
.portfolio-grid{max-width:var(--content);margin:auto;display:grid;gap:1rem}
.portfolio-card{border:0;background:none;padding:0;text-align:left;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 1px var(--stone);transition:transform .25s,box-shadow .25s}
.portfolio-card:hover{transform:translateY(-.35rem);box-shadow:var(--shadow)}
.portfolio-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f5f3ef}
.portfolio-card span{padding:1rem;display:flex;align-items:center;justify-content:space-between;background:white}
.portfolio-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.86);padding:1rem;overflow:auto}
.portfolio-modal[hidden]{display:none}
.modal-panel{position:relative;max-width:68rem;margin:auto;background:white;border-radius:var(--radius);overflow:hidden}
.modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:var(--black);color:white;font-size:1.4rem}
.modal-image{width:100%;max-height:72vh;object-fit:contain;background:#eee}
.modal-copy{padding:1.3rem}
.modal-copy p{color:#4b4b4b}
.contact-layout{max-width:var(--content);margin:auto;display:grid;gap:2rem}
.location-panel{overflow:hidden;border-radius:var(--radius);background:var(--black);color:white;box-shadow:var(--shadow)}
.location-panel iframe{width:100%;height:25rem;border:0;filter:grayscale(1) contrast(1.05)}
.location-copy{padding:1.5rem}
.location-copy p:not(.eyebrow){color:#ccc}
.contact-details{padding:1.5rem;border-radius:var(--radius);background:#f1eee9}
.contact-details dl{margin:0}
.contact-details dl div{padding:1.15rem 0;border-top:1px solid #ccc5bb}
.contact-details dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--slate)}
.contact-details dd{margin:.35rem 0 0}
.scheduler{max-width:var(--content);margin:auto;display:grid;gap:2rem;align-items:center}
.scheduler-placeholder{padding:2rem;border-radius:var(--radius);background:var(--forest);color:white;text-align:center}
.scheduler-placeholder>i{font-size:2.7rem;color:var(--tan)}
.site-footer {
  position: relative;
  overflow: hidden;
}

.footer-trees {
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(32rem, 45vw, 60rem);
  height: auto;
  opacity: 0.20;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.footer-grid,
.copyright {
  position: relative;
  z-index: 1;
}


.site-footer{background:var(--black);color:white;padding:4.5rem 1.15rem 6.5rem}
.footer-grid{max-width:var(--content);margin:auto;display:grid;gap:2.5rem}
.footer-logo{width:min(18rem,80vw);}
.site-footer p{color:#c8c8c8;max-width:31rem}
.footer-label{color:var(--tan)!important;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700}
.footer-grid>div:nth-child(2){display:grid;gap:.45rem;align-content:start}
.footer-social{display:flex;gap:.65rem}
.footer-social a{width:2.7rem;height:2.7rem;border:1px solid #555;border-radius:50%;display:grid;place-items:center}
.copyright{max-width:var(--content)!important;margin:3rem auto 0!important;padding-top:1rem;font-size:.8rem}
.reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}

.scout-page {
  overflow-x: hidden;
  background: #fff;
  color: #171717;
}

.scout-page img {
  display: block;
  max-width: 100%;
}

.scout-page .section-shell {
  width: min(100% - 2rem, 78rem);
  margin-inline: auto;
}

.scout-page .eyebrow {
  margin: 0;
  color: #b66a2c;
  font-family: "Inter", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.scout-page .prose {
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.8;
}

.scout-page .prose p {
  margin: 0 0 1.5rem;
}

.scout-hero {
  min-height: 100svh;
  display: grid;
  align-items: end;
  position: relative;
  background: #171717;
  color: #fff;
}

.scout-hero__image {
  position: absolute;
  inset: 0;
  margin: 0;
}

.scout-hero__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(10, 12, 10, 0.93) 0%, rgba(10, 12, 10, 0.35) 54%, rgba(10, 12, 10, 0.1) 100%),
    linear-gradient(to right, rgba(10, 12, 10, 0.5), transparent 68%);
}

.scout-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}

.scout-hero__copy {
  z-index: 1;
  width: min(100%, 55rem);
  padding: clamp(8rem, 16vw, 13rem) 1rem clamp(3rem, 7vw, 6rem);
}

.scout-hero__copy h1 {
  max-width: 8ch;
  margin: 0.3rem 0 1.25rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(4.5rem, 15vw, 10rem);
  font-weight: 500;
  line-height: 0.82;
  letter-spacing: -0.055em;
}

.scout-hero__intro {
  max-width: 38rem;
  margin: 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  line-height: 1.65;
}

.scout-story {
  display: grid;
  gap: 2rem;
  padding-block: clamp(5rem, 11vw, 10rem);
}

.scout-story h2,
.scout-meaning h2,
.scout-name h2,
.scout-logo-story h2 {
  max-width: 12ch;
  margin: 0.6rem 0 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.8rem, 7vw, 5.8rem);
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.scout-image-break {
  padding-bottom: clamp(5rem, 11vw, 10rem);
}

.scout-image-break figure {
  margin: 0;
}

.scout-image-break img {
  width: 100%;
  max-height: 82svh;
  object-fit: cover;
  object-position: center;
}

.scout-image-break figcaption {
  margin-top: 0.85rem;
  font-family: "Inter", Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  opacity: 0.62;
}

.scout-meaning {
  padding-bottom: clamp(6rem, 12vw, 11rem);
}

.scout-meaning__heading {
  margin-bottom: clamp(3rem, 7vw, 6rem);
}

.scout-meaning__grid {
  display: grid;
  border-top: 1px solid currentColor;
}

.scout-meaning__grid article {
  padding: 2rem 0;
  border-bottom: 1px solid currentColor;
}

.scout-number {
  display: block;
  margin-bottom: 2.25rem;
  color: #b66a2c;
  font-family: "Inter", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.scout-meaning h3 {
  margin: 0 0 0.8rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
}

.scout-meaning article p {
  max-width: 30rem;
  margin: 0;
  font-family: "Inter", Arial, sans-serif;
  line-height: 1.7;
}

.scout-name {
  padding-block: clamp(5rem, 11vw, 10rem);
  background: #214a38;
  color: #fff;
}

.scout-name__grid {
  display: grid;
  gap: 2.5rem;
}

.scout-name .eyebrow {
  color: #c9a97a;
}

.scout-logo-story {
  padding-block: clamp(5rem, 11vw, 10rem);
  background: #171717;
  color: #fff;
}

.scout-logo-story__intro {
  display: grid;
  gap: 2rem;
  margin-bottom: clamp(4rem, 9vw, 8rem);
}

.scout-logo-evolution {
  display: grid;
  gap: 1.5rem;
}

.scout-logo-card {
  margin: 0;
}

.scout-logo-card__image {
  display: grid;
  place-items: center;
  min-height: 26rem;
  padding: clamp(2rem, 6vw, 5rem);
}

.scout-logo-card--paper .scout-logo-card__image {
  background: #d7d3cc;
}

.scout-logo-card--final .scout-logo-card__image {
  background: #b66a2c;
}

.scout-logo-card__image img {
  width: min(100%, 25rem);
  max-height: 24rem;
  object-fit: contain;
}

.scout-logo-card figcaption {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0.25rem 1rem;
  padding-top: 1.25rem;
  font-family: "Inter", Arial, sans-serif;
}

.scout-logo-card figcaption span {
  grid-row: 1 / 3;
  color: #c9a97a;
  font-size: 0.72rem;
  font-weight: 600;
}

.scout-logo-card figcaption strong {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.65rem;
  font-weight: 500;
}

.scout-logo-card figcaption p {
  margin: 0;
  line-height: 1.6;
  opacity: 0.75;
}

.scout-closing {
  padding-block: clamp(6rem, 13vw, 12rem);
}

.scout-closing blockquote {
  max-width: 17ch;
  margin: 1.2rem 0 clamp(3rem, 7vw, 6rem);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3rem, 8vw, 7rem);
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.scout-closing__copy {
  max-width: 46rem;
  margin-left: auto;
}

.scout-page .text-link {
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
  margin-top: 2rem;
  padding-bottom: 0.3rem;
  color: inherit;
  border-bottom: 1px solid #b66a2c;
  font-family: "Inter", Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.scout-page .text-link:hover,
.scout-page .text-link:focus-visible {
  color: #b66a2c;
}

.careers-hero {padding-bottom: 4.5rem;}
.career-search {max-width: var(--content); margin: auto;}
.career-search-heading {display: grid;gap: 1.25rem;margin-bottom: 2rem;}
.career-search-heading h2 {max-width: 52rem;}
.career-search-note {max-width: 38rem;color: #525252;}
.career-filters {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--stone);
  border-radius: var(--radius);
  background: #f5f2ed;
}
.career-filters label {
  display: grid;
  gap: .4rem;
}
.career-filters label > span {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--slate);
}
.career-filters select {
  width: 100%;
  min-height: 3.25rem;
  padding: .7rem 2.4rem .7rem .85rem;
  border: 1px solid #bbb4aa;
  border-radius: .75rem;
  background: var(--white);
  color: var(--black);
}
.career-filter-reset {
  min-height: 3.25rem;
  padding: .7rem 1rem;
  border: 1px solid var(--black);
  border-radius: .75rem;
  background: transparent;
  font-weight: 700;
}
.career-filter-reset:hover,
.career-filter-reset:focus-visible {
  background: var(--black);
  color: var(--white);
}
.career-result-count {
  margin: 0 0 1rem;
  color: var(--slate);
  font-size: .9rem;
}
.career-list {display: grid;gap: 1.25rem;}
.career-card {
  padding: 1.4rem;
  border: 1px solid var(--stone);
  border-radius: var(--radius);
  background: var(--white);
  box-shadow: 0 .8rem 2.5rem rgba(23, 23, 23, .07);
}
.career-card[hidden] {display: none;}
.career-card-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--stone);
}
.career-title {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--black);
  font-family: var(--serif);
  font-size: clamp(2.5rem, 9vw, 4.5rem);
  font-weight: 500;
  line-height: 1;
}
.career-title:hover,.career-title:focus-visible {color: var(--copper);}
.career-title i {font-size: .9rem;}
.career-status {
  display: inline-flex;
  padding: .45rem .75rem;
  border-radius: 999rem;
  background: rgba(33, 74, 56, .12);
  color: var(--forest);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.career-meta,.career-modal-meta {display: grid;margin: 0;}
.career-meta div,.career-modal-meta div {padding: 1rem 0;border-bottom: 1px solid var(--stone);}
.career-meta dt,
.career-modal-meta dt {
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .13em;
  color: var(--slate);
}
.career-meta dd,.career-modal-meta dd {margin: .25rem 0 0font-weight: 600;}
.career-summary {max-width: 60rem;margin: 1.4rem 0;color: #464646;}
.career-empty {
  text-align: center;
  padding: 4rem 1.25rem;
  border: 1px dashed #aaa;
  border-radius: var(--radius);
}
.career-empty i {font-size: 2.4rem;color: var(--copper);}
.career-future {display: grid;gap: 1.5rem;background: var(--tan);}
.career-future p:last-child {max-width: 45rem;}
.career-modal {
  position: fixed;
  inset: 0;
  z-index: 2100;
  padding: 1rem;
  overflow: auto;
  background: rgba(0, 0, 0, .86);
}
.career-modal[hidden] {display: none;}
.career-modal-panel {
  position: relative;
  max-width: 64rem;
  margin: auto;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--white);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, .35);
}
.career-modal-close {
  position: sticky;
  top: .75rem;
  float: right;
  z-index: 2;
  width: 3.2rem;
  height: 3.2rem;
  margin: .75rem .75rem 0 0;
  border: 0;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-size: 1.35rem;
}
.career-modal-header {
  clear: both;
  padding: 1rem 1.25rem 1.5rem;
  background: var(--black);
  color: var(--white);
}
.career-modal-header h2 {max-width: 48rem;}
.career-modal-intro {max-width: 42rem;color: #ccc;}
.career-modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  padding: 1.25rem;
  background: #f0ece6;
}
.career-modal-actions .button {flex: 1 1 12rem;}
.career-modal-meta {padding: 0 1.25rem;background: #faf8f5;}
.career-modal-description {padding: 1.5rem 1.25rem 2rem;}
.career-detail-copy {max-width: 50rem;}
.career-detail-copy h3 {margin-top: 1.5em;}
.career-detail-copy p,.career-detail-copy li {color: #424242;}
.career-detail-copy ul {padding-left: 1.25rem;}
.career-modal-actions-bottom {border-top: 1px solid var(--stone);}
body.career-modal-open {overflow: hidden;}

.contact-booking-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 1.5rem 0;
}

.contact-booking-buttons .booking-btn {
  width: 100%;
  min-height: 4rem;
  padding: 1rem 1.5rem;
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
}

.contact-booking-buttons .booking-btn:hover {
  background: #000;
  color: var(--white);
}

.contact-booking-buttons .booking-btn i {
  font-size: 1.1rem;
}

.error-page{min-height:calc(100svh - 6rem);display:grid;gap:2rem;align-items:center;max-width:var(--content);margin:auto}
.error-art img{width:min(100%,34rem);margin:auto;filter:drop-shadow(0 1.5rem 2rem rgba(23,23,23,.12))}
.error-copy{max-width:42rem}
.error-copy p:not(.kicker){color:#494949;font-size:1.08rem}
.legal-hero{padding-bottom:2.5rem}
.legal-updated{margin-top:1.3rem;color:var(--slate)!important;font-size:.85rem!important;font-weight:600}
.legal-document{display:grid;gap:2rem;max-width:var(--content);margin:auto;padding-top:1rem}
.legal-toc{display:grid;gap:.35rem;align-content:start;padding:1.25rem;border:1px solid var(--stone);border-radius:var(--radius);background:#f5f2ed}
.legal-toc a{padding:.55rem .65rem;border-radius:.55rem;font-weight:600}
.legal-toc a:hover,.legal-toc a:focus-visible{background:var(--white);color:var(--copper)}
.legal-copy{max-width:52rem}
.legal-copy section{scroll-margin-top:7.5rem;padding:0 0 2.5rem;margin:0 0 2.5rem;border-bottom:1px solid var(--stone)}
.legal-copy section:last-child{margin-bottom:0;border-bottom:0}
.legal-copy h2{font-size:clamp(2.2rem,8vw,4rem)}
.legal-copy p,.legal-copy li{color:#444}
.legal-copy a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--tan);text-underline-offset:.2em}
.legal-copy ul{padding-left:1.2rem}
.legal-contact-card{display:grid;gap:1rem;margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius);background:#f2eee8}
.privacy-switchboard{max-width:var(--content);margin:auto;padding-top:1rem}
.privacy-warning{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.25rem;margin-bottom:2rem;border:1px solid rgba(182,106,44,.45);border-radius:var(--radius);background:rgba(201,169,122,.18)}
.privacy-warning>i{margin-top:.35rem;color:var(--copper);font-size:1.45rem}
.privacy-warning h2{margin-top:0;font-size:clamp(2rem,7vw,3.4rem)}
.privacy-warning p{margin-bottom:0;color:#4a4038}
.privacy-controls{overflow:hidden;border:1px solid var(--stone);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}
.privacy-control-heading{display:grid;gap:.75rem;padding:1.4rem;background:var(--black);color:var(--white)}
.privacy-control-heading h2{margin-bottom:0}
.privacy-saved-status{margin:0;color:var(--tan);font-weight:700}
.privacy-option{display:grid;gap:1rem;margin:0;padding:1.3rem;border:0;border-bottom:1px solid var(--stone)}
.privacy-option legend{padding:0;font-family:var(--serif);font-size:2rem;font-weight:600;line-height:1}
.privacy-option p{margin:.55rem 0 0;color:#4a4a4a}
.privacy-option-required{background:#f7f5f1}
.privacy-toggle{display:inline-grid;grid-template-columns:3.25rem auto;gap:.75rem;align-items:center;width:fit-content;cursor:pointer}
.privacy-toggle input{position:absolute;opacity:0;pointer-events:none}
.privacy-toggle span{position:relative;width:3.25rem;height:1.85rem;border-radius:999rem;background:#a6a6a6;transition:background .2s}
.privacy-toggle span::after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--white);box-shadow:0 .15rem .45rem rgba(0,0,0,.25);transition:transform .2s}
.privacy-toggle input:checked+span{background:var(--forest)}
.privacy-toggle input:checked+span::after{transform:translateX(1.4rem)}
.privacy-toggle input:focus-visible+span{outline:.2rem solid var(--copper);outline-offset:.2rem}
.privacy-toggle input:disabled+span{background:var(--copper)}
.privacy-actions{display:grid;gap:.75rem;padding:1.3rem;background:#f3efe9}
.privacy-details{max-width:52rem;padding-top:3rem}
.privacy-details p{color:#484848}
.privacy-details code{padding:.08em .35em;border-radius:.35rem;background:#ece8e2;font-size:.88em}

@media (min-width:48rem){
  .section-pad{padding:7rem 2rem}
  .hero{grid-template-columns:.85fr 1.15fr;padding:4rem 2rem 7rem}
  .hero-visual{order:2}
  .hero-copy{order:1}
  .split-feature,.origin-grid{grid-template-columns:1fr 1fr}
  .evolution-grid,.services{grid-template-columns:repeat(2,1fr)}
  .worldwide{grid-template-columns:1.25fr .75fr;align-items:center;padding-left:max(2rem,calc((100vw - var(--content))/2));padding-right:max(2rem,calc((100vw - var(--content))/2))}
  .fox-philosophy{grid-template-columns:.85fr 1.15fr}
  .scope-note,.contact-layout,.scheduler{grid-template-columns:1fr 1fr}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr .7fr 1fr}
  .career-search-heading {grid-template-columns: 1.35fr .65fr;align-items: end;}
  .career-filters {grid-template-columns: repeat(2, 1fr);}
  .career-meta,.career-modal-meta {grid-template-columns: repeat(2, 1fr);column-gap: 2rem;}
  .career-future {grid-template-columns: 1fr 1fr;align-items: center;}
  .error-page{grid-template-columns:.9fr 1.1fr;padding-left:2rem;padding-right:2rem}
  .legal-document{grid-template-columns:15rem minmax(0,1fr);align-items:start}
  .legal-toc{position:sticky;top:7.5rem}
  .legal-contact-card{grid-template-columns:repeat(3,1fr)}
  .privacy-control-heading{grid-template-columns:1fr auto;align-items:end}
  .privacy-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.5rem 1.75rem}
  .privacy-actions{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:64rem){
  .mobile-menu-button,.mobile-menu{display:none!important}
  .site-header{height:6rem;padding:0 max(2rem,calc((100vw - var(--content))/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:900;background:rgba(255,255,255,.92);backdrop-filter:blur(1rem);border-bottom:1px solid rgba(23,23,23,.08)}
  .desktop-brand img{width:18rem;max-height:4rem;object-fit:contain;object-position:left center}
  .desktop-nav{display:flex;align-items:center;gap:1.6rem;font-size:.88rem;font-weight:600}
  .desktop-nav a{padding:.7rem .2rem}
  .desktop-nav a:hover{color:var(--copper)}
  .desktop-nav .nav-cta{padding:.7rem 1.1rem;border-radius:999rem;background:var(--black);color:white}
  .hero{min-height:calc(100svh - 6rem);padding-left:max(2rem,calc((100vw - var(--content))/2));padding-right:max(2rem,calc((100vw - var(--content))/2));grid-template-columns:1fr .85fr}
  .evolution-grid{grid-template-columns:repeat(4,1fr)}
  .services{grid-template-columns:repeat(3,1fr)}
  .portfolio-grid{grid-template-columns:repeat(3,1fr)}
  .site-footer{padding-bottom:3rem}
  .career-filters {grid-template-columns: repeat(4, 1fr) auto;align-items: end;}
  .career-card {padding: 2rem;}
  .career-meta {grid-template-columns: 1.3fr 1fr 1fr .8fr 1fr;}
  .career-modal-header {padding: 1.5rem 2rem 2rem;}
  .career-modal-actions,.career-modal-meta,.career-modal-description {padding-left: 2rem;padding-right: 2rem;}
}
@media (max-width: 47.99rem) {
  .hero::before {
    background-image:
      linear-gradient(
        180deg,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,.82) 45%,
        rgba(255,255,255,.3) 100%
      ),
      url("../img/hero-mountain-background.jpeg");
    background-position: 67% center;
    background-size: auto 100%;
  }

  .hero-copy {
    position: relative;
    z-index: 2;
  }

  .hero-visual {
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 760px) {
  .scout-page .section-shell {
    width: min(100% - 4rem, 78rem);
  }

  .scout-hero__copy {
    padding-inline: clamp(2rem, 7vw, 7rem);
  }

  .scout-story {
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.75fr);
    gap: clamp(3rem, 8vw, 8rem);
  }

  .scout-meaning__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .scout-meaning__grid article {
    padding: 2rem;
    border-right: 1px solid currentColor;
  }

  .scout-meaning__grid article:first-child {
    padding-left: 0;
  }

  .scout-meaning__grid article:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .scout-name__grid,
  .scout-logo-story__intro {
    grid-template-columns: minmax(0, 1.1fr) minmax(20rem, 0.8fr);
    align-items: start;
    gap: clamp(3rem, 8vw, 8rem);
  }

  .scout-logo-evolution {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1100px) {
  .scout-hero__copy {
    padding-left: max(4rem, calc((100vw - 78rem) / 2));
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}