/*
Theme Name: El Contrapunto
Version: 1.0.0
Text Domain: el-contrapunto
*/
@font-face{font-family:Bodoni;src:url(fonts/BodoniModa.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Bodoni;src:url(fonts/BodoniModaItalic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:Work;src:url(fonts/WorkSans.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--p:#faf8f3;--ink:#16142e;--ind:#2d2a8f;--ind2:#1d1b63;--saf:#f1ad2e;--mu:#68657e;--rule:#dcd8cc}
*{box-sizing:border-box;margin:0;padding:0}
body.cp{background:var(--p);color:var(--ink);font-family:Work,system-ui,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.cpk{display:inline-block;font:600 11px Work,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ind)}
.cpk-inv{color:var(--saf)}
/* masthead */
.cp-mast{padding:26px 0 14px;text-align:center}
.cp-mast-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.cpm-l,.cpm-r{font:500 12px Work,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.cpm-l{text-align:left}.cpm-r{text-align:right}
.cp-logo{position:relative;display:inline-flex;align-items:baseline;font-family:Bodoni,serif;font-size:72px;line-height:1;padding:10px 26px;font-variation-settings:"opsz" 96}
.cp-logo .c0{font-style:italic;font-weight:500;font-size:.5em;color:var(--ind);margin-right:.12em}
.cp-logo .c1{font-weight:500;letter-spacing:-.01em}
.cp-logo .c2{font-style:italic;font-weight:400;color:var(--ind)}
.staff{position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);background:repeating-linear-gradient(to bottom,rgba(45,42,143,.18) 0 1px,transparent 1px 11px);z-index:-1}
.staff i{position:absolute;width:13px;height:10px;border-radius:50%;transform:rotate(-20deg)}
.staff .n1{left:6px;top:15px;background:var(--saf)}
.staff .n2{right:6px;top:4px;background:var(--ind)}
.staff .n1:after,.staff .n2:after{content:"";position:absolute;right:0;bottom:4px;width:1.5px;height:26px;background:inherit;transform:rotate(20deg)}
.cp-tag{font:italic 400 16px Bodoni,serif;color:var(--mu);margin-top:6px}
.cp-nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);position:sticky;top:0;background:var(--p);z-index:10}
.cp-nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.cpn-l{display:flex;justify-content:flex-end;gap:26px}.cpn-r{display:flex;gap:26px}
.cp-nav a{font:600 12.5px Work,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:13px 0;white-space:nowrap}
.cp-nav a:hover{color:var(--ind)}
.cpn-mid{color:var(--saf);font-size:12px}
/* duotone */
.duo{position:relative;background:var(--ind);overflow:hidden;display:block}
.duo img{filter:grayscale(1) contrast(1.05) brightness(1.1);mix-blend-mode:screen}
.duo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(241,173,46,.55),rgba(241,173,46,0) 55%);mix-blend-mode:multiply;pointer-events:none}
/* hero split */
.cp-hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;margin-bottom:56px}
.cph-l{background:var(--ind2);color:#f4f1ff;display:flex;align-items:center;justify-content:flex-end}
.cph-in{max-width:600px;padding:56px 56px 56px 40px}
.cph-l h1{font:500 50px/1.06 Bodoni,serif;letter-spacing:-.01em;margin:18px 0 20px;font-variation-settings:"opsz" 96}
.cph-l h1 a:hover{color:var(--saf)}
.cph-l p{font-size:18px;color:#c9c5ee;line-height:1.55}
.cph-r{position:relative;min-height:420px}
.cph-link{position:absolute;inset:0;display:block}
.cph-cap{position:absolute;left:16px;bottom:14px;z-index:2;font:400 10.5px Work,sans-serif;color:#fff;background:rgba(22,20,46,.6);padding:4px 8px}
.cph-cap a{text-decoration:underline}
.cpsrc{display:inline-block;margin-top:12px;font:italic 500 15px Bodoni,serif;color:var(--ind);border-bottom:1px solid var(--saf)}
.cph-l .cpsrc{color:var(--saf)}
/* section head with staff */
.cp-sh{display:flex;align-items:center;gap:20px;margin-bottom:34px}
.cp-sh h2{font:italic 500 34px Bodoni,serif;white-space:nowrap}
.staff-s{flex:1;height:21px;background:repeating-linear-gradient(to bottom,var(--rule) 0 1px,transparent 1px 5px)}
.cp-sh-inv .staff-s{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.22) 0 1px,transparent 1px 5px)}
/* pairs */
.cp-mov{padding-bottom:40px}
.cp-pair{display:grid;grid-template-columns:minmax(0,7fr) 70px minmax(0,5fr);align-items:start;padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid var(--rule)}
.cp-pair-alt{grid-template-columns:minmax(0,5fr) 70px minmax(0,7fr)}
.cp-pair:last-of-type{border-bottom:0}
.cp-axis{align-self:stretch;position:relative;display:flex;justify-content:center}
.cp-axis:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--ink)}
.cp-axis span{position:relative;margin-top:40px;width:44px;height:44px;border-radius:50%;background:var(--saf);display:flex;align-items:center;justify-content:center;font:italic 600 17px Bodoni,serif;color:var(--ink)}
.cps-l{text-align:right}
.cps-img{display:block;aspect-ratio:16/10;margin-bottom:16px}
.cps h3{font:500 28px/1.15 Bodoni,serif;margin:10px 0 10px;font-variation-settings:"opsz" 48}
.cps h3 a:hover{color:var(--ind)}
.cps p{font-size:16px;color:var(--mu)}
.cp-pair .cps:first-child h3{font-size:34px}
.cp-pair-alt .cps:first-child h3{font-size:28px}
.cp-pair-alt .cps:last-child h3{font-size:34px}
.cps-dato{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);color:#fff;text-align:center}
.cps-dato b{font:500 64px/1 Bodoni,serif;color:var(--saf)}
.cps-dato span{font:600 11px Work;letter-spacing:.16em;text-transform:uppercase;margin-top:8px;color:#bbb}
.anc{display:block;height:0}
.ph{display:flex;align-items:center;justify-content:center;background:var(--ind);color:#fff;font:italic 28px Bodoni}
/* debate */
.cp-deb{background:var(--ink);color:#f4f1ff;padding:56px 0 64px}
.cpd-grid{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center}
.cpd{border:1px solid rgba(255,255,255,.18);padding:30px}
.cpd span{font:600 11px Work;letter-spacing:.2em;text-transform:uppercase;color:var(--saf)}
.cpd p{font:italic 400 24px/1.35 Bodoni,serif;margin-top:10px;color:#e3e0ff}
.cpd-vs{text-align:center;font:italic 500 36px Bodoni,serif;color:var(--saf)}
/* footer */
.cp-foot{background:var(--ind2);color:#c9c5ee;padding:48px 0 26px;font-size:14px}
.cpf-grid{display:grid;grid-template-columns:1.2fr .9fr 1.6fr;gap:44px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.15)}
.cp-logo-inv{font-size:44px;color:#fff;padding:6px 16px;margin-left:-16px}
.cp-logo-inv .c2{color:var(--saf)}
.cp-logo-inv .staff{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.18) 0 1px,transparent 1px 7px);height:28px}
.cp-logo-inv .staff i{display:none}
.cpf-grid p{margin-top:10px}
.cp-foot h4{font:600 11px Work;letter-spacing:.2em;text-transform:uppercase;color:var(--saf);margin-bottom:12px}
.cpf-sec a{display:block;margin-bottom:4px}
.small{font-size:12.5px;margin-bottom:8px}
.credits{list-style:none;font-size:12px;columns:2;column-gap:22px}
.credits li{break-inside:avoid;margin-bottom:4px}
.credits a{text-decoration:underline}
.legal{font-size:12px;margin-top:18px;color:#8d89b8}
/* article */
.cpa-hero{min-height:480px;margin-bottom:44px}
.cpa-hero .cph-l h1{font-size:46px}
.cpa-by{font:500 13px Work,sans-serif;color:#c9c5ee!important;letter-spacing:.04em}
.cph-dato{display:flex;align-items:center;justify-content:center;background:var(--saf)}
.cph-dato b{font:500 90px Bodoni,serif;color:var(--ind2)}
.cpa-wrap{max-width:720px;margin:0 auto;padding:0 40px 40px}
.cpa-dek{font:italic 400 25px/1.4 Bodoni,serif;color:var(--ind);border-left:3px solid var(--saf);padding-left:20px;margin-bottom:30px}
.cpa-body p{font-size:19px;line-height:1.75;margin-bottom:22px}
.cpa-src{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;margin-top:30px}
.cpa-src p{margin:6px 0}
.cpa-src a{font:600 14px Work;color:var(--ind);border-bottom:2px solid var(--saf)}
/* responsive */
@media (max-width:1000px){.cpn-l,.cpn-r{gap:16px}.cp-nav a{font-size:11px;letter-spacing:.08em}}
@media (max-width:820px){
 .wrap{padding:0 18px}
 .cp-mast{padding:16px 0 10px}
 .cp-mast-in{grid-template-columns:1fr}
 .cpm-l,.cpm-r{display:none}
 .cp-logo{font-size:44px;padding:8px 16px}
 .cp-tag{font-size:14px}
 .cp-nav .wrap{display:flex;overflow-x:auto;gap:18px;scrollbar-width:none}
 .cpn-l,.cpn-r{gap:18px}
 .cp-hero{grid-template-columns:1fr;min-height:0;margin-bottom:36px}
 .cph-r{order:-1;min-height:280px}
 .cph-in{padding:28px 18px 32px}
 .cph-l h1,.cpa-hero .cph-l h1{font-size:32px}
 .cph-l p{font-size:16px}
 .cp-sh h2{font-size:26px}
 .cp-pair,.cp-pair-alt{grid-template-columns:1fr;padding-bottom:28px;margin-bottom:28px}
 .cp-axis{height:40px}
 .cp-axis:before{display:none}
 .cp-axis span{margin:0 auto;width:36px;height:36px;font-size:14px}
 .cps-l{text-align:left}
 .cp-pair .cps h3{font-size:26px!important}
 .cpd-grid{grid-template-columns:1fr;gap:12px}
 .cpd p{font-size:20px}
 .cpf-grid{grid-template-columns:1fr}
 .credits{columns:1}
 .cpa-wrap{padding:0 18px 30px}
 .cpa-dek{font-size:20px}
 .cpa-body p{font-size:18px}
}
.cp-logo-inv .c0{color:#fff;opacity:.85}
.legal .dom{color:var(--saf)}
.cp-logo{padding-left:44px}.cp-logo .staff .n1{left:10px}
.cp-logo-inv{padding-left:16px}
@media (max-width:820px){.cp-logo{padding-left:30px}.cp-logo .staff .n1{left:4px}}

.recent-news{padding-block:24px}.recent-news .cp-pair{display:grid;gap:1rem}.recent-news .cps{min-width:0}