/* Contact only: original photograph, full frame, and existing Anton display. */
#contacto{padding:110px 4vw 30px;background:#000}
#contacto>.label{margin:0 0 48px}
#contacto .contact-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));position:relative;align-items:start}
#contacto .contact-intro{grid-column:1/7;grid-row:1;margin:24px 0 42px;font-size:12px;line-height:1.8}
#contacto .contact-layout h2{grid-column:1/8;grid-row:2;position:relative;z-index:2;width:max-content;max-width:100%;margin:0;align-self:center;font-family:var(--display);font-size:clamp(64px,9.8vw,152px);font-weight:900;letter-spacing:-.015em;line-height:1.14}
#contacto .contact-layout h2 span{display:block;white-space:nowrap}
#contacto .contact-layout h2 span+span{font-size:.8em;margin:5px 0 0 2vw}
#contacto .contact-portrait{grid-column:7/-1;grid-row:1/4;margin:0 0 0 1vw;align-self:start}
#contacto .contact-portrait img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
#contacto .contact-actions{grid-column:1/7;grid-row:3;align-self:start;margin-top:40px}
#contacto .contact-actions>.text-link{margin:0;font-size:13px}
#contacto .socials{margin:28px 0 0;gap:24px;font-size:13px}
#contacto .socials a{position:relative;padding:0;border-bottom:1px solid #555;cursor:pointer;transition:color .2s ease,border-color .2s ease}
@media(hover:hover){#contacto .socials a:hover{color:#fff;border-color:#888}}
@media(max-width:767px){
 #contacto .socials a{display:inline-flex;align-items:center;min-height:44px;margin-block:-14px;border-bottom:0}
 #contacto .socials a::after{content:"";position:absolute;left:0;right:0;bottom:14px;border-bottom:1px solid #555}
}
#contacto .contact-layout .reveal{transition:opacity .85s ease,transform .85s ease}
.js-motion #contacto .contact-layout .reveal{opacity:0;transform:translateY(10px)}
.js-motion #contacto .contact-layout .reveal.visible{opacity:1;transform:none}
#contacto .contact-portrait.reveal{transition-delay:.12s}
@media(max-width:1023px) and (min-width:768px){
 #contacto .contact-intro{font-size:10px}
 #contacto .contact-actions{margin-top:28px}
 #contacto .socials{gap:16px;font-size:12px}
}
@media(max-width:767px){
 #contacto{padding:64px 5vw 25px}
 #contacto>.label{margin-bottom:28px}
 #contacto .contact-layout{grid-template-columns:minmax(0,1fr)}
 #contacto .contact-intro{grid-column:1;grid-row:1;margin:0 0 28px;font-size:10px;line-height:1.9}
 #contacto .contact-layout h2{grid-column:1;grid-row:2;font-size:15.5vw;line-height:1.15;max-width:100%}
 #contacto .contact-layout h2 span+span{margin:4px 0 0 4vw;font-size:.8em}
 #contacto .contact-portrait{grid-column:1;grid-row:3;width:88%;margin:26px 0 0 auto}
 #contacto .contact-actions{grid-column:1;grid-row:4;margin:28px 0 0}
 #contacto .contact-actions>.text-link{font-size:12px}
 #contacto .socials{gap:22px;margin-top:24px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 #contacto .contact-layout .reveal{opacity:1!important;transform:none!important;transition:none!important}
}