/* Shared mobile layout: keep desktop composition untouched. */
@media(max-width:920px){
 #site header .hd{grid-template-columns:1fr auto;gap:16px}
 #site header .seg,#site header .nav,#site header .hright{display:none}
 #site header .menu-toggle{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:8px 0;font-size:14px;background:none;border:0;color:inherit;cursor:pointer}
 #site header .logo img{width:145px;height:auto;max-width:100%}
 #site header .mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:16px 22px;max-height:calc(100svh - 110px);overflow:auto}
 #site header .mobile-nav a{display:flex;align-items:center;min-height:48px;font-size:19px;border-bottom:1px solid var(--line)}
 #site header .mobile-nav a[aria-current=page]{color:var(--roxo)}
 #site .page .wrap,#site #scale .wrap{width:88%;padding-left:0;padding-right:0}
 #site .page:is(#sobre,#craft,#scale,#creators,#cultura) .slabel,#site #sobre#sobre .slabel{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.13em}
 #site .page .hero,#site #scale .hero,#site #creators .hero{grid-template-columns:minmax(0,1fr);gap:30px}
 #site #scale .hero h1,#site #creators .hero h1{font-size:clamp(36px,8.8vw,56px);line-height:1.06;font-weight:400}
 #site #scale .heroimg,#site #creators .hero .media{width:100%;min-height:0;aspect-ratio:1.12}
 #site #creators .creators-benefits{grid-template-columns:1fr;gap:30px}
 #site #creators .benefits-photo{min-height:0;aspect-ratio:4/3}
 #site #creators .creators-benefits .bens{display:block}
 #site #scale .scale-partners{grid-template-columns:1fr;gap:26px}
 #site #scale .scale-partners .slabel{max-width:none}
 #site #scale .scale-partners .parcrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 #site #scale .deliv .row{grid-template-columns:1fr;gap:22px}
 #site #scale .delivery-media,#site #scale .delivery-copy{grid-column:1}
 #site #cultura .vcard h3{font-size:28px;overflow-wrap:anywhere}
 #site #contato .contact-opening{grid-template-columns:1fr;gap:32px}
 #site #contato .contact-portrait{min-height:0;aspect-ratio:4/5}
 #site #contato .contact-editorial{padding:0}
}
.policy-toc-toggle{display:none}
@media(max-width:680px){
 html{scroll-padding-top:108px;-webkit-text-size-adjust:100%}
 #site .page{padding-bottom:48px}
 #site .page .sec{padding-top:52px;padding-bottom:52px}
 #site .page>.wrap.sec:first-of-type,#site #scale>.wrap.sec:first-of-type,#site #creators>.wrap.sec:first-of-type{padding-top:122px;padding-bottom:40px}
 #site .page .closing,#site .page .thesis{font-size:clamp(23px,6vw,29px);line-height:1.4;letter-spacing:-.02em;max-width:none;margin:0}
 #site .page :is(button,a,input,textarea,select){-webkit-tap-highlight-color:transparent}
 #site :is(input,textarea,select){font-size:16px!important;max-width:100%;box-sizing:border-box}
 #site :is(button,a){touch-action:manipulation}
 #site .carnav button,#site .chead button,#site .valhead button{width:44px;height:44px;min-width:44px;min-height:44px}
 #site .page .wrap,#site #scale .wrap{width:88%}
 /* Home: three lines, full fluid canvas, complete team photograph. */
 #site #sobre#sobre .wrap{width:88%;max-width:none;padding-left:0;padding-right:0}
 #site #sobre#sobre .hero{height:90svh;min-height:600px;max-height:880px}
 #site #sobre#sobre .hero-content{width:88%;padding:130px 0 110px}
 #site #sobre#sobre .hero h1{font-size:clamp(34px,9.5vw,58px);line-height:1.04;letter-spacing:-.045em;max-width:none;white-space:nowrap}
 #site #sobre#sobre .hero-bottom{left:6%;right:6%;bottom:34px}
 #site #sobre#sobre .hero-bottom a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
 #site #sobre#sobre .wrap.sec{padding-top:52px;padding-bottom:52px}
 #site #sobre#sobre .closing{font-size:clamp(23px,6vw,29px);line-height:1.4}
 #site #sobre#sobre .marquee{padding:16px 0!important}
 #site #sobre#sobre .mtrack img.lg{height:25px!important;max-height:25px;max-width:100px!important;margin:0 12px!important}
 #site #sobre#sobre .cine{height:auto;aspect-ratio:3/2;min-height:0;margin-top:48px}
 #site #sobre#sobre .cine>img{object-fit:cover;object-position:center}
 #site #sobre#sobre .clipcard{flex-basis:90%;min-width:0}
 #site #sobre#sobre .clipbody .ch{font-size:24px;line-height:1.2}
 /* Careers: readable values, compact testimonials and whole-row job links. */
 #site #cultura .career-statement{font-size:clamp(36px,9vw,54px);line-height:1.06}
 #site #cultura .career-intro .lead,#site #cultura .lead{font-size:17px;line-height:1.5}
 #site #cultura .vcard{flex-basis:90%;height:460px}
 #site #cultura .vcard .vc{padding:22px}
 #site #cultura .vcard h3{font-size:28px;overflow-wrap:break-word}
 #site #cultura .track{scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:0}
 #site #cultura .vcard{scroll-snap-align:start}
 #site #cultura .cine2,#site #cultura .gifband{height:auto;aspect-ratio:4/3;margin-top:0;background-position:center}
 #site #cultura .people-editorial .pp{display:none;height:auto;grid-template-columns:1fr}
 #site #cultura .people-editorial .pp.is-active{display:grid}
 #site #cultura .people-editorial .pp .pimg{height:auto;aspect-ratio:1.15}
 #site #cultura .people-editorial .pp .rev{padding:26px 22px;gap:22px;min-height:350px}
 #site #cultura .people-editorial .pp .rev .q{font-size:23px;line-height:1.23}
 #site #cultura .careers-opportunities{padding-top:30px;padding-bottom:52px}
 #site #cultura .jobs-head{gap:20px;flex-wrap:wrap}
 #site #cultura .vaga{gap:16px;padding:24px 0;min-height:92px}
 #site #cultura .vaga h3{font-size:23px;line-height:1.15}
 /* Creators: stack the image and benefits; keep examples swipeable. */
 #site #creators .hero h1 span,#site #scale .hero h1 span{white-space:normal}
 #site #creators .hero .actions{margin-top:28px}
 #site #creators .hero .btn,#site #creators .creator-signup .btn{min-height:46px}
 #site #creators .ctrack{scroll-padding-inline:0;gap:16px}
 #site #creators .ccard{flex-basis:90%;height:530px}
 #site #creators .ccard .cc{padding:22px}
 #site #creators .creator-steps{grid-template-columns:1fr;gap:32px;margin-top:32px}
 #site #creators .creator-steps .tier{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 20px}
 #site #creators .creator-steps .rng{grid-row:1/3;font-size:18px;padding:0 0 12px}
 #site #creators .creator-steps h3{font-size:31px;line-height:1.1;margin:0 0 16px;min-height:0}
 #site #creators .creator-steps p{font-size:16px;line-height:1.5}
 #site #creators .proof{width:88%;margin:0 auto;padding:32px 20px;border-radius:18px}
 #site #creators .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
 #site #creators .stat b{font-size:clamp(40px,11vw,58px);font-weight:500}
 #site #creators .stat .t{font-size:14px;line-height:1.25}
 #site #creators .stat span{font-size:12px;line-height:1.35}
 #site #creators .benefits-photo{aspect-ratio:4/3}
 #site #creators .benefits-photo img{object-position:center 55%}
 #site #creators .creators-benefits .ben{padding:24px 0}
 #site #creators .creators-benefits .ben h3{font-size:26px;line-height:1.15;margin-bottom:12px}
 #site #creators .creators-benefits .ben p{font-size:16px;line-height:1.5}
 #site #creators .creator-partners{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
 #site #creators .creator-partners .parc{min-height:94px;padding:24px 18px;border:0;border-bottom:1px solid var(--line)}
 #site #creators .creator-partners .parc:nth-child(odd){border-right:1px solid var(--line)}
 #site #creators .creator-partners img{width:100%;height:30px;max-width:115px;object-fit:contain}
 #site #creators .q{min-height:60px;padding:22px 0;font-size:21px;line-height:1.25;gap:20px}
 #site #creators .q .ic{flex-shrink:0}
 #site #creators .creator-signup-section{padding-top:40px;padding-bottom:52px}
 #site #creators .creator-signup{grid-template-columns:1fr;gap:32px;padding-top:32px}
 #site #creators .creator-signup .ctatitle{font-size:43px;line-height:1.05;margin-bottom:20px}
 #site #creators .creator-signup .lead{font-size:18px}
 #site #creators .creator-signup .form{grid-template-columns:1fr;gap:24px}
 #site #creators .creator-signup .in{min-height:48px;width:100%}
 /* Craft: shorter pinned reel, readable method and touch-selectable photo topics. */
 #site #craft>.craft-simple-hero:first-of-type{padding-top:122px;padding-bottom:38px}
 #site #craft .craft-simple-hero .herotxt{font-size:clamp(28px,8.2vw,46px);line-height:1.05}
 #site #craft .craft-simple-reel{height:calc(56.25vw + 50svh);margin-bottom:0}
 #site #craft .craft-simple-reel .craft-reel-pin{height:56.25vw;top:100px}
 #site #craft .craft-reel-frame video{object-fit:contain;background:#000}
 #site #craft .craft-simple-reel+.wrap.sec{padding-top:28px;padding-bottom:52px}
 #site #craft .flwsec{margin-bottom:28px}
 #site #craft .flwinner{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 0}
 #site #craft .flwinner>.flwlead{font-size:clamp(23px,6.5vw,38px);white-space:normal;line-height:1.1}
 #site #craft .flw-photo{width:100%;aspect-ratio:4/3}
 #site #craft .flwlist{grid-template-columns:1fr 1fr;gap:0 20px}
 #site #craft .flwcap{font-size:17px;line-height:1.25;min-height:64px;padding:16px 0}
 #site #craft .craft-atmosphere-home,#site #craft .craft-atmosphere-speed{font-size:clamp(31px,8.2vw,48px);line-height:1.06}
 #site #craft .craft-community-body{width:88%}
 #site #craft .craft-method-title{font-size:clamp(36px,9.5vw,58px);max-width:none}
 #site #craft .craft-method-row{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:26px 0}
 #site #craft .craft-method-name{font-size:clamp(42px,12.5vw,68px)}
 #site #craft .craft-method-copy{grid-column:2}
 #site #craft .craft-method-copy h4{font-size:23px;line-height:1.2}
 #site #craft .craft-method-copy p{font-size:16px;line-height:1.5}
 #site #craft #craft-respiro{height:auto;aspect-ratio:4/3}
 /* Scale: one shared margin and a smaller visual mosaic. */
 #site #scale .deliv .row{padding:30px 0;gap:22px}
 #site #scale .deliv .row h3{font-size:38px;line-height:1.02}
 #site #scale .delivery-copy h4{font-size:24px;line-height:1.2}
 #site #scale .delivery-copy p{font-size:16px;line-height:1.5}
 #site #scale .ce-band>.wrap{padding:52px 0}
 #site #scale .ce .chead{display:block}
 #site #scale .ce .chead h2{font-size:32px;line-height:1.1}
 #site #scale .scale-method-intro{font-size:17px;line-height:1.5;margin-top:20px}
 #site #scale .ce .carnav{margin-top:24px}
 #site #scale .ce .step{flex-basis:92%;min-width:0}
 #site #scale .ce .step h3{font-size:26px}
 #site #scale .g3d{width:88%;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 0;margin:0 auto 28px}
 #site #scale .scale-partners{padding-top:28px;padding-bottom:28px;margin-bottom:20px}
 #site #scale .scale-partners .parc img{height:30px;max-width:115px}
 #site #scale .scale-proof-section{width:88%;padding:24px 0 44px}
 #site #scale .scale-proof-volume{gap:16px;grid-template-columns:1fr 1.2fr}
 #site #scale .scale-proof-layout b{font-size:62px}
 #site #scale .scale-proof-credential b{font-size:76px}
 #site #scale .scale-proof-layout span{font-size:17px}
 #site #scale .vrmarquee{width:100%;overflow:hidden}
 #site #scale .vframe{width:205px;flex-basis:205px}
 #site #scale .marcas-t{width:88%;padding-left:0;padding-right:0}
 /* Cases: swipe selection, followed by a legible photo with the full copy. */
 #site :is(#craft,#scale) .cases{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:28px}
 #site :is(#craft,#scale) .caselist{order:-1;display:flex;flex-direction:row;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:none}
 #site :is(#craft,#scale) .caseitem{flex:0 0 150px;display:grid;grid-template-columns:18px minmax(0,1fr);align-content:center;gap:4px 8px;min-height:82px;padding:15px 0;scroll-snap-align:start}
 #site :is(#craft,#scale) .caseitem .cn{grid-column:2;font-size:12px;line-height:1.2}
 #site :is(#craft,#scale) .caseitem .cb{font-size:18px;line-height:1.2}
 #site :is(#craft,#scale) .casebig{display:flex;align-items:flex-end;min-height:560px;height:auto;width:100%;padding-top:40px;box-sizing:border-box}
 #site :is(#craft,#scale) .casebig .cc{position:relative;top:auto;bottom:auto;left:auto;right:auto;flex:0 0 100%;width:100%;min-height:0;padding:24px 20px;height:auto}
 #site :is(#craft,#scale) .casebig .cres{font-size:28px;line-height:1.08;font-weight:600}
 #site :is(#craft,#scale) .casebig .cinfo{font-size:15px;line-height:1.45;max-width:none;margin-top:16px}
 #site :is(#craft,#scale) .casebig .cl{min-height:44px;display:inline-flex;align-items:center;margin-top:16px}
 #case-dialog{max-width:92vw;width:92vw;max-height:84svh;overflow:auto;padding:48px 24px 28px}
 /* Contact: editorial opening before the photo on small screens. */
 #site #contato .contact-opening{padding-top:122px;padding-bottom:52px}
 #site #contato .contact-editorial{grid-row:1}
 #site #contato .contact-editorial h1{font-size:clamp(48px,13vw,74px);line-height:1.02;margin-bottom:32px}
 #site #contato .contact-email{font-size:clamp(21px,5.6vw,30px);min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
 #site #contato .contact-portrait{aspect-ratio:4/5;min-height:0}
 /* Policy index is available on demand, without a long preamble. */
 #site#site .polpage .policy-toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;font:500 16px var(--font);color:var(--fg);padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}
 #site#site .polpage .policy-toc-toggle::after{content:'+';color:var(--roxo);font-size:22px}
 #site#site .polpage .policy-toc-toggle[aria-expanded=true]::after{content:'−'}
 #site#site .polpage .policy-toc-toggle[aria-expanded=false]+.toc{display:none}
 #site#site .polpage .layout{gap:24px}
 #site#site .polpage .toc{padding:0 0 20px}
 #site#site .polpage .toc>b,#site#site .polpage .toc .policy-reading{display:none}
 #site#site .polpage .toc a{min-height:44px;display:flex;align-items:center;font-size:15px}
 #site#site .polpage .policy-switcher{display:flex;gap:0 22px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
 #site#site .polpage .policy-switcher a{flex-shrink:0;min-height:48px;display:flex;align-items:center}
 #site#site .polpage .doc h2{font-size:28px;line-height:1.15;overflow-wrap:anywhere}
 #site#site .polpage .doc p,#site#site .polpage .doc ul{font-size:16px;line-height:1.65}
 #site#site .polpage .doc table{display:block;overflow-x:auto;max-width:100%;font-size:14px}
 /* Compact footer with comfortable tap targets and no zooming form fields. */
 #site footer .footer-top{width:88%;grid-template-columns:1fr;gap:36px;padding:36px 0}
 #site footer .footer-links{grid-template-columns:1fr 1fr;gap:24px}
 #site footer .footer-policies-col{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
 #site footer .footer-policies-col>b{grid-column:1/-1}
 #site footer .col a,#site footer .footer-policies-col a{font-size:14px;min-height:40px;display:flex;align-items:center}
 #site footer .col{gap:0}
 #site footer .col b{font-size:10px;margin-bottom:10px}
 #site footer .nform{max-width:none;gap:12px}
 #site footer .nform input{min-height:44px;font-size:16px;min-width:0}
 #site footer .nform button{height:44px;padding:10px 16px;font-size:13px;flex-shrink:0}
 #site footer .ftlogo,#site footer .ftpol{width:88%}
 #site footer .ftlogo{padding:0 0 25px}
 #site footer .footer-top-link{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce) and (max-width:680px){
 #site #craft .craft-simple-reel{height:auto;margin:0}
 #site #craft .craft-simple-reel .craft-reel-pin{position:static;height:auto;aspect-ratio:16/9}
}

@media(max-width:360px){#site #cultura .people-editorial .pp .rev{min-height:390px}#site#site .polpage .policy-switcher{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
