/* Editorial pencil marks: one red ink, existing paper and type. */
.es-drawing{display:block;overflow:visible;color:#df3027;pointer-events:none}
.es-drawing path{stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.es-note{display:flex;align-items:center;gap:15px;pointer-events:none;max-width:100%}
.es-note>span,.es-handwritten,.es-scarf-word{font-family:TribunaHandwriting,cursive;font-weight:400}
.es-note>span{font-size:26px;line-height:1.1;transform:rotate(-5deg)}
.es-note-card{padding:12px 0 7px;min-height:70px;color:var(--ink)}
.es-note-card .es-drawing-shirt{width:61px;flex:none;transform:rotate(-8deg)}
.es-note-card.es-note-ball{gap:8px;justify-content:flex-end}
.es-note-card .es-drawing-ball{width:100px;flex:none}
.es-note-card.es-note-ball>span{font-size:23px}
.es-note-hero{margin:24px 0 0;align-self:start}
.es-note-hero .es-drawing-shirt{width:106px;flex:none;transform:rotate(-7deg)}
.es-note-hero .es-drawing-ball{width:140px;flex:none}
.es-note-hero>span{font-size:32px}
.jf-nadal .es-note-hero{color:#f0efdf;margin-top:18px}
.jf-nadal .es-drawing{color:#f0efdf}
.jf-nadal .es-drawing-ball path:first-child{stroke:#ff7464}
.es-intermission{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px;position:relative;border-block:1px solid var(--ink);padding-block:38px 34px;margin-block:10px 42px;scroll-margin-top:35px}
.es-eyebrow{display:block;font:500 11px/1.4 var(--font);text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}
.es-break-copy h2{font:600 clamp(48px,5.6vw,87px)/.98 var(--display);letter-spacing:-.025em;margin:0}
.es-break-copy>a{display:inline-flex;align-items:baseline;gap:25px;font:400 13px/1.3 var(--font);padding:13px 0 5px;border-bottom:1px solid var(--line);margin-top:12px}
.es-break-copy>a:hover{color:#df3027;border-color:currentColor}
.es-break-copy>a>span{font-size:24px;line-height:1}
.es-break-art{position:relative;padding:5px 0 0;max-width:540px;transform:rotate(-5deg)}
.es-drawing-scarf{width:100%}
.es-drawing-scarf path{stroke-width:4}
.es-scarf-word{position:absolute;left:30%;top:20%;font-size:clamp(25px,3.5vw,48px);line-height:1;color:var(--ink);transform:rotate(5deg);white-space:nowrap}
.es-handwritten{display:block;color:var(--ink);font-size:clamp(27px,3.1vw,40px);line-height:1.05;text-align:right;margin:-6px 34px 0 0;transform:rotate(1deg)}
.es-next-grid{scroll-margin-top:30px}
/* Paths are static by default. Only the observer opts into the once-only drawing effect. */
@media(prefers-reduced-motion:no-preference){
 .es-ready:not(.es-visible) .es-drawing path{stroke-dasharray:1;stroke-dashoffset:1}
 .es-ready.es-visible .es-drawing path{animation:es-draw .68s ease-out both;animation-delay:var(--es-delay,0ms)}
 @keyframes es-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
}
@media(max-width:930px){
 .es-intermission{gap:24px;padding-block:30px}
 .es-break-copy h2{font-size:60px}
 .es-note-hero>span{font-size:28px}
 .es-note-hero .es-drawing-shirt{width:85px}
 .es-note-hero .es-drawing-ball{width:110px}
}
@media(max-width:620px){
 .es-intermission{grid-template-columns:1fr;gap:26px;margin-block:0 38px;padding-block:28px}
 .es-break-copy{display:block}
 .es-eyebrow{margin-bottom:14px}
 .es-break-copy h2{font-size:clamp(46px,12vw,64px)}
 .es-break-copy>a{gap:16px;font-size:13px;margin:8px 0 0}
 .es-break-art{width:94%;justify-self:center;padding-bottom:4px}
 .es-scarf-word{font-size:clamp(26px,7.4vw,40px)}
 .es-handwritten{font-size:30px;margin-right:10px}
 .es-note-card{padding-top:10px}
 .es-note-hero{margin-top:20px}
 .es-note-hero>span{font-size:28px}
 .es-next-grid.editorial-masonry{margin-top:0}
}
@media print{.es-drawing path{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.es-break-copy>a{display:none}}
