/* DearDev V2 — brand mark and functional contact routes */
.brand-symbol{display:block;width:36px;height:36px;flex:none;filter:drop-shadow(0 0 7px rgba(201,245,121,.17));transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s}
.brand:hover .brand-symbol{transform:rotate(-12deg) scale(1.07);filter:drop-shadow(0 0 13px rgba(201,245,121,.45))}
.footer-brand .brand-symbol{width:32px;height:32px;margin-right:0}
.core-symbol .hero-logo{width:min(150px,38vw);height:auto;filter:drop-shadow(0 0 38px rgba(201,245,121,.3));animation:float-symbol 7s ease-in-out infinite}
@keyframes float-symbol{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(4deg)}}
.founder-team-link{display:inline-flex;gap:18px;align-items:center;color:var(--lime);font-size:12px;font-weight:800;margin-top:18px;padding-bottom:7px;border-bottom:1px solid #506947}
.founder-team-link:hover{border-color:var(--lime)}
.inbox-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.inbox-links a{font:10px var(--mono);letter-spacing:.06em;border:1px solid var(--line);padding:17px;display:flex;flex-direction:column;gap:10px;color:var(--lime);transition:border-color .2s,background .2s}
.inbox-links a span{font:600 15px var(--sans);letter-spacing:-.03em;color:var(--white);overflow-wrap:anywhere}
.inbox-links a:hover{border-color:var(--lime);background:#172117}
@media(max-width:760px){.brand-symbol{width:32px;height:32px}.inbox-links{grid-template-columns:1fr}.inbox-links a{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.core-symbol .hero-logo{animation:none}}


/* V2.1 — functional, accessible What We Do accordions. */
.focus-item{display:block;padding:0;transition:background .24s ease,border-color .24s ease}
.focus-item:hover,.focus-item.is-open{padding-left:0;background:rgba(201,245,121,.034)}
.focus-item.is-open{border-color:#749d53}
.focus-trigger{width:100%;display:grid;grid-template-columns:95px 90px minmax(0,1fr) 111px;gap:22px;padding:35px 8px;align-items:center;color:inherit;background:transparent;border:0;text-align:left;cursor:pointer;transition:padding-left .2s ease,background .2s ease}
.focus-trigger:hover,.focus-trigger:focus-visible{padding-left:22px}
.focus-end{display:flex;align-items:center;gap:13px;justify-self:end;color:var(--lime);font-size:21px}
.focus-expand-label{font:500 10px var(--mono);letter-spacing:.07em;color:#b9cca9}
.focus-expand-arrow{display:inline-block;transition:transform .3s ease}
.focus-item.is-open .focus-expand-arrow{transform:rotate(90deg)}
.focus-details[hidden]{display:none}
.focus-details{padding:0 16px 37px;animation:focus-reveal .32s cubic-bezier(.2,.7,.2,1)}
@keyframes focus-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.focus-details-inner{margin-left:229px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr);gap:55px;max-width:930px;border-top:1px solid rgba(201,245,121,.17);padding-top:27px}
.focus-mini-heading{font:500 10px var(--mono);letter-spacing:.09em;color:var(--lime)}
.focus-details-copy h4{margin:15px 0 10px;font-size:clamp(20px,2.1vw,27px);letter-spacing:-.045em;line-height:1.25}
.focus-details-copy p{margin:0;max-width:500px;font-size:13px;line-height:1.85;color:#a5b2a0}
.focus-cta{display:inline-flex;gap:20px;align-items:center;margin-top:23px;padding-bottom:10px;border-bottom:1px solid #608d49;color:var(--lime);font-size:12px;font-weight:700;transition:gap .2s ease,color .2s ease}
.focus-cta:hover{gap:29px;color:#e1ffae}
.focus-tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:17px 0 0;padding:0}
.focus-tags li{border:1px solid #3b5034;background:#182418;border-radius:3px;padding:9px 11px;color:#c0ceb9;font-size:11px;line-height:1.4}
@media(max-width:760px){
  .focus-trigger{grid-template-columns:29px 58px minmax(0,1fr) 32px;gap:12px;padding:25px 2px}
  .focus-trigger:hover,.focus-trigger:focus-visible{padding-left:7px}
  .focus-end{display:flex;font-size:19px}
  .focus-expand-label{display:none}
  .focus-details{padding:0 7px 29px}
  .focus-details-inner{margin-left:111px;display:block;padding-top:20px}
  .focus-details-explore{margin-top:24px}
  .focus-details-copy p{font-size:12px}
}
@media(max-width:420px){
  .focus-trigger{grid-template-columns:25px 47px minmax(0,1fr) 24px;gap:9px}
  .focus-details-inner{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.focus-details{animation:none}.focus-expand-arrow{transition:none}.focus-trigger{transition:none}}