/* Press collage: newspaper clippings pinned to a board. */
.df-press{max-width:1100px;margin:36px auto 0}
.df-press-kicker{text-align:center;font:600 14px/1.4 ReplicaInter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#a13789;margin:-24px 0 30px}
.df-press-board{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 22px;align-items:start;padding:18px 6px 8px}
.df-press-item{position:relative;margin:0;background:#fff;padding:10px 10px 12px;border-radius:3px;
 box-shadow:0 2px 3px #1b123814,0 12px 28px #1b12382e;cursor:zoom-in;
 transition:transform .35s ease,box-shadow .35s ease;will-change:transform}
.df-press-item::before{content:"";position:absolute;top:-11px;left:50%;width:74px;height:22px;transform:translateX(-50%) rotate(-3deg);
 background:linear-gradient(#f6e9b8e6,#efdca0e6);box-shadow:0 1px 2px #0000001f;border-radius:2px}
.df-press-item img{display:block;width:100%;height:auto;border-radius:1px}
.df-press-item figcaption{margin-top:9px;text-align:center;font:600 12px/1.35 ReplicaInter,Arial,sans-serif;color:#352369}
.df-press-item figcaption small{display:block;font-weight:400;color:#6d657b;font-size:11px}
.df-press-item:focus-visible{outline:3px solid #a13789;outline-offset:4px}
@media(hover:hover){.df-press-item:hover{transform:rotate(0) translateY(-6px) scale(1.02)!important;box-shadow:0 4px 6px #1b12381f,0 22px 40px #1b123840;z-index:2}}
/* Desktop arrangement: three portrait editions on top, two feature pieces below */
.df-press-item:nth-child(1){grid-column:1/3;transform:rotate(-2.5deg)}
.df-press-item:nth-child(2){grid-column:3/5;transform:rotate(1.5deg);margin-top:24px}
.df-press-item:nth-child(3){grid-column:5/7;transform:rotate(-1deg)}
.df-press-item:nth-child(4){grid-column:1/3;transform:rotate(2deg)}
.df-press-item:nth-child(5){grid-column:3/7;transform:rotate(-1.5deg);margin-top:30px}
@media(max-width:767px){
 .df-press-board{grid-template-columns:1fr 1fr;gap:22px 14px;padding:14px 2px 4px}
 .df-press-item{padding:6px 6px 8px}
 .df-press-item::before{width:52px;height:16px;top:-8px}
 .df-press-item figcaption{font-size:10px}.df-press-item figcaption small{font-size:9px}
 .df-press-item:nth-child(1),.df-press-item:nth-child(2),.df-press-item:nth-child(3),.df-press-item:nth-child(4){grid-column:auto;margin-top:0}
 .df-press-item:nth-child(5){grid-column:1/-1;margin-top:0}
 .df-press-kicker{font-size:11px;margin:-14px 0 20px}
}
@media(prefers-reduced-motion:reduce){.df-press-item{transition:none}}
/* Full-size reader */
.df-press-viewer{border:0;padding:0;background:transparent;max-width:min(920px,94vw);max-height:94vh;overflow:visible}
.df-press-viewer::backdrop{background:#130c28e6}
.df-press-viewer img{display:block;max-width:min(920px,94vw);max-height:88vh;width:auto;height:auto;margin:auto;border-radius:3px;box-shadow:0 20px 60px #000a;background:#fff}
.df-press-viewer p{text-align:center;color:#fff;font:600 13px/1.4 ReplicaInter,Arial,sans-serif;margin:10px 0 0}
.df-press-close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#a13789;color:#fff;font:26px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 12px #0006}
@media(max-width:767px){.df-press-close{top:6px;right:6px}}
