@media(max-width:600px){
.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:0;max-height:none;padding-top:44px;gap:14px}
.hero-copy{width:100%;padding-bottom:0}.hero-copy>p{max-width:none}.hero-copy .buttons{margin-top:27px;flex-wrap:wrap;row-gap:8px}
.hero .art{position:relative;inset:auto;width:100%;height:clamp(265px,80vw,330px);margin:0;flex:none;transform:none;will-change:auto;opacity:1}
.hero #network-globe{inset:0 0 25px;width:100%;height:calc(100% - 25px)}
.hero .globe-controls{left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;gap:10px}.hero .globe-controls .mono{font-size:8px}
.hero .artlabel,.hero .coord{display:none}
.hero .hero-bottom{position:static;inset:auto;margin:5px 0 24px;text-align:center;display:block;line-height:1.7}.hero-bottom span:first-child{font-size:7px;letter-spacing:1px}.hero .hero-bottom span:nth-child(2),.hero .hero-bottom span:last-child{display:none}
#sobre.about{gap:22px;padding-top:65px;padding-bottom:65px}.about .portrait-live{width:min(76%,260px);aspect-ratio:4/4.6;min-height:0;margin:0 auto}.portrait-live .portrait-id{top:12px;left:12px;font-size:6px;letter-spacing:.5px;gap:5px}.portrait-live .portrait-caption{bottom:12px;left:12px;font-size:6px;letter-spacing:.5px;line-height:1.6}.portrait-live .portrait-photo{width:96%;left:2%;height:95%;object-fit:contain}.about>div:last-child>.mono{font-size:9px;letter-spacing:1.2px}.about h2{font-size:clamp(30px,8.7vw,38px);line-height:1.08;margin-top:14px;letter-spacing:-1.7px}.about p{font-size:13px}
}