/* Figma parity QA: Shell 613:3067 / 634:9975; About 613:3100 / 613:3113;
   mobile case 842:9946; archive 883:11568. Keep approved media and brand assets. */
:root{--header-height:92px}
.site-header{padding-block:24px;min-height:var(--header-height);gap:16px}
.desktop-nav{gap:32px;margin-right:16px;font-weight:500;letter-spacing:.4px;line-height:16px}
.desktop-nav a,.languages a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px}
.languages{font:500 12px/16px 'Roboto Flex',sans-serif;letter-spacing:.4px}
.header-search{width:176px;height:44px;gap:12px;flex:none}
.header-search:focus-within{outline:2px solid var(--lime);outline-offset:4px;border-color:var(--lime)}
.header-search button{display:grid;place-items:center;min-width:24px;min-height:40px}
.header-search button img{width:24px;height:24px}
.site-footer{padding:32px max(64px,calc((100vw - 1312px)/2));gap:48px}
.footer-name{font-size:22px;line-height:28px;font-weight:500;margin-bottom:8px}
.footer-credit{gap:8px;width:max-content;max-width:100%}
.credit-line{font-size:16px;line-height:22px;gap:6px}
.human-marker{padding:4px 8px;line-height:16px}
.footer-links a{min-height:44px;display:flex;align-items:center;line-height:22px;padding:8px 16px}
.footer-links a:first-child{min-width:272px}.footer-links a:last-child{min-width:132px}
.cover-signature{opacity:1}
.archive-signature{position:absolute;right:var(--page-pad);top:64px;width:96px;height:96px;pointer-events:none}
.archive-copy{min-width:0;display:grid;gap:16px}.archive-copy .eyebrow{color:var(--muted);font-size:12px;line-height:20px;letter-spacing:1.8px}
.archive-row{grid-template-columns:192px minmax(0,1fr) 16px;gap:48px;align-items:start}
.archive-row>img{width:192px;height:128px}.archive-row>span{align-self:center}
.archive-row h2{font-size:32px;line-height:40px;letter-spacing:1.5px}
.case-details summary:focus-visible{outline-offset:-5px}
.case-details summary::after{transition:transform .18s ease}
@media(min-width:1101px){
 .about [data-name="Abertura / pessoa e ponto de vista"]{padding-top:72px!important;padding-bottom:96px!important}
 .about [data-name="Abertura / pessoa e ponto de vista"]>div:first-child{gap:clamp(80px,14.44vw,208px);justify-content:space-between}
 .about [data-name="Abertura / pessoa e ponto de vista"]>div:first-child>div:first-child{width:748px;max-width:calc(100% - 400px);flex:0 1 748px}
 .about [data-name="Leitura / prática e trajetória"]>.columns{justify-content:flex-start}
 .about [data-name="Leitura / prática e trajetória"]>.columns>[data-name="Seção"]{flex:0 0 288px!important}
 .about [data-name="Leitura / prática e trajetória"]>.columns>[data-name="Leitura"]{flex:0 1 800px!important}
}
@media(max-width:1100px) and (min-width:761px){.site-header{gap:12px}.desktop-nav{gap:8px;margin-right:0}.header-search{width:140px}.languages{gap:4px}.site-footer{padding-inline:var(--page-pad)}}
@media(max-width:760px){
 :root{--header-height:92px}
 .site-header{padding:24px 20px;gap:8px}
 .header-search{width:40px;height:44px;margin-left:auto;flex:none}
 .header-search button{width:40px;min-height:44px;padding:8px}
 .languages{gap:0}.languages a{min-width:28px;min-height:44px;padding:0 4px}
 .menu-toggle{width:44px;height:44px;flex:none;margin-right:-8px}
 .menu-toggle span{transition:transform .18s ease,opacity .18s ease}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .site-footer{padding:32px 24px;gap:32px}.footer-credit{width:100%}.footer-identity{max-width:100%}.credit-line{white-space:normal;justify-content:space-between}
 .footer-links{width:100%;gap:12px}.footer-links a:first-child{min-width:0;flex:1}.footer-links a:last-child{min-width:0}.footer-links a{font-size:16px}
 .cover-layout h1{font-size:48px!important;line-height:52px!important}
 .cover-layout h2{font-size:30px!important;line-height:40px!important;letter-spacing:1.5px}
 .cover-signature{width:64px!important;height:64px!important;right:24px!important;top:24px!important}
 .cover-layout>:first-child>[data-name="Action/EditorialLink"]:first-child{max-width:calc(100% - 80px)}
 .about [data-name="Abertura / pessoa e ponto de vista"]{padding:40px 32px 64px!important}
 .about .about-portrait{margin-top:96px}
 .about [data-name="Apresentação"] h1{line-height:38px!important}
 .about [data-name="Leitura / prática e trajetória"]{padding-top:48px!important}
 .brand-double-rule{height:16px!important}
 .archive-signature{width:64px;height:64px;top:40px}
 .archive-row{grid-template-columns:88px minmax(0,1fr) 16px;gap:16px;align-items:start}
 .archive-row>img{width:88px;height:88px}.archive-copy{gap:8px}.archive-copy .eyebrow{font-size:10px;line-height:16px;letter-spacing:1px}
 .archive-row h2{font-size:20px;line-height:28px;letter-spacing:0}
}
@media(max-width:359px){.site-header{padding-inline:16px;gap:4px}.wordmark{font-size:18px}.wordmark img{width:18px;height:18px}.wordmark img:nth-of-type(2){margin-left:4px}.languages a{min-width:24px}.footer-links{flex-direction:column}.footer-links a{width:100%}}
@media(prefers-reduced-motion:reduce){.case-details summary::after,.menu-toggle span{transition:none}}
@media(min-width:761px){.about [data-name="Leitura / prática e trajetória"]{padding-top:64px!important}}
@media(max-width:760px){.credit-line{gap:4px}}
/* Give the work introduction its own breathing room before the brand divider. */
.work-custom>.brand-double-rule{margin-top:64px}
@media(max-width:760px){.work-custom>.brand-double-rule{margin-top:40px}}
/* Shared editorial actions: movement stays inside the hit area and the grid. */
a[data-name="Action/EditorialLink"]{--action-rest:var(--lime);isolation:isolate}
a[data-name="Action/EditorialLink"] [data-name="Content"]{overflow:visible}
a[data-name="Action/EditorialLink"] [data-name="Content"]>p{transition:color .2s ease}
a[data-name="Action/EditorialLink"] [data-name="Gesture"]{transition:transform .2s ease}
a[data-name="Action/EditorialLink"] [data-name="Accent rule"]{transition:background-color .2s ease,box-shadow .2s ease}
a[data-name="Action/EditorialLink"]:focus-visible [data-name="Content"]>p{color:var(--lime)}
a[data-name="Action/EditorialLink"]:focus-visible [data-name="Accent rule"]{background:var(--lime);box-shadow:0 1px 0 var(--lime)}
.text-link img,.project-action img,.cover-cta picture{transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){
 a[data-name="Action/EditorialLink"]:hover [data-name="Content"]>p{color:var(--lime)}
 a[data-name="Action/EditorialLink"]:hover [data-name="Gesture"]{transform:translateX(4px)}
 a[data-name="Action/EditorialLink"]:hover [data-name="Accent rule"]{background:var(--lime);box-shadow:0 1px 0 var(--lime)}
 .text-link:hover,.cover-cta:hover{color:var(--lime);box-shadow:0 1px 0 var(--lime)}
 .text-link:hover img,.project-card:hover .project-action img,.cover-cta:hover picture{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){
 a[data-name="Action/EditorialLink"] [data-name="Content"]>p,a[data-name="Action/EditorialLink"] [data-name="Gesture"],a[data-name="Action/EditorialLink"] [data-name="Accent rule"],.text-link img,.project-action img,.cover-cta picture{transition:none!important}
 a[data-name="Action/EditorialLink"]:hover [data-name="Gesture"],.text-link:hover img,.project-card:hover .project-action img,.cover-cta:hover picture{transform:none!important}
}
/* Rational code uses < >; human thought uses the same glyph as V / A quotes. */
.human-marker{display:grid;grid-template-columns:12px minmax(0,1fr) 12px;align-items:center;column-gap:4px;padding:4px}
.human-copy{min-width:0;text-align:center;line-height:20px}
.human-quote{width:12px;height:12px;filter:grayscale(1) brightness(1.5);pointer-events:none}
.human-quote-open{rotate:180deg}

/* Editorial calls to action use lime in their resting state. */
a[data-name="Action/EditorialLink"] [data-name="Content"]>p{color:var(--lime)}
a[data-name="Action/EditorialLink"] [data-name="Accent rule"]{background:var(--lime)}