.sx{padding:0 clamp(16px,3.2vw,48px) clamp(48px,8vh,96px)}.sx-head{padding-bottom:clamp(40px,7vh,88px)}.sx-top{justify-content:space-between;align-items:baseline;gap:16px;height:72px;padding-top:26px;display:flex}.sx-name{letter-spacing:-.03em;align-items:baseline;gap:10px;font-size:20px;font-weight:400;line-height:1;display:inline-flex}.sx-nav{gap:22px;display:flex}.sx-say{letter-spacing:-.04em;text-wrap:balance;max-width:17em;animation:sx-in .9s var(--ease) both;margin:clamp(56px,12vh,132px) 0 0;font-size:clamp(30px,4.4vw,60px);font-weight:300;line-height:1.05}.sx-count{animation:sx-in .9s .12s var(--ease) both;margin:28px 0 0}.sx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,6vh,72px) clamp(16px,2.4vw,40px);margin:0;padding:0;list-style:none;display:grid}.sx-cell{animation:sx-in .7s var(--ease) both}.sx-tile{color:inherit;gap:14px;display:grid}.sx-stage{aspect-ratio:4/5;background:var(--stage);border-radius:var(--r-card);transition:background-color var(--t-fast) var(--ease-std);display:block;position:relative;overflow:hidden}.sx-img{border-radius:var(--r-sm);width:auto;max-width:88%;height:auto;max-height:88%;transition:transform var(--t-base) var(--ease);margin:auto;position:absolute;inset:0}.sx-stage[data-full] .sx-img{object-fit:cover;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.sx-cap{justify-content:space-between;align-items:baseline;gap:16px;min-width:0;display:flex}.sx-what{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:10px;min-width:0;display:inline-flex;overflow:hidden}.sx-name-w{color:var(--fg-2);transition:color var(--t-fast) var(--ease-std)}@media (hover:hover) and (pointer:fine){a.sx-tile:hover .sx-stage{background:var(--surface)}a.sx-tile:hover .sx-name-w{color:var(--fg)}a.sx-tile:hover .sx-stage:not([data-full]) .sx-img{transform:translateY(-4px)}a.sx-tile:hover .sx-stage[data-full] .sx-img{transform:scale(1.02)}}a.sx-tile:focus-visible{outline:none}a.sx-tile:focus-visible .sx-stage{outline:1px solid var(--fg);outline-offset:3px}@keyframes sx-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (max-width:1000px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.sx-top{height:60px;padding-top:20px}.sx-grid{grid-template-columns:minmax(0,1fr)}.sx-nav{gap:16px}}