.pg__top{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end;margin-bottom:clamp(34px,5vw,64px)}
.pg__top p{color:var(--t3);font-size:clamp(17px,1.5vw,21px);max-width:20em}
.pg__g{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px)}
.pj{display:block;transition:opacity .38s,transform .38s var(--ease)}
.pj.out{opacity:0;transform:translateY(16px) scale(.98)}
.pj__f{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--s2);border:1px solid var(--line);box-shadow:0 40px 80px -36px rgba(0,0,0,.85);transition:box-shadow .5s,transform .6s var(--ease)}
.pj__f img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
@media (hover:hover){.pj:hover .pj__f{transform:translateY(-6px);box-shadow:0 50px 100px -30px rgba(0,87,250,.65)}}
@media (hover:hover){.pj:hover .pj__f img{transform:scale(1.045)}}
.pj__m{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:16px}
.pj__m b{display:block;font-size:clamp(18px,1.7vw,26px);letter-spacing:-.035em;line-height:1.1}
.pj__m span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue3)}
.pj__m i{font-style:normal;font-size:14px;font-weight:700;opacity:.55;transition:.3s;white-space:nowrap}
@media (hover:hover){.pj:hover .pj__m i{opacity:1;color:var(--blue3)}}
.pg__more{position:relative;display:flex;justify-content:center;margin-top:clamp(36px,5vw,64px)}
@media (max-width:760px){.pg__top{grid-template-columns:1fr}.pg__g{grid-template-columns:1fr}}
.pg__top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;margin-bottom:clamp(56px,7vw,100px)}
.pg__top p{max-width:26em;margin-inline:auto}
.pg__more{margin-top:clamp(56px,7vw,96px)}
.pg__g{gap:clamp(26px,3vw,46px)}
.pg__top{gap:12px;margin-bottom:clamp(28px,4.5vh,52px)}
.pg__top p{font-size:clamp(15px,1.2vw,18px)}
.pg__g{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,34px)}
.pj__f{border-radius:14px}
.pj__m{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}
.pj__m b{font-size:clamp(14px,1.2vw,18px);letter-spacing:-.03em}
.pj__m span{font-size:11px}
.pj__m i{display:none}
.pg__more{margin-top:clamp(26px,4.5vh,50px)}
@media (max-width:1000px){.pg{min-height:0}.pg__g{grid-template-columns:repeat(3,1fr)}.pj__m b{font-size:16px}}
@media (max-width:760px){.pg__g{grid-template-columns:1fr;gap:22px}.pj__f{border-radius:12px}.pj__m b{font-size:13.5px}}
.pj__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pj__f img{position:absolute;left:0;top:0;right:auto;bottom:auto;inset:auto;width:100%;height:auto;max-width:none;object-fit:fill;will-change:transform}
@media (hover:hover){.pj:hover .pj__f img{transform:none}}
.pj__cur{position:absolute;left:0;top:0;z-index:3;width:20px;height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
.pj__cur svg{width:20px;height:20px;display:block}
.pj__cur i{position:absolute;left:-8px;top:-8px;width:36px;height:36px;border-radius:50%;border:2px solid var(--blue2);opacity:0;transform:scale(.3)}
.pj__cur.click i{animation:clickRing .7s ease-out}
@keyframes clickRing{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.5)}}
.pjc{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--s2);transition:border-color .4s,box-shadow .5s,transform .5s var(--expo)}
.pjc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .9s var(--expo)}
.pjc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,6,31,.9));pointer-events:none}
.pjc__m{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;color:#fff}
.pjc__m b{display:block;font-size:clamp(12.5px,1vw,15px);letter-spacing:-.02em;line-height:1.15}
.pjc__m span{display:block;margin-top:2px;font-size:11.5px;color:#C7D5FF}
@media (hover:hover){.pjc:hover{border-color:var(--blue2);box-shadow:0 18px 40px -22px rgba(0,87,250,.8);transform:translateY(-3px)}}
@media (hover:hover){.pjc:hover img{transform:scale(1.06)}}
.pjc--all{display:grid;place-items:center;padding:16px;background:var(--blue);border-color:var(--blue);color:#fff;text-align:center;font-weight:800;font-size:clamp(15px,1.3vw,19px);letter-spacing:-.02em;line-height:1.2}
.pjc--all::after{display:none}
  .pg__top h2{font-size:clamp(30px,min(4.6vw,7.2vh),74px)}
  .pg__top p{margin-top:8px}
@media (min-width:901px) and (max-height:820px){.pjc{aspect-ratio:16/8.6}}