.jota-cases{padding:var(--section-top-safe) max(var(--section-x-safe),var(--frame-x) + 24px) max(120px,var(--section-bottom-safe));background:linear-gradient(180deg,#131313 0% 36%,#131313);color:#f4efe8}@media(min-width:901px){.jota-cases{padding-top:max(var(--section-top-safe),clamp(82px,9vh,102px));padding-bottom:max(var(--frame-bottom-safe) + 44px,clamp(104px,12vh,132px))}}.jota-cases__title{justify-content:flex-end;margin-bottom:clamp(42px,5.6vh,58px)}.jota-cases__grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:901px){.jota-cases__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4.8vh,44px) 58px}}.jota-case-card{position:relative;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}@media(prefers-reduced-motion:reduce){.jota-case-card{animation:none!important;transition:none!important}}.jota-case-card[hidden]{display:none}.jota-case-card:before{position:absolute;inset:-18px -20px;z-index:0;content:"";background:var(--case-highlight-color, rgba(244, 239, 232, .035));border-radius:12px;opacity:0;transform:translate3d(0,8px,0) scale(.975);transform-origin:center;transition:opacity .28s ease,transform .52s cubic-bezier(.22,1,.36,1),box-shadow .42s ease;will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.jota-case-card:before{transition:none!important}}@media(min-width:901px){.jota-case-card:before{inset:-24px}}.jota-case-card img{position:relative;z-index:1;width:100%;aspect-ratio:517/291;object-fit:cover;margin-bottom:14px;border-radius:2px;transition:transform .5s cubic-bezier(.22,1,.36,1) .03s,filter .38s ease .03s}@media(prefers-reduced-motion:reduce){.jota-case-card img{animation:none!important;transition:none!important}}.jota-case-card p{position:relative;z-index:1;margin:0;font-size:var(--fs-ui);line-height:1.2;text-transform:uppercase;transition:transform .44s cubic-bezier(.22,1,.36,1) .07s}.jota-case-card strong{font-weight:400;opacity:.55;transition:opacity .34s ease .09s}.jota-case-card i{position:absolute;right:0;bottom:4px;z-index:1;width:10px;height:10px;border-radius:50%;background:#b5005d;animation:jota-blink var(--case-dot-duration, 1.6s) cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--case-dot-delay, 0s);transform-origin:center;will-change:opacity,transform;transition:box-shadow .34s ease .1s}@media(prefers-reduced-motion:reduce){.jota-case-card i{animation:none!important;transition:none!important;will-change:auto}}.jota-case-card.is-revealed{animation:jota-case-reveal .68s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--case-reveal-delay, 0s)}.jota-case-card:focus-visible:before{opacity:1;transform:translateZ(0) scale(1);box-shadow:0 18px 36px #00000038}.jota-case-card:focus-visible img{transform:translate3d(0,-4px,0) scale(1.012);filter:saturate(1.04)}.jota-case-card:focus-visible p{transform:translate3d(0,-3px,0)}.jota-case-card:focus-visible strong{opacity:.8}.jota-case-card:focus-visible i{box-shadow:0 0 0 4px #b5005d29}@media(hover:hover)and (pointer:fine){.jota-case-card:hover:before{opacity:1;transform:translateZ(0) scale(1);box-shadow:0 18px 36px #00000038}.jota-case-card:hover img{transform:translate3d(0,-4px,0) scale(1.012);filter:saturate(1.04)}.jota-case-card:hover p{transform:translate3d(0,-3px,0)}.jota-case-card:hover strong{opacity:.8}.jota-case-card:hover i{box-shadow:0 0 0 4px #b5005d29}}.jota-case-card:focus-visible{outline:1px solid rgba(244,239,232,.72);outline-offset:8px}@media(prefers-reduced-motion:reduce){.jota-case-card:before,.jota-case-card img,.jota-case-card p,.jota-case-card strong,.jota-case-card i{animation:none!important;transition:none!important;transform:none!important}}body.is-motion-ready .jota-cases .jota-case-card{opacity:0;transform:translate3d(0,24px,0);filter:blur(4px);transition:opacity .62s var(--motion-ease-out),transform .76s var(--motion-ease-out),filter .62s ease;will-change:opacity,transform,filter}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card{opacity:1;transform:translateZ(0);filter:blur(0)}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(1){transition-delay:90ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(2){transition-delay:162ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(3){transition-delay:234ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(4){transition-delay:306ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(5){transition-delay:378ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(6){transition-delay:.45s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(7){transition-delay:522ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(8){transition-delay:594ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(9){transition-delay:666ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(10){transition-delay:738ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(11){transition-delay:.81s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(12){transition-delay:882ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(13){transition-delay:954ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(14){transition-delay:1026ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(15){transition-delay:1098ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(16){transition-delay:1.17s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(17){transition-delay:1242ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(18){transition-delay:1314ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(19){transition-delay:1386ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(20){transition-delay:1458ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(21){transition-delay:1.53s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(22){transition-delay:1602ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(23){transition-delay:1674ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(24){transition-delay:1746ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(25){transition-delay:1818ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(26){transition-delay:1.89s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(27){transition-delay:1962ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(28){transition-delay:2034ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(29){transition-delay:2106ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(30){transition-delay:2178ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(31){transition-delay:2.25s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(32){transition-delay:2322ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(33){transition-delay:2394ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(34){transition-delay:2466ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(35){transition-delay:2538ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(36){transition-delay:2.61s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(37){transition-delay:2682ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(38){transition-delay:2754ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(39){transition-delay:2826ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(40){transition-delay:2898ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(41){transition-delay:2.97s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(42){transition-delay:3042ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(43){transition-delay:3114ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(44){transition-delay:3186ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(45){transition-delay:3258ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(46){transition-delay:3.33s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(47){transition-delay:3402ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(48){transition-delay:3474ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(49){transition-delay:3546ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(50){transition-delay:3618ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(51){transition-delay:3.69s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(52){transition-delay:3762ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(53){transition-delay:3834ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(54){transition-delay:3906ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(55){transition-delay:3978ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(56){transition-delay:4.05s}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(57){transition-delay:4122ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(58){transition-delay:4194ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(59){transition-delay:4266ms}body.is-motion-ready .jota-cases.is-motion-section-active .jota-case-card:nth-child(60){transition-delay:4338ms}.jota-load-more{display:flex;align-items:center;gap:20px;margin:86px auto 0;border:0;background:none;color:#f4efe8;text-transform:uppercase;cursor:pointer;transition:opacity .3s ease,color .3s ease}.jota-load-more[hidden],.jota-load-more.is-hidden{display:none!important}@media(prefers-reduced-motion:reduce){.jota-load-more{animation:none!important;transition:none!important}}.jota-load-more span{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(244,239,232,.45);border-radius:50%;font-size:22px;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .3s ease,background .3s ease}@media(prefers-reduced-motion:reduce){.jota-load-more span{animation:none!important;transition:none!important}}.jota-load-more i{width:36px;height:1px;background:#f4efe880;transform-origin:left center;transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s ease}@media(prefers-reduced-motion:reduce){.jota-load-more i{animation:none!important;transition:none!important}}.jota-load-more:hover,.jota-load-more:focus-visible{color:#fff}.jota-load-more:hover span,.jota-load-more:focus-visible span{transform:rotate(90deg) scale(1.04);border-color:#f4efe8db;background:#f4efe80a}.jota-load-more:hover i,.jota-load-more:focus-visible i{transform:scaleX(1.4);background:#f4efe8db}.jota-load-more.is-disabled,.jota-load-more:disabled{cursor:default;opacity:.42}@keyframes jota-blink{0%,to{opacity:.28;transform:scale(.82)}50%{opacity:.92;transform:scale(1)}}@keyframes jota-case-reveal{0%{opacity:0;transform:translateY(34px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
