/* V6: grade visual de projetos + contenção de viewport móvel */
html{width:100%;max-width:100%;overflow-x:clip;scroll-padding-top:82px;}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas,iframe{max-width:100%;}
.container,.hero,.hero-copy,.hero-art,.services,.about-grid,.contact-section,.footer-main,.portfolio-head,.story-projects{min-width:0;max-width:100%;}
.hero>*,.about-grid>*,.contact-section>*,.footer-main>*{min-width:0;}
h1,h2,h3,p{overflow-wrap:break-word;}
/* Projetos como feed Instagram: só a arte dentro de cada quadrado */
#portfolio-grid.story-projects{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible!important;scroll-snap-type:none!important;padding:16px 0 18px!important;align-items:stretch;}
#portfolio-grid .portfolio-tile{display:grid;place-items:center;min-width:0;aspect-ratio:1/1;overflow:hidden;position:relative;border-radius:13px;border:1px solid rgba(190,230,237,.2);background:#112838;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
#portfolio-grid a.portfolio-tile:hover,#portfolio-grid a.portfolio-tile:focus-visible{transform:translateY(-3px);box-shadow:0 15px 45px #0007;border-color:#77e5e9;outline-offset:3px;}
#portfolio-grid .portfolio-logo{width:100%;height:100%;display:block;object-fit:cover;max-width:none;}
#portfolio-grid .portfolio-letter{font-size:clamp(32px,6vw,70px);color:#e0faff;font-weight:750;}
#portfolio-grid .portfolio-tile-unlinked{cursor:default;opacity:.86;}
#project-detail{display:none!important;}
@media(max-width:900px){#portfolio-grid.story-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}}
@media(max-width:650px){
 html,body{max-width:100vw;}
 .hero,.about-grid,.contact-section{grid-template-columns:minmax(0,1fr)!important;}
 .container{width:calc(100% - 32px)!important;margin-inline:auto;}
 .hero h1{font-size:clamp(35px,10vw,54px)!important;letter-spacing:-1.5px!important;overflow-wrap:normal;word-break:normal;}
 .hero-art{width:100%;overflow:hidden!important;isolation:isolate;}
 .hero-ring,.hero-ring-b,.orbit,.orbit-2{max-width:100%;}
 .hero-floating-top{right:0!important;}.hero-floating-bottom{left:0!important;}
 .nav-links{width:100%;left:0!important;right:0!important;}
 .service-card,.contact-form,.cta-inner{min-width:0;}
 .studio-intro-head{gap:10px;flex-wrap:wrap;}
 #portfolio-grid.story-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
 #portfolio-grid .portfolio-tile{border-radius:10px;}
 .footer-bottom{flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce){#portfolio-grid .portfolio-tile{transition:none}}