main.page:has(.pj){padding-top:0}.pj-hero{padding-top:clamp(120px,14vw,190px);padding-bottom:clamp(16px,2vw,32px)}.pj-hero__t{font-size:clamp(72px,13vw,210px);line-height:.9;font-weight:700;letter-spacing:-.045em;margin-left:-.04em}.pj-hero__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 80px;margin-top:clamp(24px,3vw,48px)}.pj-hero__p{font-size:var(--uc-lead);line-height:1.5;max-width:32em}.pj-hero__stats{display:flex}.pj-hero__stats div{padding:0 32px;border-left:1px solid var(--uc-line)}.pj-hero__stats div:first-child{padding-left:0;border-left:0}.pj-hero__stats dt{font-size:clamp(36px,3.4vw,56px);line-height:1;letter-spacing:-.02em}.pj-hero__stats dd{margin-top:8px;font-size:15px;line-height:1.4;color:var(--uc-mute);max-width:12em}.pj-sec{padding-block:clamp(48px,7vw,112px)}.pj-sec .uc-head{margin-bottom:clamp(32px,4vw,56px);grid-template-columns:minmax(0,560fr) minmax(0,620fr);-moz-column-gap:80px;column-gap:80px}.pj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:24px;column-gap:24px}.pj-card{position:relative;display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;margin-bottom:32px;border-radius:var(--uc-r);background:var(--uc-tint);overflow:hidden;box-shadow:0 30px 60px rgba(20,20,20,.06);transition:box-shadow var(--uc-std) var(--uc-ease),transform var(--uc-std) var(--uc-ease)}.pj-card:hover{box-shadow:0 40px 80px rgba(20,20,20,.12);transform:translateY(-4px)}.pj-card:has(.pj-card__t a:focus-visible){outline:3px solid var(--uc-ink);outline-offset:4px}.pj-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;isolation:isolate}.pj-card__ring{position:absolute;right:-22%;top:-26%;width:72%;aspect-ratio:1;border-radius:50%;border:clamp(20px,2.6vw,40px) solid var(--uc-accent);opacity:.25;z-index:-1}.pj-card__dev{position:absolute;left:50%;top:12%;transform:translateX(-50%);transition:transform var(--uc-slow) var(--uc-ease)}.pj-card:hover .pj-card__dev{transform:translateX(-50%) translateY(-8px)}.pj-card__dev--web{width:82%}.pj-card__dev--duo{width:78%;left:54%}.pj-card__dev--duo .pj-card__alt{position:absolute;left:-10%;top:26%;width:26%}.pj-card__dev--one{width:40%}.pj-card__dev--pair{width:36%;left:60%}.pj-card__dev--pair .pj-card__alt{position:absolute;right:62%;top:12%;width:100%;z-index:-1}.pj .pj-chip{position:absolute;margin:0;left:14px;right:auto;bottom:14px;max-width:calc(100% - 28px);padding:6px 14px 6px 6px;gap:10px;border-radius:16px;font-size:15px;line-height:1.2}.pj .pj-chip .uc-chip__dot,.pj .pj-chip img{width:32px;height:32px;border-radius:10px;flex:none}.pj .pj-chip .uc-chip__dot{font-size:16px}.pj-chip b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-card__info{display:grid;grid-row:2/span 5;grid-template-rows:subgrid;row-gap:0;align-items:start;padding:24px 28px 28px}.pj-card__kind{font-size:15px;font-weight:500;color:#444}.pj-card__t{margin-top:6px;font-size:clamp(24px,1.9vw,30px);line-height:1.12;font-weight:700;letter-spacing:-.015em;text-wrap:balance}.pj-card__t a:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.pj-card__t a:focus-visible{outline:none}.pj-card__t span{color:#4a4a4a;font-weight:500}.pj-card__p{margin-top:12px;font-size:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pj-card__stats{display:flex;margin-top:20px;padding-top:20px;border-top:1px solid rgba(20,20,20,.1)}.pj-card__stats div{flex:1;min-width:0;padding:0 16px;border-left:1px solid rgba(20,20,20,.12)}.pj-card__stats div:first-child{padding-left:0;border-left:0}.pj-card__stats dt{font-size:19px;line-height:1.15;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.pj-card__stats small{font-size:.55em;margin-left:2px}.pj-card__stats dd{margin-top:6px;font-size:14px;line-height:1.35;color:#4a4a4a}.pj-card__btns{display:flex;align-items:center;gap:12px;padding-top:24px;align-self:end}.pj-card .uc-btn{height:56px;padding-right:24px;gap:12px}.pj-card .uc-btn__i{width:36px;height:36px;font-size:16px;transition:transform var(--uc-std) var(--uc-ease)}.pj-card:hover .uc-btn{background:var(--uc-accent-ink)}.pj-card:hover .uc-btn__i{transform:translateX(3px)}.pj-card__ext{position:relative;z-index:2;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--uc-ink);font-size:20px;flex:none;transition:background var(--uc-std) var(--uc-ease),color var(--uc-std) var(--uc-ease)}.pj-card__ext span{transition:transform var(--uc-std) var(--uc-ease)}.pj-card__ext:hover{background:var(--uc-ink);color:#fff}.pj-card__ext:hover span{transform:translate(2px,-2px)}@media (max-width:1180px){.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.pj-sec .uc-head{grid-template-columns:1fr}}@media (max-width:900px){.pj-hero__row{grid-template-columns:1fr}}@media (max-width:640px){.pj-grid{grid-template-columns:1fr}.pj-card{margin-bottom:24px}.pj-hero__stats div{padding:0 16px}.pj-hero__stats dd{font-size:13px}.pj-card__info{padding:20px 20px 24px}}@media (prefers-reduced-motion:reduce){.pj-card,.pj-card .uc-btn__i,.pj-card__dev{transition:none}.pj-card:hover{transform:none}.pj-card:hover .pj-card__dev{transform:translateX(-50%)}}