/* Baggerstown Join Our Team page. Every rule is scoped under .bt-team to avoid collisions with the theme. */
html:has(.bt-team){scroll-behavior:smooth;scroll-padding-top:90px}

.bt-team{--green:#85fe01;--purple:#742f8a;--ink:#101012;--white:#fff;--display:Roboto, sans-serif;background:var(--ink);color:#fff;font-family:Roboto, sans-serif;font-size:16px;line-height:1.65;margin-top:0!important}
.bt-team *{box-sizing:border-box}

/* Neutralise theme / block-layout defaults inside the page. */
.bt-team :where(.wp-block-group,.wp-block-buttons)>*{margin-block-start:0;margin-block-end:0}
.bt-team p{margin:0 0 16px}
.bt-team h1,.bt-team h2,.bt-team h3{font-family:var(--display);font-weight:700;line-height:1.04;letter-spacing:-.5px;color:inherit;text-transform:none}
.bt-team a:not(.wp-element-button){color:inherit;font-family:inherit;text-decoration:none}
.bt-team a:focus-visible{outline:3px solid var(--green);outline-offset:6px}
.bt-team img{display:block;max-width:100%}
.bt-team figure.wp-block-image{margin:0}
.bt-team mark{background:transparent!important;color:inherit}
.bt-team h1 mark,.bt-team h2 mark{color:var(--green)!important}

.bt-team .wrap{max-width:1250px;margin-left:auto;margin-right:auto;padding:90px 5%}

/* Buttons */
.bt-team .wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px}
.bt-team .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#101012;padding:17px 25px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;letter-spacing:.8px;font-weight:900;border:2px solid var(--green);border-radius:0;text-decoration:none;transition:transform .2s,background .2s}
.bt-team .wp-block-button .wp-block-button__link:hover{background:#fff;border-color:#fff;color:#101012;transform:translateY(-3px)}
.bt-team .wp-block-button .wp-block-button__link:after{content:none}

/* Shared type */
.bt-team .eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:900;color:var(--green);margin:0 0 16px}
.bt-team h1{font-size:clamp(65px,7.3vw,112px);margin:22px 0;transform:rotate(-2deg);text-shadow:3px 3px #111}
.bt-team h2{font-size:clamp(42px,5vw,72px);margin:16px 0 30px}
.bt-team h3{font-size:28px;margin:0 0 22px}

/* Hero */
.bt-team .hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden}
.bt-team .hero>.hero-image{position:absolute;inset:0;width:100%;height:100%}
.bt-team .hero>.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.bt-team .hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,12,.97),rgba(10,10,12,.72) 38%,rgba(10,10,12,.08) 75%),linear-gradient(0deg,rgba(10,10,12,.65),transparent 45%)}
.bt-team .hero-content{position:relative;z-index:1;margin:65px 5%;max-width:700px}
.bt-team .hero-content>p:not(.eyebrow){color:#eee}
.bt-team .hero-tag{font-size:21px;font-weight:bold}
.bt-team .hero-content h1 mark{display:inline-block;position:relative}
.bt-team .hero-content h1 mark:after{content:"";position:absolute;bottom:-9px;left:0;width:95%;height:5px;background:var(--green);transform:rotate(-1deg);box-shadow:16px 7px 0 -1px var(--green)}
.bt-team .hero-content .wp-block-buttons{margin-top:28px}
.bt-team .textlink{margin:22px 0 0;font-size:11px;letter-spacing:1.5px;font-weight:bold}
.bt-team .textlink a:hover{color:var(--green)}
.bt-team .hero-stamp{position:absolute;right:5%;bottom:46px;z-index:1;margin:0;background:var(--purple);border:2px solid #fff;padding:19px 26px;font-size:11px;letter-spacing:1px;line-height:1.4;transform:rotate(7deg)}
.bt-team .hero-stamp strong{display:block;font-family:var(--display);font-size:32px;line-height:1;margin-top:9px}

/* Ticker */
.bt-team .ticker{background:var(--green);color:#101012;padding:18px 5%;display:flex;justify-content:space-around;gap:22px;font-family:var(--display);font-size:19px;line-height:1.2}
.bt-team .ticker p{margin:0;display:flex;gap:22px;flex:1;justify-content:space-around}
.bt-team .ticker p:after{content:'✦'}

/* Intro */
.bt-team .intro{display:grid;grid-template-columns:1fr 1.25fr;gap:9%}
.bt-team .intro h2{font-size:clamp(58px,6vw,90px)}
.bt-team .intro-copy p,.bt-team .shift p:not(.eyebrow){color:#c9c9cb;font-size:16px}
.bt-team .pullquote{display:block;font-size:21px;font-weight:bold;color:#fff!important;border-left:5px solid var(--green);padding-left:23px;margin-top:30px}

/* The Baggerstown Code */
.bt-team .code{background:#f6f6f6;color:#111;position:relative}
.bt-team .code:before{content:"";height:10px;position:absolute;top:-5px;left:0;right:0;background:var(--white);clip-path:polygon(0 35%,8% 0,21% 55%,37% 10%,52% 65%,69% 15%,85% 60%,100% 15%,100% 100%,0 100%)}
.bt-team .code .eyebrow{color:var(--purple)}
.bt-team .code h2 mark{color:var(--purple)!important}
.bt-team .values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:1px solid #c8c8c8}
.bt-team .values>article{padding:28px 28px 28px 0;border-bottom:1px solid #c8c8c8;position:relative}
.bt-team .values>article:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid #c8c8c8}
.bt-team .num{display:block;font-family:var(--display);font-size:54px;color:var(--purple);line-height:1;margin:0 0 25px}
.bt-team .values h3{font-size:25px}
.bt-team .values p:not(.num){font-size:14px;color:#454545;line-height:1.7}
.bt-team .values>.wide{grid-column:1/-1;display:flex;gap:32px;padding-top:40px;padding-bottom:14px}
.bt-team .wide p{max-width:950px}

/* Shift */
.bt-team .shift{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.bt-team .photo{position:relative}
.bt-team .photo img{width:100%;height:590px;object-fit:cover}
.bt-team .photo-label{position:absolute;bottom:24px;left:-15px;margin:0;background:var(--purple);color:#fff;font-family:var(--display);padding:14px 22px;transform:rotate(-4deg);font-size:24px;line-height:1.2}
.bt-team .shift h2{font-size:60px}
.bt-team .shift .shift-strong{color:#fff;font-weight:bold}

/* Apply */
.bt-team .apply{background:var(--purple);text-align:center;position:relative;overflow:hidden}
.bt-team .apply:before,.bt-team .apply:after{content:'✦';position:absolute;font-size:340px;line-height:1;color:rgba(255,255,255,.06);transform:rotate(20deg)}
.bt-team .apply:before{left:-100px;top:50px}
.bt-team .apply:after{right:-100px;bottom:50px}
.bt-team .apply .wrap{position:relative;z-index:1}
.bt-team .apply h2{font-size:clamp(72px,9vw,120px);margin:24px 0}
.bt-team .apply h2 mark{display:inline-block;transform:rotate(-6deg)}
.bt-team .apply p{font-size:17px}
.bt-team .apply h3{font-size:28px;margin:30px 0}
.bt-team .apply .wp-block-buttons{justify-content:center}
.bt-team .apply .apply-note{font-size:12px;margin-top:16px}
.bt-team .apply .warning{font-size:12px;opacity:.8;margin-top:36px}
.bt-team .apply .disclosure{font-size:10px;opacity:.7;margin:24px 0 0}

@media(max-width:850px){
  .bt-team .hero{min-height:720px}
  .bt-team .hero>.hero-image img{object-position:63% center}
  .bt-team .hero:after{background:linear-gradient(90deg,rgba(10,10,12,.92),rgba(10,10,12,.5)),linear-gradient(0deg,#101012,transparent)}
  .bt-team .hero-stamp{right:5%;bottom:30px}
  .bt-team .hero-content{margin-bottom:150px}
  .bt-team .ticker{flex-wrap:wrap;font-size:15px;gap:10px}
  .bt-team .ticker p{flex:0 1 auto}
  .bt-team .ticker p:after{content:none}
  .bt-team .intro,.bt-team .shift{grid-template-columns:1fr;gap:30px}
  .bt-team .values{grid-template-columns:1fr 1fr}
  .bt-team .values>article:not(:nth-child(3n+1)){border-left:0;padding-left:0}
  .bt-team .values>article:nth-child(even){border-left:1px solid #ccc;padding-left:24px}
  .bt-team .values h3{font-size:23px}
  .bt-team .wrap{padding:60px 6%}
  .bt-team .photo img{height:430px}
  .bt-team .shift h2{font-size:50px}
}
@media(max-width:500px){
  .bt-team .hero{min-height:750px}
  .bt-team h1{font-size:63px}
  .bt-team .hero-tag{font-size:18px}
  .bt-team .hero-stamp{font-size:9px;padding:12px 16px}
  .bt-team .hero-stamp strong{font-size:25px}
  .bt-team .values{grid-template-columns:1fr}
  .bt-team .values>article:nth-child(even){border-left:0;padding-left:0}
  .bt-team .values>.wide{display:block}
  .bt-team .code h2{font-size:45px}
  .bt-team .apply .eyebrow{font-size:9px}
  .bt-team .apply p{font-size:15px}
  .bt-team .apply h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){html:has(.bt-team){scroll-behavior:auto}.bt-team .wp-block-button .wp-block-button__link{transition:none}}