/* Burger & Pickle — partners page (loads after style.css) */
.btn-ghost{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2.5px var(--brine)}
.btn-ghost:hover{background:var(--brine);color:var(--char)}
.nav .links a[aria-current="page"]{background-size:100% 38%}

/* ---------- hero ---------- */
.p-hero{background:var(--dill);color:var(--paper);padding-block:clamp(48px,7vw,96px);overflow:hidden}
.p-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.p-hero .eyebrow{color:var(--brine-soft)}
.p-hero h1{font-size:clamp(46px,5.8vw,86px);color:var(--brine);margin:14px 0 0;text-wrap:balance}
.p-hero .lede{font-size:clamp(18px,1.6vw,21px);max-width:40ch;margin:22px 0 30px;color:rgba(255,247,232,.9)}
.p-photo{position:relative;border-radius:30px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 6px var(--brine)}
.p-photo img{width:100%}

/* ---------- tracks ---------- */
.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.track{display:flex;flex-direction:column;gap:12px;background:var(--paper-2);border-radius:var(--radius);padding:28px 26px}
.track .tag{align-self:flex-start;padding:6px 12px;border-radius:999px;font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.t-mustard{background:var(--mustard);color:var(--char)}
.t-brine{background:var(--brine);color:var(--char)}
.t-court{background:var(--court);color:#fff}
.track h3{font:400 34px/1 var(--display);color:var(--dill)}
.track>p{color:var(--char-soft)}
.track ul{display:grid;gap:8px;margin-bottom:10px}
.track li{position:relative;padding-left:24px;font-size:16px}
.track li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:12px;border-radius:50%;background:var(--brine);box-shadow:inset 0 0 0 2px var(--dill)}
.track .btn{margin-top:auto;align-self:flex-start;text-align:left;line-height:1.2}

/* ---------- status ---------- */
.p-status{background:var(--paper-2)}
.status-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
.p-status h2{font-size:clamp(40px,5vw,68px);color:var(--dill);margin:12px 0 16px}
.status-lede{font-size:19px;color:var(--char-soft)}
.stages{display:grid;gap:10px}
.stages li{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--paper)}
.stages b{display:block;font:400 22px/1.1 var(--display);color:var(--char)}
.stages small{display:block;font-size:15px;color:var(--char-soft);margin-top:4px}
.state{justify-self:start;padding:6px 11px;border-radius:999px;font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--line);color:var(--char-soft)}
.stages .done .state{background:var(--dill);color:var(--paper);box-shadow:none}
.stages .now{box-shadow:inset 0 0 0 2.5px var(--mustard)}
.stages .now .state{background:var(--mustard);color:var(--char);box-shadow:none}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:step}
.steps li{counter-increment:step;position:relative;padding:62px 22px 24px;border-radius:var(--radius);border:2px solid var(--line)}
.steps li::before{content:counter(step);position:absolute;left:22px;top:20px;width:32px;height:32px;border-radius:50%;background:var(--court);color:#fff;font:700 15px/32px var(--sans);text-align:center}
.steps b{display:block;font:400 24px/1.05 var(--display);color:var(--dill);margin-bottom:8px}
.steps p{font-size:16px;color:var(--char-soft)}
.legal{margin-top:28px;max-width:860px;padding:16px 20px;border-radius:16px;background:var(--paper-2);font-size:14px;line-height:1.55;color:var(--char-soft)}

/* ---------- form ---------- */
.talk-list{display:grid;gap:10px;margin-top:24px}
.talk-list li{position:relative;padding-left:28px;color:#EDE7D8}
.talk-list li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--brine)}
form.partner .two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.field em{font-style:normal;font-weight:500;color:var(--char-soft)}
.field textarea{width:100%;font:500 17px/1.5 var(--sans);padding:14px 16px;border-radius:14px;border:2px solid #D8CCB3;background:#fff;color:var(--char);resize:vertical;min-height:112px}
.field textarea:focus{outline:none;border-color:var(--dill);box-shadow:0 0 0 4px rgba(200,230,74,.5)}
.field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231B1A17' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center}
form.partner.flash{animation:flash .9s ease}
@keyframes flash{30%{box-shadow:0 10px 0 var(--brine),0 0 0 8px rgba(200,230,74,.55)}}

@media (max-width:1000px){
  .tracks{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .p-hero .wrap,.status-grid{grid-template-columns:1fr}
  .p-photo{transform:none}
}
@media (max-width:600px){
  .steps,form.partner .two{grid-template-columns:1fr}
  .stages li{grid-template-columns:1fr;gap:8px}
}