/* Standalone team cases and security pages; shared Figma typography and controls. */
.secondary-page{background:var(--page)}
.secondary-page .header-inner{height:88px;max-width:1280px}
.secondary-page .desktop-nav{gap:4px;margin-left:auto;margin-right:12px}
.secondary-page .desktop-nav>a{padding:0 18px}
.secondary-page .desktop-nav>a[aria-current="page"],
.secondary-page .mobile-nav>a[aria-current="page"]{background:var(--surface);color:var(--text);font-weight:700;text-decoration:none}
.secondary-page .desktop-nav>a:is(:hover,:focus,:active),
.secondary-page .mobile-nav>a:is(:hover,:focus,:active){text-decoration:none}
.secondary-page main>.section{padding:56px 0 64px}
.secondary-page .section-heading{max-width:840px;margin-bottom:32px}
.secondary-page h1{font-family:Paperlogy,Pretendard,sans-serif;font-size:clamp(32px,3vw,48px);font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:0}
.secondary-page .section-heading>p:not(.eyebrow){margin-top:16px;color:var(--muted);font-size:18px;line-height:1.6}
.secondary-page .case-tabs{flex-wrap:wrap}
.secondary-page .case-panel{gap:32px}
.secondary-page .case-media{min-width:0;min-height:400px}
.secondary-page .case-copy{min-width:0}
.secondary-page .security-grid{align-items:start;gap:40px}
.secondary-page .security-media{height:auto;min-height:480px;align-self:stretch}
.secondary-page .security-list{margin-top:32px}
.secondary-page .footer{max-width:none}
@media(width<=1100px){
  .secondary-page .desktop-nav>a{padding:0 12px}
}
@media(width<=960px){
  .secondary-page .header-inner{height:72px}
  .secondary-page main>.section{padding:40px 0 48px}
  .secondary-page .section-heading>p:not(.eyebrow){font-size:16px}
  .secondary-page .case-panel,.secondary-page .security-grid{gap:24px}
}
@media(width<=720px){
  .secondary-page .header-inner{height:64px}
  .secondary-page main>.section{padding:32px 0 40px}
  .secondary-page h1{font-size:30px}
  .secondary-page .section-heading{margin-bottom:24px}
  .secondary-page .case-tabs{gap:8px}
  .secondary-page .case-panel{align-items:stretch}
  .secondary-page .case-tabs .button{font-size:14px;padding:0 16px}
  .secondary-page .case-media{min-height:260px}
  .secondary-page .security-media{min-height:280px;width:100%}
  .secondary-page .security-list{margin-top:24px}
}
@media(width<360px){
  .secondary-page h1{font-size:26px}
  .secondary-page .case-tabs .button{font-size:12px;padding:0 12px}
}