/* 탤런트링크 회사 소개 페이지 전용 스타일 (공통 토큰·컴포넌트는 design-system/tokens.css) */
.tl-d1{transition-delay:.1s}.tl-d2{transition-delay:.2s}.tl-d3{transition-delay:.3s}.tl-d4{transition-delay:.4s}.tl-d5{transition-delay:.5s}
.pg-logo{display:inline-flex;align-items:center;min-height:44px}

/* Hero */
.pg-hero{position:relative;overflow:hidden;padding:calc(var(--section-py) + 8px) 0 var(--section-py);background:linear-gradient(180deg,#F3F4FF 0%,#F8F9FF 55%,#FFFFFF 100%)}
.pg-hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 56px;align-items:center}
.pg-hero__text{display:flex;flex-direction:column;gap:var(--space-4)}
.pg-hero__text .tl-body{color:var(--text-secondary);max-width:500px}
.pg-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}
@media (max-width:1024px){.pg-hero__grid{grid-template-columns:1fr}}

/* Hero orbit visual */
.pg-hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.pg-net{position:relative;height:clamp(600px,48vw,700px);--orb:190px}
.pg-net__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pg-net__flow{stroke-dasharray:3 7;animation:pgFlow 1.6s linear infinite}
@keyframes pgFlow{to{stroke-dashoffset:-20}}
@media (prefers-reduced-motion:reduce){.pg-net__flow{animation:none}}
.pg-net__logo{position:absolute;left:50%;top:57%;z-index:20;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-card)}
.pg-net__logo img{display:block;width:120px;height:auto}
.pg-orb{position:absolute;left:0;top:0;z-index:3;display:block;width:var(--orb);height:var(--orb);margin:calc(var(--orb) * -.58) 0 0 calc(var(--orb) * -.5);will-change:transform;filter:drop-shadow(0 12px 14px rgba(30,27,75,.10));transition:filter var(--dur-base)}
.pg-orb:hover{filter:drop-shadow(0 14px 18px rgba(67,56,202,.28))}
.pg-orb:focus-visible{outline:2px solid var(--tl-accent);outline-offset:3px;border-radius:var(--radius-card)}
.pg-orb svg{display:block;width:100%;height:100%;overflow:visible}
@media (max-width:767px){
.pg-net{height:360px;--orb:88px}
.pg-net__logo{padding:9px 14px}
.pg-net__logo img{width:84px}
}

