/* Uma página mais curta, com espaço para explorar na horizontal. */
header{padding-top:18px;padding-bottom:18px}
.hero{padding-top:20px;padding-bottom:35px;gap:60px}
.hero-art>img{height:410px}.hero-note{margin-top:22px}.hero-art>p{margin-bottom:0}
.ribbon{padding:12px;font-size:17px}
.section{padding-top:48px;padding-bottom:48px}.section h2{font-size:39px}
.eyebrow{margin-bottom:16px}
#criamos{display:grid;grid-template-columns:.8fr 2fr;gap:45px;align-items:center}
#criamos h2{font-size:34px}.services{gap:26px;margin-top:0}.services h3{font-size:21px;margin:15px 0 10px}.services p{margin-bottom:0;font-size:12px}
.gallery-section{overflow:hidden;padding-top:42px;padding-bottom:35px}
.gallery-heading{margin-bottom:0;align-items:center}.gallery-heading h2 br{display:none}.gallery-heading h2{font-size:39px}.gallery-heading>p{margin:0;font-size:12px}
.gallery-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:12px 0 18px}.gallery-controls>span{font-size:10px;letter-spacing:.5px;color:#81756b;margin-right:10px}
.gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #cdbbb7;border-radius:50%;color:var(--rose);background:transparent;font-size:17px;cursor:pointer}.gallery-controls button:hover{background:#e6d4d1}.gallery-controls button:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.gallery-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;direction:ltr}.gallery-window::-webkit-scrollbar{display:none}.gallery-window:focus-visible{outline:2px solid var(--rose);outline-offset:5px}
.gallery-track{display:flex;width:max-content}.gallery{display:flex;gap:20px;padding-right:20px;flex:none;width:max-content}.gallery a{width:260px;flex:none}.gallery img{height:290px;aspect-ratio:auto;border-radius:100px 100px 4px 4px}.gallery span{font-size:18px;padding:11px 0}.credits{font-size:9px;margin:14px 0 0}.gallery-section>.text-link{margin-top:12px}
.process{gap:50px;grid-template-columns:.8fr 2fr;align-items:center}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process li{padding:27px 0 0;margin:0;border:0;border-top:1px solid var(--line)}.process li:before{top:7px}.process h3{font-size:21px}.process li p{font-size:12px}.process>div>p:last-child{margin-bottom:0;font-size:12px}
.contact{display:grid;grid-template-columns:100px 1.4fr 1fr;align-items:center;column-gap:35px;text-align:left;padding:32px max(48px,calc((100vw - 1184px)/2))}.contact-mascot{width:100px;height:120px;grid-column:1;grid-row:1/5}.contact .eyebrow{grid-column:2;grid-row:1;margin:0 0 9px}.contact h2{grid-column:2;grid-row:2;font-size:37px}.contact h2 br{display:none}.contact>p:not(.eyebrow){grid-column:2;grid-row:3;font-size:11px;margin:10px 0 0}.contact>.button{grid-column:3;grid-row:2;font-size:12px;gap:8px;padding:16px}.contact .phone{grid-column:3;grid-row:3;text-align:center;margin-top:10px;font-size:11px}
footer{padding-top:25px;padding-bottom:25px}
@media(max-width:640px){.process ol{display:grid!important;grid-template-columns:1fr;overflow:visible!important;gap:18px!important;padding-bottom:0!important;scroll-snap-type:none!important}.process li{padding:15px 0 0 42px!important;min-width:0}.process li:before{top:19px}.process h3{margin-bottom:7px}.process li p{line-height:1.65}.ribbon{display:block!important;white-space:normal!important;overflow:visible!important;text-align:center!important;padding:16px 28px!important;line-height:1.9!important;text-wrap:balance}.ribbon span{display:inline-block;margin:0 10px!important}}
@media(max-width:640px){#criamos .services{display:grid;grid-template-columns:1fr;overflow:visible;gap:18px;margin:0;padding:0;scroll-snap-type:none}#criamos .services article{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding-top:16px}#criamos .services article>span{grid-column:1;grid-row:1/3;padding-top:5px}#criamos .services h3{grid-column:2;margin:0 0 7px;font-size:22px}#criamos .services p{grid-column:2;margin:0;font-size:12px;line-height:1.65}}
@media(min-width:1500px){.hero-art>img{height:440px}}
@media(max-width:1000px){#criamos,.process{grid-template-columns:1fr;gap:25px}.services{gap:28px}.contact{grid-template-columns:80px 1fr;gap:15px 24px;padding:30px}.contact-mascot{width:80px}.contact>.button{grid-column:2;grid-row:4;justify-self:start}.contact .phone{grid-column:2;grid-row:5;text-align:left}.hero{gap:30px}}
@media(max-width:640px){header{padding:13px 18px}.hero{padding:22px 24px 25px;gap:20px}h1{font-size:42px}.intro{font-size:13px;margin:18px 0 23px}.hero-note{display:none}.hero-copy>.text-link{display:inline-block;margin-top:15px}.hero-art{margin:0 28px}.hero-art>img{height:250px;border-radius:140px 140px 4px 4px}.hero-art>p{font-size:7px}.paper-note{font-size:17px;padding:12px 17px;bottom:40px}.star{font-size:48px;top:0}.ribbon{display:block;white-space:nowrap;overflow:hidden;text-align:left;padding:11px 20px;font-size:15px}.ribbon span{margin:0 18px}.section{padding:32px 24px}.section h2,#criamos h2{font-size:30px}.section-heading h2 br{display:none}.services{display:flex;overflow-x:auto;gap:18px;margin:0 -4px;padding:0 4px 10px;scroll-snap-type:x mandatory}.services article{flex:0 0 82%;scroll-snap-align:start;padding-top:15px}.services h3{font-size:23px}.services p{font-size:13px}.gallery-heading{display:block}.gallery-heading>p{font-size:11px;margin-top:14px}.gallery-controls{margin:10px 0 15px}.gallery-controls>span{font-size:9px}.gallery-controls button{width:33px;height:33px}.gallery a{width:215px}.gallery img{height:250px}.gallery span{font-size:17px}.gallery-section{padding-right:20px;padding-left:20px}.gallery-window{margin-right:-20px}.process{gap:20px}.process>div>p:last-child{display:none}.process ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding-bottom:10px}.process li{flex:0 0 82%;scroll-snap-align:start}.process h3{font-size:23px}.process li p{font-size:13px}.contact{padding:25px 24px;grid-template-columns:64px 1fr;column-gap:18px;row-gap:0}.contact-mascot{width:70px;height:100px;grid-row:1/4}.contact h2{font-size:30px}.contact .eyebrow{font-size:8px;letter-spacing:1.5px}.contact>p:not(.eyebrow){font-size:11px}.contact>.button{grid-column:1/3;justify-self:stretch;margin-top:20px}.contact .phone{grid-column:1/3;text-align:center;margin-top:13px}footer{padding-bottom:70px}.floating{padding:11px 16px}}
