/* Recruitment page, adapted to Sunshine Ideas' field photography and brand. */
.join-hero{min-height:330px}
.join-hero>img{object-position:center 43%}
.join-intro{max-width:900px;margin-bottom:2.8rem}
.join-intro h2{color:var(--forest-dark)}
.join-intro p{color:#53675c}
.opportunity-note{padding:1rem 1.2rem;background:var(--mint-soft);border-left:3px solid var(--forest);font-size:.88rem}
.opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.opportunity-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--mint-soft)}
.opportunity-card>img{width:100%;height:245px;object-fit:cover;object-position:center 40%}
.opportunity-content{padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.opportunity-type{color:#486456;font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.opportunity-card h3{font-size:1.23rem;line-height:1.4;color:var(--forest-dark);margin:.65rem 0}
.opportunity-card p{font-size:.86rem;color:#53675c;margin:0 0 1rem}
.opportunity-meta{font-size:.75rem;color:#486456;margin-top:auto;margin-bottom:1.3rem}
.opportunity-meta span{display:block}
.opportunity-card .btn{min-height:42px;font-size:.77rem}
.application-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.application-aside{background:var(--mint-soft);border:1px solid var(--line)}
.application-aside>img{width:100%;height:320px;object-fit:cover;object-position:center 38%}
.application-aside-content{padding:1.8rem}
.application-aside h3{color:var(--forest-dark);font-size:1.3rem;margin:0 0 .8rem}
.application-aside p,.application-aside li{font-size:.87rem;color:#53675c}
.application-aside ul{padding-left:1.2rem}
.application-aside a,.application-help a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.application-form h2{color:var(--forest-dark);margin-top:0}
.application-form input[type=file]{padding:.65rem;font-size:.8rem;max-width:100%}
.application-form .field{min-width:0}
.application-form .field-help{font-size:.73rem;color:#596c61;margin:0}
.application-form .consent{display:flex;align-items:flex-start;gap:.65rem;font-size:.79rem;font-weight:500;line-height:1.6}
.application-form .consent input{width:18px;height:18px;flex:0 0 18px;margin:.2rem 0 0;accent-color:var(--forest)}
.application-form button:disabled{opacity:.65;cursor:wait}
.application-help{font-size:.78rem;color:#586c60;overflow-wrap:anywhere}
.application-status{padding:1rem;margin-top:1.25rem;border-left:3px solid var(--forest);background:var(--mint-soft);font-size:.86rem;color:var(--forest-dark)}
.application-status[data-state=error]{background:#fff2ef;color:#87392d;border-color:#b34631}
.application-status[hidden]{display:none}
.application-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.join-band{background:var(--forest-deep);color:#fff}
.join-band .kicker{color:var(--gold)}
.join-band h2{color:#fff}
.join-band p{color:#d9ebe2}
.join-band .team-feature>img{object-position:center 35%}
.join-band .btn-outline{border-color:#badbc9;color:#fff}
#apply{scroll-margin-top:100px}
@media(max-width:1080px){
 .opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .application-grid{gap:1.5rem;grid-template-columns:.75fr 1.25fr}
}
@media(max-width:800px){
 .application-grid{grid-template-columns:1fr}
 .application-aside{display:grid;grid-template-columns:.8fr 1.2fr}
 .application-aside>img{height:100%;min-height:280px}
}
@media(max-width:640px){
 .join-hero{min-height:260px}
 .opportunity-grid,.application-aside{grid-template-columns:1fr}
 .opportunity-card>img{height:260px}
 .application-aside>img{height:270px;min-height:0}
 .application-form{padding:1.3rem}
 .application-form .btn{width:100%}
 .opportunity-content{padding:1.3rem}
}