.arc{background:#fff;color:#18232d;padding:90px 24px 55px;overflow:hidden;text-align:center}
.arc__intro{max-width:650px;margin:auto}.arc__kicker{font:600 11px monospace;letter-spacing:.18em;color:#087ba7}.arc__intro h2{font-size:clamp(36px,4vw,64px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.arc__intro p{color:#657079;max-width:470px;margin:0 auto;line-height:1.6}
.arc__detail{margin:32px auto 10px;min-height:145px;max-width:580px}.arc__count{color:#087ba7;font:12px monospace}.arc__detail h3{font-size:25px;margin:10px 0}.arc__detail p{color:#657079;margin:0 0 15px}.arc__detail a{display:inline-block;border:1px solid #40b9ee;background:#40b9ee;color:#fff;border-radius:30px;padding:10px 20px;font-size:13px;font-weight:650;text-decoration:none}
.arc__gallery{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,32px);height:390px;perspective:1100px;max-width:1400px;margin:0 auto}
.arc__card{position:relative;flex:0 0 17%;height:260px;border:1px solid #d8e0e5;padding:0;border-radius:18px;overflow:hidden;background:#eef1f3;cursor:pointer;box-shadow:0 12px 24px #18232d14;transform:translateY(calc(var(--slot)*var(--slot)*-17px)) rotateY(calc(var(--slot)*-12deg));transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;isolation:isolate}
.arc__card picture,.arc__card img{display:block;width:100%;height:100%;object-fit:cover}.arc__card img{transition:scale .7s}.arc__card:hover img{scale:1.045}.arc__card[aria-pressed="true"]{border-color:#229ad6;box-shadow:0 18px 35px #18232d24;transform:translateY(calc(var(--slot)*var(--slot)*-17px - 14px)) rotateY(calc(var(--slot)*-8deg)) scale(1.08)}
.arc__label{position:absolute;inset:auto 0 0;padding:40px 16px 20px;background:linear-gradient(transparent,#07111ce6);color:#fff;font-size:15px;font-weight:750;text-align:left}.arc__label small{display:block;font:11px monospace;margin-bottom:7px;color:#b5e5fa}.arc__hint{font-size:12px;color:#78838b;margin:0}
@media(max-width:700px){.arc{padding:65px 16px 35px}.arc__gallery{justify-content:flex-start;overflow-x:auto;height:330px;padding:20px 12px;gap:16px;scroll-snap-type:x mandatory}.arc__card,.arc__card[aria-pressed="true"]{flex-basis:62%;height:265px;transform:none;scroll-snap-align:center}.arc__detail{min-height:170px}.arc__card[aria-pressed="true"]{box-shadow:0 0 0 2px #229ad6}.arc__hint{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.arc__card,.arc__card img{transition:none}}