.card{grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1);display:grid}.card.is-open{grid-template-rows:1fr}.card__inner{min-height:0;overflow:hidden}.card__body{opacity:0;padding:clamp(18px,2.2vw,33px) 0 clamp(22px,2.77vw,42px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(10px)}.card.is-open .card__body{opacity:1;transition-delay:.12s;transform:none}.card__media{aspect-ratio:var(--ratio);border-radius:var(--radius);background:var(--track);place-items:center;display:grid;position:relative;overflow:hidden}.card__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card__label{font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 clamp(8px,.93vw,14px);font-weight:400}.card__text{max-width:var(--measure);font-size:var(--fs-lead);font-weight:400;line-height:var(--leading);color:var(--ink);margin:0}.card__caption{font-size:var(--fs-lead);color:var(--ink);margin:clamp(12px,1.5vw,22px) 0 0;font-weight:400}.card__body--words .card__side{max-width:var(--measure);padding-bottom:clamp(6px,1vw,14px)}.card__body--words .card__text{font-size:var(--fs-lead);line-height:var(--leading)}.card__body--wide,.card__body--words{grid-template-columns:minmax(0,1fr)}.card__body--wide .card__side{max-width:var(--measure);margin-top:clamp(16px,2.2vw,33px)}@media (min-width:1200px){.card__body--split{grid-template-columns:minmax(0, 1fr) var(--measure);align-items:stretch;column-gap:2.68%}.card__body--split .card__side{flex-direction:column;display:flex}.card__body--split .card__caption{margin-top:auto}}@media (max-width:1199px){.card__body--split .card__side{margin-top:clamp(16px,2.2vw,33px)}}.card__loops{width:100%;height:100%;display:block}.card__loop-label{letter-spacing:-.002em;font-size:19px;font-weight:400}@media (prefers-reduced-motion:reduce){.card,.card__body{transition-duration:.01ms}}.card__zoom{z-index:3;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:var(--ink);font:inherit;font-size:var(--fs-label);cursor:pointer;box-shadow:var(--glass-shine), var(--shadow-md);transition:border-color .3s ease, color .3s ease, scale .18s var(--ease-out);border:1px solid #0073eb4d;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:absolute;bottom:14px;right:14px}.card__zoom:hover{border-color:var(--blue);color:var(--blue)}.card__zoom:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.zoom{z-index:100;-webkit-backdrop-filter:saturate(140%)blur(18px);backdrop-filter:saturate(140%)blur(18px);background:#080e1e61;flex-direction:column;padding:clamp(10px,2vw,28px);display:flex;position:fixed;inset:0}.zoom__bar{border-radius:var(--r-md) var(--r-md) 0 0;background:#fff;border-bottom:1px solid #005cbe26;align-items:center;gap:16px;padding:14px 18px;display:flex}.zoom__title{font-size:var(--fs-lead);margin:0;font-weight:500}.zoom__hint{font-size:var(--fs-label);color:var(--ink-mute);margin:0 auto 0 0}.zoom__close{background:var(--blue);color:#fff;font:inherit;font-size:var(--fs-label);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.zoom__close:focus-visible{outline-offset:2px;box-shadow:0 0 0 4px var(--blue);outline:2px solid #fff}.zoom__scroller{border-radius:0 0 var(--r-md) var(--r-md);box-shadow:var(--shadow-lg);overscroll-behavior:contain;background:#fff;flex:1;overflow:auto}.zoom__stage{max-width:none;position:relative}@media (max-width:640px){.zoom__hint{display:none}.zoom__title{font-size:var(--fs-label);margin-right:auto}.zoom{background:#fff;padding:0}.zoom__bar,.zoom__scroller{border-radius:0}}@media (prefers-reduced-transparency:reduce){.zoom{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080e1ecc}}.card__media.card__media--auto{aspect-ratio:auto;background:radial-gradient(120% 70% at 0 0,#f06a0c0f,#0000 60%),linear-gradient(#fffaf6 0%,#fff 70%);min-width:0;padding:clamp(20px,3vw,44px);display:block;overflow:visible;box-shadow:inset 0 0 0 1px #f06a0c1f,0 1px 2px #0f172a0a,0 12px 32px #0f172a0d}
