.reef.pg-roles .top{position:relative;background:radial-gradient(104% 88% at 22% 0,#1b27b4 0,rgba(27,39,180,0) 62%),#000a5e}.reef.pg-roles .head{padding:26px 0 52px}.reef.pg-roles .back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);font-size:13.2px;font-weight:600;color:rgba(255,255,255,.9);transition:background .15s ease,border-color .15s ease,color .15s ease}.reef.pg-roles .back .i{font-size:15px;stroke-width:2.3;transition:transform .15s ease}.reef.pg-roles .back:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.5);color:#fff}.reef.pg-roles .back:hover .i{transform:translateX(-2px)}.reef.pg-roles .who{display:flex;align-items:center;gap:20px;margin-top:30px}.reef.pg-roles .who .mark{width:74px;height:74px;flex:0 0 auto;background:#fff;border-radius:16px;display:grid;place-items:center;padding:12px;box-shadow:0 14px 30px -18px rgba(0,0,0,.8)}.reef.pg-roles .who .mark img{max-width:100%;max-height:100%;object-fit:contain;display:block}.reef.pg-roles .who .mark .fallback{font-size:24px;font-weight:700;letter-spacing:-.04em;color:var(--p70)}.reef.pg-roles .who h1{font-size:clamp(28px,3.6vw,42px);line-height:1.04;letter-spacing:-.05em;color:#fff}.reef.pg-roles .who .sub{margin:9px 0 0;font-size:15.5px;color:rgba(255,255,255,.76);font-variant-numeric:tabular-nums}.reef.pg-roles .roles{padding:0 0 96px}.reef.pg-roles .ask{display:flex;align-items:baseline;gap:14px;margin:38px 0 20px;flex-wrap:wrap}.reef.pg-roles .ask h2{font-size:clamp(21px,2.2vw,26px)}.reef.pg-roles .ask .n{margin-left:auto;font-size:13px;color:var(--fnt);font-variant-numeric:tabular-nums}.reef.pg-roles .list{display:flex;flex-direction:column;gap:12px}.reef.pg-roles .role{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 22px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.reef.pg-roles .role:hover{border-color:var(--p20);transform:translateY(-3px);box-shadow:0 2px 3px rgba(0,10,94,.05),0 16px 30px -16px rgba(0,10,94,.28)}.reef.pg-roles .role .edge{width:4px;align-self:stretch;border-radius:4px;background:var(--p20);flex:0 0 auto;transition:background .16s ease}.reef.pg-roles .role:hover .edge{background:var(--p70)}.reef.pg-roles .role h3{font-size:17.5px;min-width:0}.reef.pg-roles .role .arw{margin-left:auto;flex:0 0 auto;font-size:19px;color:var(--p20);transition:color .16s ease,transform .16s ease}.reef.pg-roles .role .arw .i{stroke-width:2.2}.reef.pg-roles .role:hover .arw{color:var(--p70);transform:translateX(3px)}.reef.pg-roles .miss{padding:40px 0 0;font-size:15px;color:var(--mut)}.reef.pg-roles .miss a{color:var(--p70);font-weight:600}@media (max-width:980px){.reef.pg-roles .head{padding:22px 0 44px}}@media (max-width:620px){.reef.pg-roles .who{gap:15px}.reef.pg-roles .who .mark{width:58px;height:58px;border-radius:13px;padding:9px}.reef.pg-roles .role{gap:16px;padding:16px 18px}}@media (prefers-reduced-motion:reduce){.reef.pg-roles .role:hover{transform:none}}