/* Editorial details drawn from Andrés' visual references. */
.hero .eyebrow::after{content:'↗';display:inline-block;margin-left:8px;color:#ee8c78;font:italic 18px/1 cursive;transform:rotate(-10deg)}
.intro-section{position:relative}
.intro-section>.eyebrow{grid-column:1;grid-row:1}.intro-section>.intro-artwork{grid-column:1;grid-row:2;align-self:center;margin:-6px 0 0;width:100%;max-width:300px}.intro-artwork img{width:100%;height:auto;object-fit:contain;filter:contrast(1.04)}.intro-section>.intro-copy{grid-column:2;grid-row:1/span 2}.intro-section>.text-link{grid-column:3;grid-row:1/span 2}
.intro-section h2 em{text-decoration:underline wavy #b9382b;text-decoration-thickness:1.5px;text-underline-offset:.16em}#trabajos .section-top h2 em{font-family:var(--display);font-size:clamp(46px,5.2vw,72px);font-weight:400;letter-spacing:-.045em;line-height:.98;text-decoration:none}
.portrait{border:7px solid var(--paper);box-shadow:10px 12px 0 var(--stone)}
.portrait::before{content:'en el set';position:absolute;z-index:3;top:15px;right:-3px;padding:5px 13px;background:var(--paper);color:var(--accent);font:italic 17px/1.2 'Segoe Print','Bradley Hand',cursive;transform:rotate(6deg);box-shadow:0 2px 6px #20201e24}
.documentary h2 .doc-artist{color:#ffc2ad}.documentary h2 em{color:var(--paper)}
.documentary .doc-poster{aspect-ratio:16/10;overflow:hidden;padding:24px;color:#fff;text-shadow:0 2px 12px #000b;transform:rotate(1deg);border:7px solid var(--paper)}
.documentary .doc-poster:hover{transform:rotate(0)}
.doc-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.68) saturate(.83);transform:scale(1.02)}
.doc-poster::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#10100e55 0%,transparent 42%,#10100ec9 100%);pointer-events:none}
.doc-poster>span{position:relative;z-index:2}
.doc-poster .doc-type{font-size:clamp(38px,5vw,68px)}
.doc-poster>.eyebrow{color:#ffc2ad}
.doc-poster .doc-caption{border-color:#ffffffa8}

/* Restore the simple archive link, highlighted by a loose hand-drawn circle. */
#trabajos .work-footer .text-link{position:relative;z-index:0;display:inline-block;padding:8px 13px 6px;background:none;border:0;color:var(--ink);font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:normal;line-height:1.4;text-decoration:none;box-shadow:none;transition:color .2s ease}
#trabajos .work-footer .text-link::before{content:'';position:absolute;z-index:-1;inset:-5px -10px -7px;border:1.8px solid var(--accent);border-radius:49% 53% 47% 52% / 52% 44% 56% 47%;transform:rotate(-3deg);pointer-events:none}
#trabajos .work-footer .text-link::after{content:'';position:absolute;z-index:-1;top:-8px;right:-12px;width:19px;height:9px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 90% 0 0;transform:rotate(13deg);pointer-events:none}
#trabajos .work-footer .text-link:hover{color:var(--accent)}

.recognitions.section{padding-block:34px}
.recognitions .wrap{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,2.1fr);gap:5px 34px;align-items:center}
.recognitions .eyebrow,.recognitions h2,.recognitions-intro{grid-column:1;text-align:left}
.recognitions .eyebrow{font-size:9px;margin:0}
.recognitions h2{font-size:clamp(30px,3vw,42px);margin:2px 0}
.recognitions-intro{font-size:10px;margin:0;max-width:300px}
.recognitions .awards-grid{grid-column:2;grid-row:1/4;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;align-items:center}
.recognitions .award{min-height:96px;padding:0 0 0 52px;text-align:left}
.recognitions .laurel{display:block;position:absolute;left:1px;top:-2px;width:46px;height:40px;transform:none;color:var(--paper);opacity:.96}
.recognitions .award{padding-left:52px}
.recognitions .award::before{content:none}
.recognitions .award-mark{position:static;align-items:baseline;flex-direction:row;flex-wrap:wrap;gap:2px 5px}
.recognitions .award-mark span{font-size:7px;letter-spacing:.08em}
.recognitions .award-mark strong{font-size:13px;max-width:none;margin:0}
.recognitions .award-mark b{font-size:8px}
.recognitions .award h3{font-size:18px;margin:3px 0 2px}
.recognitions .award p{font-size:8px;line-height:1.45;margin:0 0 2px}
.recognitions .award-category{min-height:0}
.recognitions .award .work-credit{margin-top:4px}
.recognitions .award .text-link{font-size:8px;margin-top:3px;padding-bottom:2px}
@media(max-width:1100px){.intro-section>.intro-artwork{grid-column:1;grid-row:2;max-width:270px}.intro-section>.intro-copy{grid-column:2;grid-row:1/span 2}.intro-section>.text-link{grid-column:2;grid-row:3;justify-self:start;align-self:start}}
@media(max-width:760px){.intro-section>.eyebrow{grid-column:1;grid-row:1}.intro-section>.intro-artwork{grid-column:1;grid-row:2;width:min(100%,360px);max-width:none;margin:0 auto 22px}.intro-section>.intro-copy{grid-column:1;grid-row:3}.intro-section>.text-link{grid-column:1;grid-row:4;justify-self:start;align-self:start}}
@media(max-width:900px){.recognitions .wrap{grid-template-columns:1fr;gap:5px}.recognitions .awards-grid{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.recognitions-intro{max-width:none}.documentary .doc-poster{max-width:560px;width:100%;justify-self:center}}
@media(max-width:540px){.portrait::before{font-size:14px}.recognitions.section{padding-block:38px}.recognitions h2{font-size:36px}.recognitions .awards-grid{grid-template-columns:1fr;gap:14px}.recognitions .award{min-height:76px}.recognitions .award-mark strong{font-size:15px}.recognitions .award h3{font-size:19px}.recognitions .award p{font-size:9px}.documentary .doc-poster{aspect-ratio:16/10;padding:18px}.doc-poster .doc-type{font-size:42px}}
#reel-background video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;border:0}

/* Keep Instagram's baked-in preview play badge outside the portrait crop. */
.social-card a[data-video="DA86uulPhOX"] img{object-position:10% center}

.whatsapp-field{max-width:100%;margin-bottom:4px}.contact #status.success{color:#315f4e;background:#e4ece2;border-left:3px solid #315f4e;padding:12px 14px;margin-top:16px;font-weight:600}
