.ct-layout{flex-direction:column;gap:2rem;padding:0 clamp(1.5rem,3.5vw,3.5rem);display:flex}@media (width>=1024px){.ct-layout{flex-direction:row;align-items:flex-start;padding:0 clamp(1.5rem,3.5vw,3.5rem)}.ct-left{width:40%;padding-right:clamp(2rem,4vw,4rem)}.ct-right{width:60%}}.ct-ul{flex-wrap:wrap;gap:20px;display:flex}.ct-li{--card-h:clamp(240px, 28vw, 210px);width:calc(50% - 10px);height:var(--card-h);text-decoration:none;display:block;position:relative;overflow:visible}@media (width<=640px){.ct-li{--card-h:clamp(200px, 55vw, 260px);width:100%}}.ct-fc{width:100%;height:var(--card-h);box-sizing:border-box;background:#111;border:1px solid #ffffff26;flex-direction:column;justify-content:space-between;padding:20px 25px 25px;transition:left .38s cubic-bezier(.25,.46,.45,.94),top .38s cubic-bezier(.25,.46,.45,.94),background .3s,border-color .3s,box-shadow .38s;display:flex;position:absolute;top:0;left:0;overflow:hidden}@keyframes ct-title-enter{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ct-icon-enter{0%{opacity:.2;transform:scale(.82)rotate(-6deg)}60%{opacity:.9;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.ct-icon{color:#ffffff59;width:clamp(72px,8vw,100px);height:clamp(72px,8vw,100px);transition:color .3s}.ct-h5{top:calc(var(--card-h) - 96px);color:#ffffffd1;letter-spacing:-.02em;border-bottom:1px solid #fff0;margin:0;padding-bottom:8px;font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:500;line-height:1.3;transition:color .3s,top .38s cubic-bezier(.25,.46,.45,.94)}.ct-h6{top:calc(var(--card-h) + 20px);color:#ffffff8c;opacity:0;margin:0;padding-top:16px;font-size:clamp(.78rem,.9vw,.86rem);line-height:1.75;transition:opacity .3s .1s,top .38s cubic-bezier(.25,.46,.45,.94),border-color .3s .1s;display:none}.ct-dot{background:#ffffff38;border-radius:50%;width:7px;height:7px;transition:top .38s,bottom .38s,background .3s;position:absolute;bottom:20px;right:20px}@media (hover:hover){.ct-li:hover .ct-fc{z-index:10;-webkit-backdrop-filter:blur(12px);background:0 0;border-color:#ffffff24;width:calc(100% + 100px);height:calc(100% + 100px);top:-50px;left:-50px;box-shadow:0 12px 48px #000000a6}.ct-li:hover .ct-icon{color:#ffffffbf;animation:.45s cubic-bezier(.25,.46,.45,.94) both ct-icon-enter}.ct-li:hover .ct-h5{color:#fff;top:calc(var(--card-h) - 120px);border-color:#ffffff1a;animation:.4s cubic-bezier(.25,.46,.45,.94) both ct-title-enter}.ct-li:hover .ct-h6{top:calc(var(--card-h) - 60px);opacity:1;display:block}.ct-li:hover .ct-dot{background:#ffffff73;top:20px;bottom:auto}}.sustain-icon[data-astro-cid-tdt356bw]{transform-origin:0 100%;transition:color .3s,transform .4s cubic-bezier(.25,.46,.45,.94)!important}.sustain-panel[data-astro-cid-tdt356bw]:hover .sustain-icon[data-astro-cid-tdt356bw]{transform:scale(2.5);color:var(--color-primary)!important}.sustain-title[data-astro-cid-tdt356bw]{transition:font-size .35s cubic-bezier(.25,.46,.45,.94)}.sustain-panel[data-astro-cid-tdt356bw]:hover .sustain-title[data-astro-cid-tdt356bw]{font-size:clamp(2.25rem,4.2vw,3.15rem)!important}@keyframes cl-scroll-left{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes cl-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.cl-desc{color:#ffffff8c;width:60%;margin-left:auto;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.85}.cl-divider{background:#ffffff2e;height:1px;margin:0 clamp(1.5rem,5vw,3.5rem)}.cl-marquee-wrap{padding:3rem 0;overflow:hidden;mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.cl-row{overflow:hidden}.cl-track{will-change:transform;backface-visibility:hidden;gap:16px;width:max-content;display:flex}.cl-left{animation:38s linear infinite cl-scroll-left}.cl-right{animation:46s linear infinite cl-scroll-right}.cl-row:hover .cl-track{animation-play-state:paused}.cl-card{background:#1a1a1a;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;padding:2rem;transition:background .3s;display:flex}.cl-card:hover{background:#242424}.cl-card img{object-fit:contain;opacity:.6;filter:grayscale()brightness(10);width:auto;max-width:100%;height:auto;max-height:90%;transition:opacity .3s;display:block}.cl-card:hover img{opacity:1}.cl-name{color:#fff9;text-align:center;white-space:nowrap;font-size:.8rem;font-weight:500}