/* Mobile-only refinements. Desktop layout remains unchanged. */
/* Natural title spacing across the full site. Removes the overly compressed
   tracking previously used on large display headings. */
body h1,body h2,body h3{letter-spacing:normal!important}
.social-icons{display:flex!important;flex-direction:row!important;gap:10px!important;margin-top:8px}
.social-icons a{width:40px;height:40px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.24);color:#fff!important;background:#101010;transition:background .2s,border-color .2s,color .2s}
.social-icons a:hover{background:var(--acid);border-color:var(--acid);color:#050505!important}
.social-icons svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-icons a:last-child svg{fill:currentColor;stroke:none}
.page-footer-brand p{font:900 28px/.86 'Barlow Condensed',Impact,sans-serif;margin:20px 0 0;color:#fff}

@media(max-width:760px){
  .street-code{display:block;min-height:0!important;padding:82px 20px 62px!important;background-size:62px 62px}
  .street-code:before{font-size:54vw;bottom:-3vw;opacity:.55}
  .street-code-copy>span{font-size:10px;letter-spacing:.22em}
  .street-code-copy h2{font-size:clamp(55px,16.5vw,76px)!important;line-height:.78!important;letter-spacing:-.04em;margin:24px 0 28px!important;max-width:100%}
  .street-code-copy p{font-size:15px!important;line-height:1.65!important;margin:0;max-width:34ch!important;color:#b7b7b7!important}
  /* Clean mobile sticker board: no absolute overlaps or cropped artwork. */
  .sticker-cloud{height:auto!important;min-height:0!important;margin-top:38px;padding:22px 0 4px;opacity:1!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);grid-template-rows:auto auto;gap:16px 14px;align-items:center;overflow:visible!important;border-top:1px solid rgba(255,255,255,.1)}
  .sticker-cloud img{position:relative!important;inset:auto!important;width:min(100%,158px)!important;max-height:68px;object-fit:contain;justify-self:start;transform:none!important;filter:none!important}
  .sticker-cloud .sticker,.sticker-cloud .spray-word{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;margin:0!important;filter:none!important}
  .sticker-cloud .slant{width:100%!important;height:88px!important;justify-self:stretch;font-size:clamp(20px,6.3vw,27px)!important;line-height:.82!important;transform:rotate(3deg)!important}
  .sticker-cloud .outline-sticker{width:100%!important;height:112px!important;justify-self:stretch;border-width:5px!important;outline-width:2px!important;font-size:clamp(24px,7.5vw,32px)!important;line-height:.78!important;transform:rotate(-2deg)!important}
  .sticker-cloud .spray-word{width:100%;font-size:clamp(48px,15vw,70px)!important;line-height:.72!important;text-align:right;white-space:nowrap;-webkit-text-stroke-width:1.5px!important;transform:rotate(-3deg)!important;text-shadow:4px 5px 0 rgba(183,255,0,.08)}
  .tape-one{top:18px!important;right:-38%!important;font-size:9px!important}

  .manifesto{padding:76px 20px 72px!important}
  .energy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin-top:64px!important;border-top:1px solid #c9c5bc!important}
  .energy-grid article{min-width:0;min-height:124px;padding:22px 12px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:end!important;justify-content:initial!important;column-gap:10px;border-right:1px solid #c9c5bc!important;border-bottom:1px solid #c9c5bc!important}
  .energy-grid article:nth-child(2n){border-right:0!important}
  .energy-grid strong{font-size:clamp(58px,17vw,76px)!important;line-height:.72!important;letter-spacing:-.045em!important;white-space:nowrap;display:flex;align-items:flex-end}
  .energy-grid strong small{font-size:.24em!important;line-height:1;margin:0 0 3px 1px}
  .energy-grid p{min-width:0;font-size:10px!important;line-height:1.35!important;overflow-wrap:normal;word-break:normal;color:#555!important;padding-bottom:1px}
  .text-link{width:100%;justify-content:space-between;gap:20px!important;margin-top:46px!important;font-size:15px!important}

  footer{grid-template-columns:1fr 1fr!important;gap:36px 24px!important;padding:48px 20px 24px!important;align-items:start!important}
  footer .footer-brand{grid-column:1/-1!important;display:block!important;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1)}
  footer .footer-brand p{font-size:28px!important;line-height:.84!important;margin:0!important}
  footer>div:not(.footer-brand){gap:10px!important}
  footer .footer-connect{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:10px 20px!important;padding-top:6px}
  footer .footer-connect>b{grid-column:1/-1}
  footer .footer-connect>.social-icons{grid-column:2;grid-row:2}
  footer small{margin-top:0;font-size:9px;line-height:1.5}

  .page-footer{grid-template-columns:1fr 1fr!important;gap:32px 24px!important;padding:48px 20px 24px!important}
  .page-footer .page-footer-brand{grid-column:1/-1;display:block;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1)}
  .page-footer .page-footer-brand p{font-size:27px;line-height:.84;margin:0}
  .page-footer nav{min-width:0}
  .page-footer .footer-connect{align-items:flex-start}
  .page-footer small{font-size:9px;line-height:1.5}
}

@media(max-width:380px){
  .street-code-copy h2{font-size:64px!important}
  .energy-grid article{padding-inline:9px!important;column-gap:7px}
  .energy-grid strong{font-size:56px!important}
  .energy-grid p{font-size:9px!important}
  footer,.page-footer{gap:30px 18px!important}
  .sticker-cloud{gap:13px 10px}
  .sticker-cloud .slant{height:78px!important}
  .sticker-cloud .outline-sticker{height:102px!important}
}
