/* מקור: press.html בדוגמה */
/* גבעול בתקשורת: גזירי עיתון על נייר, כמו הקולאז' בפתיחה. לוורדפרס: הבלוק הזה נכנס כ-CSS של העמוד. */
.outlets{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 30px;padding:0;list-style:none}
.outlets .t{font-size:13px;letter-spacing:.18em;color:var(--mute);margin-inline-end:4px}
.outlets .o{border:1.5px dashed var(--green);color:var(--deep);border-radius:4px;padding:5px 14px;font-size:15px;font-weight:700;transform:rotate(-.6deg)}
.outlets .o:nth-child(even){transform:rotate(.7deg)}
.clips{display:grid;grid-template-columns:1fr;gap:30px 22px;margin:0;padding:0;list-style:none}
.clip{display:grid;grid-template-columns:40% 1fr;gap:16px;align-items:start}
.clip .paper{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;font:inherit;filter:drop-shadow(4px 6px 0 var(--pale));transition:filter .6s var(--ease)}
.clip .paper::after{content:"";position:absolute;top:-7px;left:50%;width:64px;height:18px;background:rgba(224,180,30,.78);transform:translateX(-50%) rotate(-2.5deg);z-index:2}
.clip .paper a{display:block;position:relative;aspect-ratio:4/5;background:#fff;overflow:hidden;clip-path:polygon(1.4% .9%,99% 0,99.4% 99%,.5% 98.5%);transform:rotate(-1.3deg);transition:transform .6s var(--ease)}
.clip:nth-child(even) .paper a{clip-path:polygon(.3% 1.6%,98.6% .7%,100% 98.8%,1.2% 100%);transform:rotate(1.1deg)}
.clip .paper img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.clip .paper:hover,.clip .paper:focus-within{filter:drop-shadow(7px 9px 0 var(--leaf))}
.clip .paper:hover a,.clip .paper:focus-within a{transform:rotate(0) translateY(-4px)}
.clip .meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;font-size:13px;letter-spacing:.12em;color:var(--mute)}
.clip .outlet{font-weight:700;color:var(--deep);letter-spacing:.06em;font-size:14px}
.clip .age{border:1px dashed var(--green);border-radius:4px;padding:1px 9px;letter-spacing:0;color:var(--deep);font-size:13px}
.clip h2{margin:6px 0 0;font-size:22px;color:var(--deep);line-height:1.2}
.clip .by{margin:2px 0 0;color:var(--mute);font-size:15px}
.clip blockquote{margin:10px 0 0;padding:0 14px 0 0;border-right:3px solid var(--mustard);font-size:17px;line-height:1.5;color:var(--ink)}
.clip .on{margin:10px 0 0;font-size:15px;color:var(--mute)}
.clip .on a{font-weight:700;color:var(--deep);text-decoration:none;border-bottom:1.5px solid var(--mustard)}
.clip .read{margin-top:12px;align-self:start}
@media (max-width:699px){
  .clips{gap:34px}
  .clip h2{font-size:20px}
  .clip blockquote{font-size:16px}
  .clip .on,.clip .by{font-size:15px}
  .clip .read{font-size:15px;padding:8px 16px}
  .clip .paper::after{width:48px;height:14px;top:-5px}
}
@media (min-width:700px){
  .clips{grid-template-columns:repeat(2,1fr);gap:44px 28px}
  .clip{grid-template-columns:1fr;gap:0}
  .clip .meta{margin-top:18px}
  .clip .paper{margin-inline:6px}
}
@media (min-width:1000px){
  .clips{grid-template-columns:repeat(3,1fr);gap:54px 34px}
  .clip:nth-child(3n+2){margin-top:28px}
}
/* הגזיר בגדול */
.lb{border:0;padding:0;background:#fff;border-radius:10px;overflow:hidden;width:min(96vw,920px);max-width:min(96vw,920px);max-height:92vh;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.lb::backdrop{background:rgba(7,56,13,.86)}
.lb .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--pale);color:var(--deep);font-size:15px;line-height:1.3}
.lb .bar .cap{flex:1;margin:0;font-weight:700}
.lb .bar a{font-size:14px;white-space:nowrap;color:var(--deep)}
.lb .x{flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--deep);background:#fff;color:var(--deep);font-size:22px;line-height:1;cursor:pointer}
.lb .scroll{overflow:auto;max-height:calc(92vh - 58px);-webkit-overflow-scrolling:touch;background:#fff}
.lb img{display:block;margin:0 auto;max-width:100%;height:auto}
@media (max-width:699px){.lb .bar a{display:none}.lb{width:96vw}}

/* וורדפרס: הגזיר הוא ווידג'ט תמונה שמקושר לקובץ המלא (טלי מחליפה תמונה אחת), והטקסט בעורך טקסט */
.clip .paper a{width:100%}
.clip .paper img{max-width:none;height:100%!important}
.elementor.elementor .e-con > .clip .paper{max-width:none}
.clip > .e-con{display:flex;flex-direction:column}
.outlets{margin:0 0 30px}
.clip .paper img{object-position:top right}