/* An independent studio, expressed as a signed editorial print. */
.studio-signature{background:#fff;color:#101010;padding:55px 0 38px;overflow:hidden}
.signature-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.signature-top>span{font-size:12px;line-height:1.6;letter-spacing:.09em;color:#696169}
.signature-poster{text-align:center;padding-top:48px}
.signature-poster h2{font-size:clamp(54px,6.8vw,98px);font-weight:500;letter-spacing:-.065em;line-height:1.02;position:relative;z-index:1}
.signature-poster h2 em{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.06em;font-weight:400}
html[lang=pt-BR] .signature-poster h2{font-size:clamp(42px,5.6vw,82px)}
.signature-art{position:relative;width:min(100%,790px);margin:18px auto 12px;padding:0 60px}
.signature-emblem{width:100%;height:auto;overflow:hidden}
.signature-original,.signature-echo{transform-box:view-box;transform-origin:49% 47%;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.signature-original{transform:rotate(-5deg)}
.signature-echo{transform:translate(20px,17px) rotate(3deg)}
.signature-margin{position:absolute;font-size:12px;line-height:1.5;letter-spacing:.1em;top:50%;writing-mode:vertical-rl;color:#726b71}
.signature-margin-left{left:4%;transform:translateY(-50%) rotate(180deg)}
.signature-margin-right{right:4%;transform:translateY(-50%)}
.signature-caption{font-size:16px;line-height:1.75;max-width:355px;margin:0 auto;padding:0 10px}
.signature-principles{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:48px;padding-top:25px;border-top:1px solid #10101030}
.signature-principles>span{display:flex;align-items:baseline;gap:18px;font-size:14px;line-height:1.6}
.signature-principles small{font-size:12px;color:#8a7c87;letter-spacing:.02em}
@keyframes signature-impression{from{opacity:0;transform:rotate(-12deg) scale(.8)}to{opacity:1;transform:rotate(-5deg) scale(1)}}
@keyframes signature-offset{from{opacity:0;transform:translate(0,0) rotate(-5deg)}to{opacity:1;transform:translate(20px,17px) rotate(3deg)}}
@media(prefers-reduced-motion:no-preference){
 .signature-poster.is-visible .signature-original{animation:signature-impression 1.2s cubic-bezier(.22,1,.36,1) both}
 .signature-poster.is-visible .signature-echo{animation:signature-offset 1.35s .12s cubic-bezier(.22,1,.36,1) both}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .signature-art:hover .signature-emblem{transform:rotate(3deg) scale(1.025)}
 .signature-emblem{transition:transform .9s cubic-bezier(.22,1,.36,1)}
}
@media(max-width:900px){.signature-art{max-width:640px}.signature-poster{padding-top:42px}.signature-principles{gap:20px}.signature-principles>span{gap:12px}}
@media(max-width:640px){
 .studio-signature{padding:36px 0 30px}
 .signature-top{align-items:flex-start;gap:20px}
 .signature-top>span{max-width:130px;text-align:right;font-size:12px;letter-spacing:.025em}
 .signature-top .eyebrow{font-size:12px;white-space:nowrap}
 .signature-poster{padding-top:42px}
 .signature-poster h2{font-size:clamp(42px,11.5vw,70px);line-height:1.07}
 html[lang=pt-BR] .signature-poster h2{font-size:clamp(30px,8.2vw,48px);line-height:1.13}
 .signature-art{padding:12px 18px 10px;margin:23px auto 20px;width:100%}
 .signature-margin{display:none}
 .signature-caption{font-size:16px;max-width:300px;padding-inline:5px}
 .signature-principles{gap:17px;margin-top:36px;padding-top:22px;align-items:flex-start}
 .signature-principles>span{flex:1;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.signature-original{transform:rotate(-5deg)}.signature-echo{transform:translate(20px,17px) rotate(3deg)}}