/* Monographs share the site's quiet typography; each artist has a distinct rhythm. */
.monograph{--mono-accent:#264c41;--mono-tint:#eef3f0;--mono-ink:#18221f;color:var(--mono-ink);font-weight:400;max-width:1440px;margin:auto}
.mono-monet{--mono-accent:#3b5275;--mono-tint:#edf1f8;--mono-ink:#1b2333}
.mono-hammershoi{--mono-accent:#4b4d4c;--mono-tint:#eff0f0;--mono-ink:#222525}
.monograph button,.mono-lightbox button{font:inherit;cursor:pointer}
.mono-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dfdc;padding:0 0 22px;margin-bottom:40px;font-size:10px;letter-spacing:.14em}
.mono-back{border:0;background:none;padding:10px 0;color:inherit;letter-spacing:0;font-size:13px!important;text-decoration:underline;text-underline-offset:5px}
.mono-hero{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:6%;padding-bottom:54px}
.mono-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;margin:0 0 18px;color:var(--mono-accent)}
.mono-hero h1{font-family:inherit;font-size:clamp(52px,6.4vw,98px);line-height:.98;letter-spacing:-.075em;font-weight:400;margin:0 0 28px}
.mono-title{font:italic clamp(25px,2.6vw,38px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:0 0 25px}
.mono-deck{font-size:16px;line-height:1.85;max-width:39ch;color:#59615e}
.mono-meta{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.mono-meta span+span:before{content:'·';margin-right:13px}
.mono-work{margin:0;min-width:0}
.mono-visual{display:flex;align-items:center;justify-content:center;position:relative;width:100%;border:0;padding:0;background:var(--mono-tint);color:inherit;overflow:hidden}
.mono-visual img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.mono-visual:after{content:'Ver de cerca';position:absolute;bottom:15px;right:15px;padding:9px 14px;border:1px solid #ffffff55;border-radius:30px;background:#ffffffd6;color:#23312a;font-size:11px;backdrop-filter:blur(16px);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.mono-visual:hover:after,.mono-visual:focus-visible:after{opacity:1;transform:none}
.mono-work figcaption{padding-top:21px}
.mono-work h3{font-family:inherit;font-weight:450;font-size:clamp(22px,2.2vw,31px);line-height:1.16;letter-spacing:-.04em;margin:0 0 10px;text-wrap:balance}
.mono-work-index{display:block;font-size:9px;letter-spacing:.12em;color:#737e78;margin-bottom:14px}
.mono-technique{font-size:11px;color:#5f6c65;line-height:1.7;margin:0 0 14px}
.mono-reading{font-size:15px;line-height:1.8;color:#57615b;max-width:62ch;margin:12px 0 19px}
.mono-original,.mono-identity{display:block;font-size:10px;line-height:1.6;color:#7c847f;margin-top:8px}
.mono-original{font-style:italic;margin-top:16px}.mono-identity{margin-top:3px}
.mono-work-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.mono-configure{display:inline-flex;justify-content:center;align-items:center;min-height:42px;border:1px solid #b7c3bc;border-radius:30px;background:transparent;padding:10px 17px;font-size:12px!important;color:var(--mono-accent);text-decoration:none;transition:background .2s,color .2s}
.mono-configure:hover{background:var(--mono-accent);color:white}
.mono-configure:disabled{cursor:default;opacity:.6;background:transparent;color:inherit}
.mono-source{font-size:11px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.mono-hero .mono-work figcaption{display:grid;grid-template-columns:1fr auto;column-gap:15px;padding-top:15px}
.mono-hero .mono-work h3{font-size:17px}.mono-hero .mono-work-index,.mono-hero .mono-reading,.mono-hero .mono-original,.mono-hero .mono-identity{display:none}
.mono-hero .mono-technique{grid-column:1;margin:0}.mono-hero .mono-work-links{grid-column:2;grid-row:1/3;justify-content:flex-end}.mono-hero .mono-source{display:none}
.mono-nav{display:flex;gap:4px;position:sticky;top:84px;z-index:5;padding:12px 0;background:#fffffff0;backdrop-filter:blur(18px);border-block:1px solid #cbd3ce;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.mono-nav button{flex:1;white-space:nowrap;background:transparent;border:0;border-radius:24px;padding:12px 15px;font-size:11px;color:#637168;min-height:44px}
.mono-nav button:hover,.mono-nav button[aria-current]{background:var(--mono-tint);color:var(--mono-accent)}
.mono-introduction{display:grid;grid-template-columns:1fr 1.3fr;gap:0 9%;padding:85px 5% 95px}
.mono-introduction>.mono-eyebrow{grid-column:1/-1}.mono-introduction h2{font:400 clamp(29px,3.2vw,47px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0;max-width:13ch}
.mono-introduction p:not(.mono-eyebrow){font-size:16px;line-height:1.85;color:#4f5d54;margin:0 0 20px}
.mono-chapter{padding-top:42px;margin-bottom:95px;border-top:1px solid #cbd3ce;scroll-margin-top:165px}
.mono-chapter-heading{display:grid;grid-template-columns:80px 1fr 1fr;align-items:start;gap:30px;margin-bottom:45px}
.mono-chapter-number{font:italic 55px/1 Georgia,serif;color:var(--mono-accent)}
.mono-chapter-heading h2{font-family:inherit;font-size:clamp(29px,3.5vw,51px);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:0;max-width:15ch}
.mono-chapter-heading p{font-size:15px;line-height:1.8;color:#5c665f;margin:0}
.mono-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 6%;align-items:start}
.mono-work-grid>.is-lead{grid-column:1/-1;display:grid;grid-template-columns:1.65fr 1fr;gap:6%;align-items:center;margin-bottom:10px}
.mono-work-grid>.is-lead .mono-visual img{max-height:590px}
.mono-hammershoi .mono-work-grid>.is-lead{grid-template-columns:1fr 1fr}.mono-hammershoi .mono-hero .mono-visual{padding:20px}.mono-hammershoi .mono-hero .mono-visual img{max-height:580px}
.mono-hammershoi .mono-work-grid>.mono-work:not(.is-lead):nth-child(3n){padding:7% 10% 0}
.mono-comparison{padding:42px;margin:65px 0 0;background:var(--mono-tint)}
.mono-comparison>h3,.mono-detail h3{font:400 clamp(26px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:0 0 18px}
.mono-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:30px}
.mono-pair .mono-visual{height:300px;background:transparent}.mono-pair .mono-visual img{height:100%;object-fit:contain}
.mono-pair .mono-work-index,.mono-pair .mono-reading,.mono-pair .mono-original,.mono-pair .mono-identity{display:none}.mono-pair .mono-work h3{font-size:20px}
.mono-detail{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;margin-top:65px;background:var(--mono-accent);color:#fff;padding:40px}
.mono-detail-image{height:330px;overflow:hidden;border:0;padding:0;position:relative;background:transparent}
.mono-detail-image img{width:100%;height:100%;object-fit:cover;transform:scale(var(--detail-scale,1.8))}
.mono-detail .mono-eyebrow{color:#fff9}.mono-detail p:not(.mono-eyebrow){font-size:16px;line-height:1.8;color:#ffffffe0}.mono-detail-invitation{display:inline-block;border-bottom:1px solid #fff8;font-size:12px;padding-bottom:5px}
.mono-end{padding:70px 5%;text-align:center;border-top:1px solid #cbd3ce}.mono-end h2{font:400 clamp(30px,3.5vw,48px)/1.2 Georgia,serif;margin:18px auto;max-width:23ch}.mono-end>p:not(.mono-eyebrow){max-width:62ch;line-height:1.8;margin:20px auto;font-size:16px}.mono-next{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:35px}.mono-next a{font-size:13px;color:var(--mono-accent);text-underline-offset:6px}
.mono-sources{border-block:1px solid #d9dfdc;padding:20px 0;font-size:12px;line-height:1.8;margin-bottom:40px}.mono-sources summary{cursor:pointer}.mono-sources p{max-width:90ch}
.mono-image-error{padding:45px 25px;font-size:14px;line-height:1.6}
.monograph :focus-visible,.mono-lightbox :focus-visible{outline:2px solid #628a78;outline-offset:5px}
.mono-lightbox{box-sizing:border-box;width:calc(100vw - 36px);max-width:1600px;height:calc(100dvh - 36px);max-height:none;padding:24px 28px;border:1px solid #ffffff20;border-radius:10px;background:#171c1a;color:white;overflow:hidden}
.mono-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px}.mono-lightbox::backdrop{background:#07100ce8;backdrop-filter:blur(8px)}
.mono-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.mono-lightbox h2{font-family:inherit;font-weight:400;font-size:22px;line-height:1.2;margin:0}.mono-lightbox-top p{font-size:12px;color:#fff9;margin:8px 0 0}.mono-close{background:transparent;color:white;border:1px solid #ffffff40;border-radius:30px;min-height:44px;padding:10px 18px;font-size:12px!important}
.mono-zoom-viewport{overflow:auto;overscroll-behavior:contain;min-height:0;background:#121614;touch-action:pan-x pan-y}
.mono-zoom-stage{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%}.mono-zoom-stage img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.mono-zoom-controls{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:12px}.mono-zoom-controls label{display:flex;align-items:center;gap:15px}.mono-zoom-controls input{width:160px;accent-color:#a2b5a9;min-height:35px}.mono-zoom-controls>span{color:#fff9}.mono-zoom-controls .mono-configure{margin-left:auto;color:white;border-color:#fff6}
@media(max-width:1000px){.mono-hero{grid-template-columns:1fr 1.2fr;gap:5%}.mono-hero h1{font-size:66px}.mono-hero .mono-work figcaption{display:block}.mono-hero .mono-work-links{margin-top:13px}.mono-nav{top:75px}.mono-nav button{padding:11px}.mono-introduction{padding:60px 0;gap:7%}.mono-chapter-heading{grid-template-columns:55px 1fr;gap:20px}.mono-chapter-heading p{grid-column:2;max-width:60ch}.mono-detail{padding:28px;gap:5%}.mono-detail-image{height:280px}}
@media(max-width:700px){.mono-top{margin-bottom:28px;padding-bottom:14px}.mono-hero{grid-template-columns:1fr;padding-bottom:32px;gap:28px}.mono-hero h1{font-size:clamp(60px,14vw,90px);max-width:9ch;margin-bottom:20px}.mono-deck{max-width:52ch;font-size:15px}.mono-title{font-size:30px}.mono-meta{margin-top:22px}.mono-hero .mono-visual img{max-height:480px}.mono-hero .mono-work figcaption{display:grid}.mono-hero .mono-work-links{margin:0}.mono-nav{top:74px;margin-inline:-18px;padding-inline:18px;gap:3px}.mono-nav button{flex:none}.mono-introduction{grid-template-columns:1fr;padding:48px 0;gap:22px}.mono-introduction>.mono-eyebrow{margin:0}.mono-introduction h2{max-width:20ch;font-size:34px}.mono-introduction p:not(.mono-eyebrow){font-size:15px}.mono-chapter{margin-bottom:65px;padding-top:30px;scroll-margin-top:150px}.mono-chapter-heading{gap:16px;grid-template-columns:40px 1fr;margin-bottom:28px}.mono-chapter-number{font-size:38px}.mono-chapter-heading h2{font-size:34px;max-width:none}.mono-chapter-heading p{font-size:14px}.mono-work-grid{grid-template-columns:1fr;gap:43px}.mono-work-grid>.is-lead,.mono-hammershoi .mono-work-grid>.is-lead{display:block}.mono-work figcaption{padding-top:17px}.mono-work h3{font-size:25px}.mono-work-index{margin-bottom:10px}.mono-reading{font-size:14px}.mono-hammershoi .mono-work-grid>.mono-work:not(.is-lead):nth-child(3n){padding:0}.mono-visual:after{opacity:1;transform:none;font-size:10px;bottom:10px;right:10px}.mono-comparison{padding:25px 18px;margin-top:42px}.mono-pair{gap:20px;grid-template-columns:1fr}.mono-pair .mono-visual{height:auto}.mono-pair .mono-visual img{height:auto;max-height:380px}.mono-detail{padding:22px;grid-template-columns:1fr;gap:30px;margin-top:42px}.mono-detail-image{height:270px}.mono-detail h3{font-size:29px}.mono-detail p:not(.mono-eyebrow){font-size:14px}.mono-end{padding:45px 0}.mono-end>p:not(.mono-eyebrow){font-size:15px}.mono-next{gap:23px}.mono-lightbox{width:100vw;height:100dvh;padding:18px;border-radius:0;border:0}.mono-lightbox-top h2{font-size:17px}.mono-zoom-controls{gap:10px 20px}.mono-zoom-controls label{width:100%;justify-content:space-between}.mono-zoom-controls input{flex:1;min-width:80px}.mono-zoom-controls>span{font-size:10px;max-width:45%}.mono-zoom-controls .mono-configure{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.monograph *{scroll-behavior:auto!important;transition:none!important}}

/* Let the article cover lead on a phone; retain the site-wide navigation. */
.discover.is-magazine:has(.monograph) .discover-modes{display:none}
.monograph h1:focus,.mono-chapter-heading h2:focus{outline:none}
@media(max-width:700px){
 .mono-hero{gap:12px}
 .mono-hero-copy{display:contents}
 .mono-hero .mono-eyebrow{order:1;margin-bottom:3px}
 .mono-hero h1{order:2;margin-bottom:5px}
 .mono-hero .mono-title{order:3;margin-bottom:10px}
 .mono-hero>.mono-work{order:4}
 .mono-hero .mono-deck{order:5;margin:14px 0 0}
 .mono-hero .mono-meta{order:6;margin-top:8px}
 .mono-hero .mono-work figcaption{display:block}
 .mono-hero .mono-work-links{margin-top:12px}
 .mono-nav{top:130px}
 .mono-chapter{scroll-margin-top:210px}
}