/* Local Swiper, styled to fill the cube while keeping the images horizontal. */
.noma-carousel{--noma-card-gap:12px;position:relative;width:100%;min-width:0;min-height:0;flex:1 1 0;margin:0;overflow:hidden;isolation:isolate;border-radius:18px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.noma-carousel a,.noma-carousel img{-webkit-user-drag:none}
.noma-carousel .swiper-wrapper{height:100%;align-items:stretch;transition-timing-function:cubic-bezier(.22,.68,.25,1);gap:0}
.noma-carousel .swiper-slide{height:100%;min-height:0;min-width:0;width:calc((100% - 2 * var(--noma-card-gap))/3);flex-shrink:0;direction:rtl;text-align:right}
.noma-carousel:not(.swiper-initialized) .swiper-wrapper{gap:var(--noma-card-gap)}
.noma-carousel--empty .swiper-slide{width:100%}
.noma-slide-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface-2));overflow:hidden;transition:border-color .3s,background .3s}
.noma-slide-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(to left,var(--accent),transparent 70%);opacity:.65;pointer-events:none}
.noma-slide-image{position:relative;display:grid;place-items:center;flex:0 1 auto;width:100%;min-width:0;min-height:0;aspect-ratio:4/3;background:radial-gradient(circle at 17% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 58%),linear-gradient(140deg,#42513b,#202c23);color:var(--accent);overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}
.noma-slide-image img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.22,.68,.25,1);-webkit-user-drag:none;pointer-events:none}
.noma-slide-image-mark,.noma-slide-arrow{pointer-events:none}
.noma-slide-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.18));pointer-events:none}
.noma-slide-image-mark{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:30px;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(21,23,18,.74);color:#e6eddf;font-size:19px;line-height:1;z-index:1;transition:background .3s,color .3s,transform .3s}
.noma-slide-placeholder{position:relative;display:grid;place-items:center;width:65%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;font-size:clamp(55px,7vw,100px);line-height:1;transform:rotate(-12deg);pointer-events:none}
.noma-slide-placeholder:after{content:"";position:absolute;inset:13%;border:1px dashed color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%}
.noma-slide-body{display:flex;flex-direction:column;justify-content:space-between;flex:1 0 clamp(108px,15svh,138px);min-width:0;min-height:max-content;gap:clamp(10px,1.5svh,18px);padding:clamp(11px,1.2vw,18px)}
.noma-slide-body h3{font-size:clamp(13px,1.08vw,17px);font-weight:800;line-height:1.6;letter-spacing:-.025em;margin:0;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.noma-slide-body h3 a{transition:color .25s}
.noma-slide-body h3 a:hover{color:var(--accent)}
.noma-slide-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--text);font-size:clamp(10px,.85vw,12px);font-weight:750;line-height:1.5;transition:background .25s,color .25s,border-color .25s}
.noma-slide-arrow{display:grid;place-items:center;flex:none;width:24px;aspect-ratio:1;border-radius:7px;background:var(--accent);color:#151712;font-size:17px;line-height:1;transition:transform .25s}
.noma-slide-link:hover,.noma-slide-link:focus-visible{border-color:var(--accent);background:var(--accent);color:#151712}
.noma-slide-link:hover .noma-slide-arrow{transform:rotate(-8deg)}
.noma-slide-card:hover,.noma-slide-card:focus-within{border-color:color-mix(in srgb,var(--accent) 64%,var(--line))}
.noma-slide-card:hover .noma-slide-image img{transform:scale(1.045)}
.noma-slide-card:hover .noma-slide-image-mark{background:var(--accent);color:#151712;transform:rotate(-8deg)}
.noma-carousel--journal .noma-slide-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface-2)),var(--surface))}
.noma-carousel--journal .noma-slide-image{background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent) 27%,transparent),transparent 65%),linear-gradient(130deg,#273d39,#1a2522)}
.noma-slide-card--empty .noma-slide-body{justify-content:flex-start;gap:8px}
.noma-slide-card--empty small{font-size:10px;color:var(--muted)}
.noma-slide-card--empty p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.noma-slide-card--empty .noma-slide-link{align-self:flex-start;margin-top:auto}
html[data-theme=light] .noma-slide-body h3 a:hover{color:color-mix(in srgb,var(--accent) 45%,#141a10)}
@media(min-width:1200px){.noma-carousel{--noma-card-gap:16px}}
@media(max-width:760px){
  .noma-carousel{border-radius:14px}
  .noma-carousel .swiper-slide{width:100%}
  .noma-slide-card{border-radius:14px}
  .noma-slide-body{flex-basis:clamp(96px,13svh,116px);padding:10px 12px;gap:9px}
  .noma-slide-body h3{font-size:14px;line-height:1.5}
  .noma-slide-link{padding:6px 9px;font-size:11px}
  .noma-slide-image-mark{width:27px;top:8px;left:8px;font-size:17px}
}
@media(max-height:620px){
  .noma-slide-body{flex-basis:94px;padding:8px 10px;gap:7px}
  .noma-slide-body h3{font-size:12px;line-height:1.4}
  .noma-slide-link{padding:4px 7px;font-size:10px}
  .noma-slide-arrow{width:21px;font-size:15px}
}
.no-js .noma-carousel{min-height:280px;overflow-x:auto}
.no-js .noma-carousel .swiper-slide{height:auto;min-height:280px}
@media(prefers-reduced-motion:reduce){.noma-carousel .swiper-wrapper,.noma-slide-image img{transition:none}.noma-slide-card:hover .noma-slide-image img{transform:none}}