/* Correções da revisão de 12/09: medidas e interações aprovadas. */
:root{--gap:8px}
body,input,textarea,button{font-kerning:none;font-variant-ligatures:none}
.contact-description{font-family:PortfolioHelvetica,Arial,sans-serif;font-weight:400;font-size:calc(22 * var(--u));line-height:1.3;letter-spacing:-.01em}
.footer-copyright{display:inline-flex;align-items:center;gap:1px;font:400 14px/1 Mono,monospace;white-space:nowrap}
.copyright-symbol{font-size:16px}
.copyright-symbol,.copyright-year{text-box-trim:trim-both;text-box-edge:cap alphabetic}
.timeline strong{font-family:PortfolioHelvetica,Arial,sans-serif;font-weight:500;line-height:1.3;margin-bottom:1px}
.timeline span{font-family:PortfolioHelvetica,Arial,sans-serif;font-weight:300;line-height:1.3}
.timeline strong,.timeline span,.field,legend,.choice{font-kerning:none;font-feature-settings:"kern" 0,"liga" 0,"clig" 0}
.whatsapp-direct:hover,.whatsapp-direct:focus-visible{background:#000;color:#fff}
.whatsapp-direct:focus-visible img{filter:invert(1)}
.continue:hover,.continue:focus-visible{background:#373737}
.back:hover,.back:focus-visible{background:#eaeae9;color:#888}
.social-links img{transition:filter .18s}
.social-links button:hover img,.social-links button:focus-visible img{filter:brightness(0)}
.status-dot::after{background:#02D236;inset:29%}
.status-dot::before{background:#02D236;opacity:.2;animation:availability-pulse 1.6s ease-in-out infinite}
@keyframes availability-pulse{0%,100%{transform:scale(.48)}70%{transform:scale(1)}}
.accordions{gap:8px}
.cover-title{display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;padding:32px;font-size:calc(20 * var(--u))}
.cover-0 img,.cover-2 img,.cover-4 img,.cover-5 img,.cover-6 img{width:100%;height:100%;left:0;top:0;object-fit:cover}
html,#main,.accordion-scroll,.form-scroll{scrollbar-width:thin;scrollbar-color:#888 transparent}
html::-webkit-scrollbar,#main::-webkit-scrollbar,.accordion-scroll::-webkit-scrollbar,.form-scroll::-webkit-scrollbar{display:block;width:8px;height:8px}
html::-webkit-scrollbar-thumb,#main::-webkit-scrollbar-thumb,.accordion-scroll::-webkit-scrollbar-thumb,.form-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:8px}
.conditional-fields{display:grid;gap:32px}.conditional-fields:empty{display:none}
.field-hint{font-size:14px;line-height:1.4;color:#666;margin:-4px 0 16px}
@media(min-width:901px){.contact-surface{padding-top:0}.contact-info{padding-top:calc(184 * var(--u))}.form-scroll{padding-top:calc(80 * var(--u));padding-bottom:calc(80 * var(--u))}}
@media(max-width:900px){.contact-description{font-size:16px}.expanded-menu{background:transparent;padding-bottom:0}.expanded-menu .brand{width:124.991px;height:auto;aspect-ratio:104.991/24.787;object-fit:contain}.profile-details{min-width:0}.profile .brand{max-width:100%;object-fit:contain}.cover-title{padding:24px;font-size:16px}.accordions{gap:8px}.mobile-head{background:transparent}.expanded-menu{max-height:calc(100dvh - 32px);overflow-y:auto}.conditional-fields{gap:32px}}
@media(prefers-reduced-motion:reduce){.status-dot::before{animation:none;opacity:.2}}
html,#main,.accordion-scroll,.form-scroll{scrollbar-width:auto;scrollbar-color:auto}
html::-webkit-scrollbar-track,#main::-webkit-scrollbar-track,.accordion-scroll::-webkit-scrollbar-track,.form-scroll::-webkit-scrollbar-track{background:#eaeae9}
@media(max-width:900px){.expanded-menu{background:#fff}body.about-page .expanded-menu{background:var(--green)}}
@media(min-width:901px){#main{right:0;padding-right:var(--margin)}#main>.about-surface,#main>.contact-surface{right:var(--margin)}}
/* A barra do Sobre acompanha a janela, fora da superfície verde. */
@media(min-width:901px){.about-surface{overflow:visible}.accordion-scroll{right:calc(-1 * var(--margin));top:calc(-1 * var(--margin));bottom:calc(-26 * var(--u));padding-top:calc(144 * var(--u));padding-right:var(--margin);padding-bottom:calc(146 * var(--u))}}
.menu-close-icon{display:none;font:300 40px/1 Arial,sans-serif}
@media(max-width:900px){
 html,#main,.accordion-scroll,.form-scroll,.expanded-menu{scrollbar-width:none}
 html::-webkit-scrollbar,#main::-webkit-scrollbar,.accordion-scroll::-webkit-scrollbar,.form-scroll::-webkit-scrollbar,.expanded-menu::-webkit-scrollbar{display:none;width:0;height:0}
 html,body,#main{overflow-anchor:none}
 #main{padding-top:calc(16px + var(--mobile-menu-height,104.878px))}
 #mobile-menu{background:#fff}.about-page #mobile-menu{background:var(--green)}
 .mobile-head{display:flex!important}.expanded-menu{margin-top:8px}.expanded-menu:not(.open){display:none;margin-top:0}
 .expanded-menu.open{display:grid;gap:8px;max-height:none;overflow:visible}
 .is-open .menu-toggle img{display:none}.is-open .menu-close-icon{display:block}
 .is-open .mobile-profile .brand{width:111.341px;height:auto;aspect-ratio:104.991/24.787;object-fit:contain}
 .is-open .profile-details{gap:10px}.is-open .profile-meta{font-size:14px;gap:4px}.is-open .availability{gap:6px}
 .is-open .mobile-profile{flex:1;min-width:0}.is-open .mobile-profile .profile-details{width:100%}
 .home-heading{padding-top:56px}.about-surface{padding-top:8px}.about-copy{font-size:16px}
 #mobile-menu.is-open~#main>.home-heading{padding-top:8px}
 #mobile-menu.is-open~#main .case-intro{padding-top:8px}
}
.about-copy{font-size:calc(16 * var(--u))}
.profile>a.portrait,.profile-brand-link{display:block}
.metal-link{display:block;position:absolute;bottom:0;left:0;right:0;height:calc(255 * var(--u));z-index:3}
.metal-link .metal-clip{position:relative;inset:auto;width:100%;height:100%}
.metal-clip{pointer-events:auto}
.metal-clip iframe{pointer-events:none}
.back-to-top{right:calc(var(--margin) + 16px)}
@media(max-width:900px){.metal-link{position:relative;order:2;width:calc(100% + (2 * var(--margin)));height:128px;margin:104px 0 0 calc(-1 * var(--margin));bottom:auto;left:auto;right:auto}.metal-link .metal-clip{margin-top:0}.metal-clip iframe{display:block;width:180%;left:-40%;height:100%;top:0;transform:none}}
.case-gallery{position:relative}
.case-gallery>.back-to-top{position:absolute;right:16px;bottom:16px;transform:translateY(-300px)}
.case-gallery>.back-to-top.is-visible{transform:none;animation:back-to-top-arrival .85s cubic-bezier(.22,1,.36,1) both}
@keyframes back-to-top-arrival{from{opacity:0;transform:translateY(-300px)}to{opacity:.6;transform:translateY(0)}}
@media(max-width:900px){html:has(body.about-page),body.about-page,#main.about-main{background:var(--green)}}

/* Ampliação de imagem fora do fluxo da página, em todos os tamanhos de tela. */
body.gallery-lightbox-open{overflow:hidden}
.gallery-lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.88)}
.gallery-lightbox figure{margin:0;max-width:min(1200px,calc(100vw - 96px));max-height:calc(100dvh - 96px)}
.gallery-lightbox-image{display:block;max-width:100%;max-height:calc(100dvh - 96px);width:auto;height:auto;border-radius:8px}
.gallery-lightbox-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#fff;color:#000;font:300 30px/1 Arial,sans-serif;display:grid;place-items:center;z-index:1}
@media(max-width:900px){.gallery-lightbox{padding:16px}.gallery-lightbox figure{max-width:calc(100vw - 32px);max-height:calc(100dvh - 88px)}.gallery-lightbox-image{max-height:calc(100dvh - 88px)}.gallery-lightbox-close{top:16px;right:16px}}