/* Services tabs */
.pg-tabs{display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter)}
.pg-tabs::-webkit-scrollbar{display:none}
.pg-tabs .tl-segmented{flex:none}
.pg-tabs .tl-segmented__item{white-space:nowrap}
@media (max-width:1100px){.pg-tabs .tl-segmented__item{padding:6px 24px}}
@media (max-width:767px){
.pg-tabs{display:block;overflow:visible;margin:0;padding:0}
.pg-tabs .tl-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border-radius:0;background:none}
.pg-tabs .tl-segmented__item{min-height:46px;padding:8px 6px;border-radius:14px;background:var(--fill-tint-track);font-size:14px;line-height:20px;white-space:normal;word-break:keep-all}
.pg-tabs .tl-segmented__item[aria-selected="true"]{background:var(--fill-dark-indicator);box-shadow:0 6px 14px rgba(30,27,75,.18)}
}
@media (max-width:480px){.pg-tabs .tl-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-svc{margin-top:var(--space-8);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px 56px;align-items:center}
.pg-svc__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}
.pg-svc__info .tl-body{color:var(--text-secondary)}
.pg-svc__info .tl-chip{background:rgba(239,241,250,.5);color:var(--tl-accent)}
.pg-svc__info .tl-title{text-wrap:balance}
.pg-svc__go{margin-top:var(--space-2);gap:6px}
.pg-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pg-svc__media{position:relative;container-type:inline-size;aspect-ratio:804/557;border-radius:var(--radius-media);background:var(--grad-hero-card);overflow:hidden}
.pg-svc__media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset -8px -8px 20px rgba(30,27,75,.08);pointer-events:none}
.pg-svc__media--fit::after{display:none}
.pg-edu{position:absolute;inset:0;display:flex;flex-direction:column;gap:2.6cqw;padding:6.97cqw}
.pg-edu__head{display:flex;align-items:center;gap:2cqw}
.pg-edu__titles{display:flex;flex-direction:column;gap:1.49cqw;padding-top:.4cqw}
.pg-edu__title{display:block;font-size:3.48cqw;line-height:1;font-weight:var(--fw-bold);color:var(--text-title)}
.pg-edu__sub{display:block;font-size:1.99cqw;line-height:1;color:rgba(19,21,58,.64)}
.pg-edu__grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2cqw}
.pg-edu__mod{display:flex;flex-direction:column;gap:2cqw;padding:3cqw;border-radius:2cqw;background:var(--surface);box-shadow:0 1.5px 4.5px rgba(20,22,70,.08);overflow:hidden}
.pg-edu__top{display:flex;align-items:center;gap:1.6cqw}
.pg-edu__icon{flex:none;display:flex;align-items:center;justify-content:center;width:4cqw;height:4cqw;border-radius:1cqw;border:1px solid rgba(255,255,255,.9);background:linear-gradient(146deg,rgba(255,255,255,.78) 6%,rgba(245,246,255,.6) 50%,rgba(226,229,255,.42) 94%);box-shadow:inset 0 1px 0 #fff,0 .8cqw 1.8cqw rgba(67,56,202,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pg-edu__icon img{display:block;width:2.8cqw;height:2.8cqw}
.pg-edu__no{font-size:1.5cqw;line-height:1.4;font-weight:var(--fw-medium);color:var(--text-lighter)}
.pg-edu__name{font-size:2.49cqw;line-height:1.36;font-weight:var(--fw-bold);color:var(--text-title);letter-spacing:-.02em}
.pg-edu__tags{display:flex;flex-wrap:wrap;gap:.8cqw;margin-top:auto}
.pg-edu__tags span{padding:.5cqw 1.5cqw;border-radius:var(--radius-pill);background:var(--fill-grey);font-size:1.65cqw;line-height:1.4;color:var(--text-secondary);white-space:nowrap}
@media (max-width:600px){
.pg-svc__media--edu{aspect-ratio:auto}
.pg-edu{position:relative;inset:auto;gap:14px;padding:22px 18px}
.pg-edu__titles{gap:6px;padding-top:0}
.pg-edu__title{font-size:18px;line-height:1.3}
.pg-edu__sub{font-size:13px;line-height:1.4}
.pg-edu__grid{grid-template-columns:1fr;grid-template-rows:none;gap:10px}
.pg-edu__mod{gap:10px;padding:16px;border-radius:14px}
.pg-edu__top{gap:10px}
.pg-edu__icon{width:32px;height:32px;border-radius:8px}
.pg-edu__icon img{width:22px;height:22px}
.pg-edu__no{font-size:12px}
.pg-edu__name{font-size:16px}
.pg-edu__tags{gap:6px}
.pg-edu__tags span{padding:3px 10px;font-size:12.5px}
}
.pg-svc__shot{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.pg-svc.is-fade{animation:pgFade .5s var(--ease-out-expo)}
@keyframes pgFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:991px){.pg-svc{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pg-svc.is-fade{animation:none}}
.pg-svc[hidden]{display:none}

/* CEO */
.pg-ceo{display:flex;flex-wrap:wrap;gap:clamp(32px,6vw,80px);align-items:flex-start;padding:clamp(28px,5vw,64px);border-radius:var(--radius-media);background:var(--surface)}
.pg-ceo__profile{flex:280 1 240px;min-width:0;max-width:360px}
.pg-ceo__photo{display:block;width:100%;aspect-ratio:271/350;object-fit:cover;border-radius:40px;background:#F1F1F1}
.pg-ceo__role{margin-top:var(--space-6);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-light)}
.pg-ceo__name{margin-top:2px;font-size:24px;line-height:32px;font-weight:var(--fw-semibold);color:var(--text-strong);letter-spacing:.02em}
.pg-ceo__career{margin:var(--space-4) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-secondary)}
.pg-ceo__message{flex:704 1 420px;min-width:0}
.pg-ceo__text{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);font-size:17px;line-height:30px;letter-spacing:-0.01em;color:var(--text-secondary)}
.pg-ceo__sign{margin-top:var(--space-8);font-size:15px;color:var(--text-light)}
.pg-ceo__sign b{margin-left:6px;font-size:18px;font-weight:var(--fw-semibold);color:var(--text-strong);letter-spacing:.02em}

/* Footer */
.pg-footer__inner{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between}
.tl-gnb__link{white-space:nowrap}
@media (max-width:767px){.tl-gnb__nav{gap:0}.tl-gnb__link{padding:0 6px;font-size:13px}.pg-logo img{width:104px}}
